pixeli 1.0.5 → 1.0.6-beta.3

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.
Files changed (59) hide show
  1. package/README.md +17 -0
  2. package/dist/cli/commands/project/backend/dist/assets/Export-D0AicdAp.js +1 -0
  3. package/dist/cli/commands/project/backend/dist/assets/Merge-Dz2TnSs6.js +4 -0
  4. package/dist/cli/commands/project/backend/dist/assets/Toggle-Bw_sGges.js +1 -0
  5. package/dist/cli/commands/project/backend/dist/assets/index--iLQSLSH.css +1 -0
  6. package/dist/cli/commands/project/backend/dist/assets/index-7xq0SvzN.js +3 -0
  7. package/dist/cli/commands/project/backend/dist/assets/views-C-jtlP0g.js +1 -0
  8. package/dist/cli/commands/project/backend/dist/favicon.ico +0 -0
  9. package/dist/cli/commands/project/backend/dist/index.html +14 -0
  10. package/dist/cli/commands/project/backend/index.d.ts +171 -0
  11. package/dist/cli/commands/project/backend/index.js +28 -0
  12. package/dist/cli/commands/project/backend/routers/fs.d.ts +61 -0
  13. package/dist/cli/commands/project/backend/routers/fs.js +40 -0
  14. package/dist/cli/commands/project/backend/routers/index.d.ts +2 -0
  15. package/dist/cli/commands/project/backend/routers/index.js +3 -0
  16. package/dist/cli/commands/project/backend/routers/merge.d.ts +109 -0
  17. package/dist/cli/commands/project/backend/routers/merge.js +26 -0
  18. package/dist/cli/commands/project/backend/validators/fs.d.ts +11 -0
  19. package/dist/cli/commands/project/backend/validators/fs.js +8 -0
  20. package/dist/cli/commands/project/backend/validators/merge.d.ts +32 -0
  21. package/dist/cli/commands/project/backend/validators/merge.js +17 -0
  22. package/dist/cli/commands/project/index.d.ts +2 -0
  23. package/dist/cli/commands/project/index.js +64 -0
  24. package/dist/cli/index.js +2 -0
  25. package/dist/cli/schemas/project.d.ts +4 -0
  26. package/dist/cli/schemas/project.js +5 -0
  27. package/dist/core/jobs/types.d.ts +2 -2
  28. package/dist/core/jobs/types.js +1 -1
  29. package/dist/core/merges/grid/steps/createComposites.js +1 -1
  30. package/dist/core/merges/masonry/index.d.ts +2 -2
  31. package/dist/core/merges/masonry/index.js +1 -0
  32. package/dist/core/merges/masonry/steps/createComposites.js +1 -1
  33. package/dist/core/merges/shared-steps/exportCanvas.js +2 -1
  34. package/dist/core/merges/shared-steps/loadImages.js +1 -1
  35. package/dist/core/merges/types.d.ts +2 -2
  36. package/dist/core/merges/types.js +1 -1
  37. package/dist/core/pipeline/mergePipeline.d.ts +5 -5
  38. package/dist/core/pipeline/mergePipeline.js +1 -1
  39. package/dist/core/utils/images/addImageBorder.d.ts +2 -2
  40. package/dist/core/utils/images/addImageBorder.js +1 -1
  41. package/dist/core/utils/images/getImageHeights.d.ts +2 -2
  42. package/dist/core/utils/images/getImageHeights.js +1 -1
  43. package/dist/core/utils/images/getImageWidths.d.ts +2 -2
  44. package/dist/core/utils/images/getImageWidths.js +1 -1
  45. package/dist/core/utils/images/getSmallestImageDimensions.d.ts +2 -2
  46. package/dist/core/utils/images/getSmallestImageDimensions.js +1 -1
  47. package/dist/core/utils/images/handleImageEdges.d.ts +2 -2
  48. package/dist/core/utils/images/handleImageEdges.js +1 -1
  49. package/dist/core/utils/images/isActualImage.d.ts +2 -2
  50. package/dist/core/utils/images/isActualImage.js +1 -1
  51. package/dist/core/utils/images/roundImage.d.ts +2 -2
  52. package/dist/core/utils/images/roundImage.js +1 -1
  53. package/dist/core/utils/images/roundImages.d.ts +2 -2
  54. package/dist/core/utils/images/roundImages.js +1 -1
  55. package/dist/core/utils/images/scaleImage.d.ts +2 -2
  56. package/dist/core/utils/images/scaleImage.js +2 -2
  57. package/dist/core/utils/images/scaleImages.d.ts +2 -2
  58. package/dist/core/utils/images/scaleImages.js +2 -2
  59. package/package.json +16 -8
package/README.md CHANGED
@@ -55,6 +55,7 @@ The tool currently supports four main layout modes: ***Grid***, ***Masonry*** (h
55
55
  * [Colors and Transparency](#colors-and-transparency)
56
56
  * [CLI](#cli)
57
57
  * [Library](#library)
58
+ 6. [Beta Release](#beta-release)
58
59
  6. [License](#license)
59
60
 
60
61
 
@@ -75,6 +76,11 @@ You can also run pixeli directly with npx without installing it globally. This i
75
76
  npx pixeli merge <subcommand> [options] <files...>
76
77
  ```
77
78
 
79
+ For the early release (or if you're from HACKCLUB), download the beta version (see how to use at [Beta Release](#beta-release)):
80
+ ```bash
81
+ npm i pixeli@beta
82
+ ```
83
+
78
84
  ## Quick CLI Examples
79
85
  To run these examples, you can visit the [GitHub Repository](https://github.com/pakdad-mousavi/pixeli) and use the images in the [Samples](https://github.com/pakdad-mousavi/pixeli/blob/main/samples/) directory, if you don't already have your own set of images.
80
86
 
@@ -510,5 +516,16 @@ type Color = { r: number; g: number; b: number; alpha: number } | string;
510
516
 
511
517
  Given that a color object has been used instead of a hex value, note that `color.r`, `color.g`, and `color.b` are all values ranging from 0 to 255, while `color.alpha` is a value ranging from 0 to 1.
512
518
 
519
+ ## Beta Release
520
+ The beta release gives you a GUI where you can start up a project in a chosen directory.
521
+
522
+ Run the `project` command:
523
+
524
+ ```bash
525
+ pixeli project <path-to-dir>
526
+ ```
527
+
528
+ where `<path-to-dir>` is the path to the directory in which to open the GUI.
529
+
513
530
  ## License
514
531
  This project is licensed under the [MIT License](./LICENSE).
@@ -0,0 +1 @@
1
+ import{f as e}from"./index-7xq0SvzN.js";var t={};function n(e,t){return`Export!`}var r=e(t,[[`render`,n]]);export{r as default};
@@ -0,0 +1,4 @@
1
+ import{A as e,C as t,D as n,E as r,F as i,I as a,L as o,M as s,N as c,O as l,S as u,T as d,_ as f,b as p,c as m,d as h,f as g,g as _,h as v,i as y,j as b,k as x,l as S,n as C,o as w,p as T,r as E,s as D,t as ee,v as O,w as k,x as A,y as j,z as M}from"./index-7xq0SvzN.js";import{$ as te,B as ne,C as N,E as re,F as ie,H as P,I as ae,K as oe,M as se,N as ce,O as le,P as ue,Q as F,R as de,T as I,U as fe,W as pe,X as me,Y as L,Z as R,_t as he,a as ge,at as _e,ct as z,d as ve,f as ye,g as be,i as B,it as V,j as xe,k as H,lt as U,m as W,n as Se,nt as G,o as Ce,ot as K,p as we,q as Te,r as Ee,rt as De,s as Oe,t as ke,u as Ae,ut as q,v as je,vt as J,w as Y,x as Me,y as Ne,z as X}from"./Toggle-Bw_sGges.js";var Pe=class{constructor(e,t){De.current&&De.current.register(this);let n=()=>{this.callbacks.completed&&this.callbacks.reset(),this.callbacks.play()},r=()=>{if(this.callbacks.completed)return;let e=!0;for(let t in this.animations)if(!this.animations[t].paused&&e){e=!1;break}e&&this.callbacks.complete()},i={onBegin:n,onComplete:r,onPause:r},a={v:1,autoplay:!1},o={};if(this.targets=[],this.animations={},this.callbacks=null,!(P(e)||P(t))){for(let e in t){let n=t[e];ae(e)?o[e]=n:te(e,`on`)?a[e]=n:i[e]=n}this.callbacks=new B({v:0},a);for(let t in o){let n=o[t],r=X(n),a={},s=`+=0`;if(r){let e=n.unit;ne(e)&&(s+=e)}else a.duration=n;a[t]=r?pe({to:s},n):s;let c=pe(i,a);c.composition=_e.replace,c.autoplay=!1;let l=this.animations[t]=new B(e,c,null,0,!1).init();this.targets.length||this.targets.push(...l.targets),this[t]=(e,t,n)=>{let r=l._head;if(P(e)&&r){let e=r._numbers;return e&&e.length?e:r._modifier(r._number)}return ce(l,t=>{if(ue(e))for(let n=0,r=e.length;n<r;n++)P(t._numbers[n])||(t._fromNumbers[n]=t._modifier(t._numbers[n]),t._toNumbers[n]=e[n]);else t._fromNumber=t._modifier(t._number),t._toNumber=e;P(n)||(t._ease=Oe(n)),t._currentTime=0}),P(t)||l.stretch(t),l.reset(!0).resume(),this}}}}revert(){for(let e in this.animations)this[e]=q,this.animations[e].revert();return this.animations={},this.targets.length=0,this.callbacks&&this.callbacks.revert(),this}},Fe=(e,t,n,r,i)=>r+(e-t)/(n-t)*(i-r),Z=V*10,Ie=class{constructor(e={}){let t=!P(e.bounce)||!P(e.duration);this.timeStep=.02,this.restThreshold=5e-4,this.restDuration=200,this.maxDuration=6e4,this.maxRestSteps=this.restDuration/this.timeStep/V,this.maxIterations=this.maxDuration/this.timeStep/V,this.bn=H(Y(e.bounce,.5),-1,1),this.pd=H(Y(e.duration,628),10*G.timeScale,Z*G.timeScale),this.m=H(Y(e.mass,1),1,Z),this.s=H(Y(e.stiffness,100),U,Z),this.d=H(Y(e.damping,10),U,Z),this.v=H(Y(e.velocity,0),-Z,Z),this.w0=0,this.zeta=0,this.wd=0,this.b=0,this.completed=!1,this.solverDuration=0,this.settlingDuration=0,this.parent=null,this.onComplete=e.onComplete||q,t&&this.calculateSDFromBD(),this.compute(),this.ease=e=>{let t=e*this.settlingDuration,n=this.completed,r=this.pd;return t>=r&&!n&&(this.completed=!0,this.onComplete(this.parent)),t<r&&n&&(this.completed=!1),e===0||e===1?e:this.solve(e*this.solverDuration)}}solve(e){let{zeta:t,w0:n,wd:r,b:i}=this,a=e;return a=t<1?se(-a*t*n)*(1*xe(r*a)+i*me(r*a)):t===1?(1+i*a)*se(-a*n):((1+i)*se((-t*n+r)*a)+(1-i)*se((-t*n-r)*a))/2,1-a}calculateSDFromBD(){let e=G.timeScale===1?this.pd/V:this.pd;this.m=1,this.v=0,this.s=Te(2*I/e,2),this.d=this.bn>=0?(1-this.bn)*4*I/e:4*I/(e*(1+this.bn)),this.s=L(H(this.s,U,Z),3),this.d=L(H(this.d,U,300),3)}calculateBDFromSD(){let e=2*I/F(this.s);this.pd=e*(G.timeScale===1?V:1),this.bn=this.d/(2*F(this.s))<=1?1-this.d*e/(4*I):4*I/(this.d*e)-1,this.bn=L(H(this.bn,-1,1),3),this.pd=L(H(this.pd,10*G.timeScale,Z*G.timeScale),3)}compute(){let{maxRestSteps:e,maxIterations:t,restThreshold:n,timeStep:r,m:i,d:a,s:o,v:s}=this,c=this.w0=H(F(o/i),U,V),l=this.zeta=a/(2*F(o*i));l<1?(this.wd=c*F(1-l*l),this.b=(l*c+-s)/this.wd):l===1?(this.wd=0,this.b=-s+c):(this.wd=c*F(l*l-1),this.b=(l*c+-s)/this.wd);let u=0,d=0,f=0;for(;d<=e&&f<=t;)re(1-this.solve(u))<n?d++:d=0,this.solverDuration=u,u+=r,f++;this.settlingDuration=L(this.solverDuration*V,0)*G.timeScale}get bounce(){return this.bn}set bounce(e){this.bn=H(Y(e,1),-1,1),this.calculateSDFromBD(),this.compute()}get duration(){return this.pd}set duration(e){this.pd=H(Y(e,1),10*G.timeScale,Z*G.timeScale),this.calculateSDFromBD(),this.compute()}get stiffness(){return this.s}set stiffness(e){this.s=H(Y(e,100),U,Z),this.calculateBDFromSD(),this.compute()}get damping(){return this.d}set damping(e){this.d=H(Y(e,10),U,Z),this.calculateBDFromSD(),this.compute()}get mass(){return this.m}set mass(e){this.m=H(Y(e,1),1,Z),this.compute()}get velocity(){return this.v}set velocity(e){this.v=H(Y(e,0),-Z,Z),this.compute()}},Le=e=>new Ie(e);function Re(e,t,n){let r=ye(e);if(!r.length)return;let[i]=r,a=N(i,t),o=be(t,i,a),s=Me(i,o);if(P(n))return s;if(je(s,Ne),Ne.t===he.NUMBER||Ne.t===he.UNIT){if(n===!1)return Ne.n;{let e=Ae(i,Ne,n,!1);return`${L(e.n,G.precision)}${e.u}`}}}var ze=(e,t)=>{if(!P(t))return G.editor&&G.editor.addSet?G.editor.addSet(e,t):(t.duration=U,t.composition=Y(t.composition,_e.none),new B(e,t,null,0,!0).resume())},Q=e=>{e.cancelable&&e.preventDefault()},Be=class{constructor(e){this.el=e,this.zIndex=0,this.parentElement=null,this.classList={add:q,remove:q}}get x(){return this.el.x||0}set x(e){this.el.x=e}get y(){return this.el.y||0}set y(e){this.el.y=e}get width(){return this.el.width||0}set width(e){this.el.width=e}get height(){return this.el.height||0}set height(e){this.el.height=e}getBoundingClientRect(){return{top:this.y,right:this.x,bottom:this.y+this.height,left:this.x+this.width}}},Ve=class{constructor(e){this.$el=e,this.inlineTransforms=[],this.point=new DOMPoint,this.inversedMatrix=this.getMatrix().inverse()}normalizePoint(e,t){return this.point.x=e,this.point.y=t,this.point.matrixTransform(this.inversedMatrix)}traverseUp(e){let t=this.$el.parentElement,n=0;for(;t&&t!==K;)e(t,n),t=t.parentElement,n++}getMatrix(){let e=new DOMMatrix;return this.traverseUp(t=>{let n=getComputedStyle(t).transform;if(n){let t=new DOMMatrix(n);e.preMultiplySelf(t)}}),e}remove(){this.traverseUp((e,t)=>{this.inlineTransforms[t]=e.style.transform,e.style.transform=`none`})}revert(){this.traverseUp((e,t)=>{let n=this.inlineTransforms[t];n===``?e.style.removeProperty(`transform`):e.style.transform=n})}},$=(e,t)=>e&&ie(e)?e(t):e,He=0,Ue=class{constructor(e,t={}){if(!e)return;De.current&&De.current.register(this);let n=t.x,r=t.y,i=t.trigger,a=t.modifier,o=t.releaseEase,s=o&&Oe(o),c=!P(o)&&!P(o.ease),l=X(n)&&!P(n.mapTo)?n.mapTo:`translateX`,u=X(r)&&!P(r.mapTo)?r.mapTo:`translateY`,d=$(t.container,this);this.containerArray=ue(d)?d:null,this.$container=d&&!this.containerArray?ve(d)[0]:K.body,this.useWin=this.$container===K.body,this.$scrollContainer=this.useWin?J:this.$container,this.$target=X(e)?new Be(e):ve(e)[0],this.$trigger=ve(i||e)[0],this.fixed=Re(this.$target,`position`)===`fixed`,this.isFinePointer=!0,this.containerPadding=[0,0,0,0],this.containerFriction=0,this.releaseContainerFriction=0,this.snapX=0,this.snapY=0,this.scrollSpeed=0,this.scrollThreshold=0,this.dragSpeed=0,this.dragThreshold=3,this.maxVelocity=0,this.minVelocity=0,this.velocityMultiplier=0,this.cursor=!1,this.releaseXSpring=c?o:Le({mass:Y(t.releaseMass,1),stiffness:Y(t.releaseStiffness,80),damping:Y(t.releaseDamping,20)}),this.releaseYSpring=c?o:Le({mass:Y(t.releaseMass,1),stiffness:Y(t.releaseStiffness,80),damping:Y(t.releaseDamping,20)}),this.releaseEase=s||Ce.outQuint,this.hasReleaseSpring=c,this.onGrab=t.onGrab||q,this.onDrag=t.onDrag||q,this.onRelease=t.onRelease||q,this.onUpdate=t.onUpdate||q,this.onSettle=t.onSettle||q,this.onSnap=t.onSnap||q,this.onResize=t.onResize||q,this.onAfterResize=t.onAfterResize||q,this.disabled=[0,0];let f={};if(a&&(f.modifier=a),P(n)||n===!0)f[l]=0;else if(X(n)){let e=n,t={};e.modifier&&(t.modifier=e.modifier),e.composition&&(t.composition=e.composition),f[l]=t}else n===!1&&(f[l]=0,this.disabled[0]=1);if(P(r)||r===!0)f[u]=0;else if(X(r)){let e=r,t={};e.modifier&&(t.modifier=e.modifier),e.composition&&(t.composition=e.composition),f[u]=t}else r===!1&&(f[u]=0,this.disabled[1]=1);this.animate=new Pe(this.$target,f),this.xProp=l,this.yProp=u,this.destX=0,this.destY=0,this.deltaX=0,this.deltaY=0,this.scroll={x:0,y:0},this.coords=[this.x,this.y,0,0],this.snapped=[0,0],this.pointer=[0,0,0,0,0,0,0,0],this.scrollView=[0,0],this.dragArea=[0,0,0,0],this.containerBounds=[-z,z,z,-z],this.scrollBounds=[0,0,0,0],this.targetBounds=[0,0,0,0],this.window=[0,0],this.velocityStack=[0,0,0],this.velocityStackIndex=0,this.velocityTime=oe(),this.velocity=0,this.angle=0,this.cursorStyles=null,this.triggerStyles=null,this.bodyStyles=null,this.targetStyles=null,this.touchActionStyles=null,this.transforms=new Ve(this.$target),this.overshootCoords={x:0,y:0},this.overshootTicker=new we({autoplay:!1,onUpdate:()=>{this.updated=!0,this.manual=!0,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,1),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,1)},onComplete:()=>{this.manual=!1,this.disabled[0]||this.animate[this.xProp](this.overshootCoords.x,0),this.disabled[1]||this.animate[this.yProp](this.overshootCoords.y,0)}},null,0).init(),this.updateTicker=new we({autoplay:!1,onUpdate:()=>this.update()},null,0).init(),this.contained=!P(d),this.manual=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.enabled=!1,this.initialized=!1,this.activeProp=this.disabled[1]?l:u,this.animate.callbacks.onRender=()=>{let e=this.updated,t=!(this.grabbed&&e)&&this.released,n=this.x,r=this.y,i=n-this.coords[2],a=r-this.coords[3];this.deltaX=i,this.deltaY=a,this.coords[2]=n,this.coords[3]=r,e&&(i||a)&&this.onUpdate(this),t?(this.computeVelocity(i,a),this.angle=le(a,i)):this.updated=!1},this.animate.callbacks.onComplete=()=>{!this.grabbed&&this.released&&(this.released=!1),this.manual||(this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.onSettle(this))},this.resizeTicker=new we({autoplay:!1,duration:150*G.timeScale,onComplete:()=>{this.onResize(this),this.refresh(),this.onAfterResize(this)}}).init(),this.parameters=t,this.resizeObserver=new ResizeObserver(()=>{this.initialized?this.resizeTicker.restart():this.initialized=!0}),this.enable(),this.refresh(),this.resizeObserver.observe(this.$container),X(e)||this.resizeObserver.observe(this.$target)}computeVelocity(e,t){let n=this.velocityTime,r=oe(),i=r-n;if(i<17)return this.velocity;this.velocityTime=r;let a=this.velocityStack,o=this.velocityMultiplier,s=this.minVelocity,c=this.maxVelocity,l=this.velocityStackIndex;a[l]=L(H(F(e*e+t*t)/i*o,s,c),5);let u=fe(a[0],a[1],a[2]);return this.velocity=u,this.velocityStackIndex=(l+1)%3,u}setX(e,t=!1){if(this.disabled[0])return;let n=L(e,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!t,this.destX=n,this.snapped[0]=R(n,this.snapX),this.animate[this.xProp](n,0),this.manual=!1,this}setY(e,t=!1){if(this.disabled[1])return;let n=L(e,5);return this.overshootTicker.pause(),this.manual=!0,this.updated=!t,this.destY=n,this.snapped[1]=R(n,this.snapY),this.animate[this.yProp](n,0),this.manual=!1,this}get x(){return L(this.animate[this.xProp](),G.precision)}set x(e){this.setX(e,!1)}get y(){return L(this.animate[this.yProp](),G.precision)}set y(e){this.setY(e,!1)}get progressX(){return Fe(this.x,this.containerBounds[3],this.containerBounds[1],0,1)}set progressX(e){this.setX(Fe(e,0,1,this.containerBounds[3],this.containerBounds[1]),!1)}get progressY(){return Fe(this.y,this.containerBounds[0],this.containerBounds[2],0,1)}set progressY(e){this.setY(Fe(e,0,1,this.containerBounds[0],this.containerBounds[2]),!1)}updateScrollCoords(){let e=L(this.useWin?J.scrollX:this.$container.scrollLeft,0),t=L(this.useWin?J.scrollY:this.$container.scrollTop,0),[n,r,i,a]=this.containerPadding,o=this.scrollThreshold;this.scroll.x=e,this.scroll.y=t,this.scrollBounds[0]=t-this.targetBounds[0]+n-o,this.scrollBounds[1]=e-this.targetBounds[1]-r+o,this.scrollBounds[2]=t-this.targetBounds[2]-i+o,this.scrollBounds[3]=e-this.targetBounds[3]+a-o}updateBoundingValues(){let e=this.$container;if(!e)return;let t=this.x,n=this.y,r=this.coords[2],i=this.coords[3];this.coords[2]=0,this.coords[3]=0,this.setX(0,!0),this.setY(0,!0),this.transforms.remove();let a=this.window[0]=J.innerWidth,o=this.window[1]=J.innerHeight,s=this.useWin,c=e.scrollWidth,l=e.scrollHeight,u=this.fixed,d=e.getBoundingClientRect(),[f,p,m,h]=this.containerPadding;this.dragArea[0]=s?0:d.left,this.dragArea[1]=s?0:d.top,this.scrollView[0]=s?H(c,a,c):c,this.scrollView[1]=s?H(l,o,l):l,this.updateScrollCoords();let{width:g,height:_,left:v,top:y,right:b,bottom:x}=e.getBoundingClientRect();this.dragArea[2]=L(s?H(g,a,a):g,0),this.dragArea[3]=L(s?H(_,o,o):_,0);let S=Re(e,`overflow`),C=S===`visible`,w=S===`hidden`;if(this.canScroll=!u&&this.contained&&(e===K.body&&C||!w&&!C)&&(c>this.dragArea[2]+h-p||l>this.dragArea[3]+f-m)&&(!this.containerArray||this.containerArray&&!ue(this.containerArray)),this.contained){let t=this.scroll.x,n=this.scroll.y,r=this.canScroll,i=this.$target.getBoundingClientRect(),c=r?s?0:e.scrollLeft:0,l=r?s?0:e.scrollTop:0,d=r?this.scrollView[0]-c-g:0,S=r?this.scrollView[1]-l-_:0;this.targetBounds[0]=L(i.top+n-(s?0:y),0),this.targetBounds[1]=L(i.right+t-(s?a:b),0),this.targetBounds[2]=L(i.bottom+n-(s?o:x),0),this.targetBounds[3]=L(i.left+t-(s?0:v),0),this.containerArray?(this.containerBounds[0]=this.containerArray[0]+f,this.containerBounds[1]=this.containerArray[1]-p,this.containerBounds[2]=this.containerArray[2]-m,this.containerBounds[3]=this.containerArray[3]+h):(this.containerBounds[0]=-L(i.top-(u?H(y,0,o):y)+l-f,0),this.containerBounds[1]=-L(i.right-(u?H(b,0,a):b)-d+p,0),this.containerBounds[2]=-L(i.bottom-(u?H(x,0,o):x)-S+m,0),this.containerBounds[3]=-L(i.left-(u?H(v,0,a):v)+c-h,0))}this.transforms.revert(),this.coords[2]=r,this.coords[3]=i,this.setX(t,!0),this.setY(n,!0)}isOutOfBounds(e,t,n){if(!this.contained)return 0;let[r,i,a,o]=e,[s,c]=this.disabled,l=!s&&t<o||!s&&t>i,u=!c&&n<r||!c&&n>a;return l&&!u?1:!l&&u?2:l&&u?3:0}refresh(){let e=this.parameters,t=e.x,n=e.y,r=$(e.container,this),i=$(e.containerPadding,this)||0,a=ue(i)?i:[i,i,i,i],o=this.x,s=this.y,c=$(e.cursor,this),l={onHover:`grab`,onGrab:`grabbing`};if(c){let{onHover:e,onGrab:t}=c;e&&(l.onHover=e),t&&(l.onGrab=t)}let u=$(e.dragThreshold,this),d={mouse:3,touch:7};if(de(u))d.mouse=u,d.touch=u;else if(u){let{mouse:e,touch:t}=u;P(e)||(d.mouse=e),P(t)||(d.touch=t)}this.containerArray=ue(r)?r:null,this.$container=r&&!this.containerArray?ve(r)[0]:K.body,this.useWin=this.$container===K.body,this.$scrollContainer=this.useWin?J:this.$container,this.isFinePointer=matchMedia(`(pointer:fine)`).matches,this.containerPadding=Y(a,[0,0,0,0]),this.containerFriction=H(Y($(e.containerFriction,this),.8),0,1),this.releaseContainerFriction=H(Y($(e.releaseContainerFriction,this),this.containerFriction),0,1),this.snapX=$(X(t)&&!P(t.snap)?t.snap:e.snap,this),this.snapY=$(X(n)&&!P(n.snap)?n.snap:e.snap,this),this.scrollSpeed=Y($(e.scrollSpeed,this),1.5),this.scrollThreshold=Y($(e.scrollThreshold,this),20),this.dragSpeed=Y($(e.dragSpeed,this),1),this.dragThreshold=this.isFinePointer?d.mouse:d.touch,this.minVelocity=Y($(e.minVelocity,this),0),this.maxVelocity=Y($(e.maxVelocity,this),50),this.velocityMultiplier=Y($(e.velocityMultiplier,this),1),this.cursor=c!==!1&&l,this.updateBoundingValues();let[f,p,m,h]=this.containerBounds;this.setX(H(o,h,p),!0),this.setY(H(s,f,m),!0)}update(){if(this.updateScrollCoords(),this.canScroll){let[e,t,n,r]=this.containerPadding,[i,a]=this.scrollView,o=this.dragArea[2],s=this.dragArea[3],c=this.scroll.x,l=this.scroll.y,u=this.$container.scrollWidth,d=this.$container.scrollHeight,f=this.useWin?H(u,this.window[0],u):u,p=this.useWin?H(d,this.window[1],d):d,m=i-f,h=a-p;this.dragged&&m>0&&(this.coords[0]-=m,this.scrollView[0]=f),this.dragged&&h>0&&(this.coords[1]-=h,this.scrollView[1]=p);let g=this.scrollSpeed*10,_=this.scrollThreshold,[v,y]=this.coords,[b,x,S,C]=this.scrollBounds,w=L(H((y-b+e)/_,-1,0)*g,0),T=L(H((v-x-t)/_,0,1)*g,0),E=L(H((y-S-n)/_,0,1)*g,0),D=L(H((v-C+r)/_,-1,0)*g,0);if(w||E||D||T){let[e,t]=this.disabled,n=c,r=l;e||(n=L(H(c+(D||T),0,i-o),0),this.coords[0]-=c-n),t||(r=L(H(l+(w||E),0,a-s),0),this.coords[1]-=l-r),this.useWin?this.$scrollContainer.scrollBy(-(c-n),-(l-r)):this.$scrollContainer.scrollTo(n,r)}}let[e,t,n,r]=this.containerBounds,[i,a,o,s,c,l]=this.pointer;this.coords[0]+=(i-c)*this.dragSpeed,this.coords[1]+=(a-l)*this.dragSpeed,this.pointer[4]=i,this.pointer[5]=a;let[u,d]=this.coords,[f,p]=this.snapped,m=(1-this.containerFriction)*this.dragSpeed;this.setX(u>t?t+(u-t)*m:u<r?r+(u-r)*m:u,!1),this.setY(d>n?n+(d-n)*m:d<e?e+(d-e)*m:d,!1),this.computeVelocity(i-c,a-l),this.angle=le(a-s,i-o);let[h,g]=this.snapped;(h!==f&&this.snapX||g!==p&&this.snapY)&&this.onSnap(this)}stop(){this.updateTicker.pause(),this.overshootTicker.pause();for(let e in this.animate.animations)this.animate.animations[e].pause();return W([this],null,`x`),W([this],null,`y`),W([this],null,`progressX`),W([this],null,`progressY`),W([this.scroll]),W([this.overshootCoords]),this}scrollInView(e,t=0,n=Ce.inOutQuad){this.updateScrollCoords();let r=this.destX,i=this.destY,a=this.scroll,o=this.scrollBounds,s=this.canScroll;if(!this.containerArray&&this.isOutOfBounds(o,r,i)){let[c,l,u,d]=o,f=L(H(i-c,-z,0),0),p=L(H(r-l,0,z),0),m=L(H(i-u,0,z),0),h=L(H(r-d,-z,0),0);new B(a,{x:L(a.x+(h?h-t:p?p+t:0),0),y:L(a.y+(f?f-t:m?m+t:0),0),duration:P(e)?350*G.timeScale:e,ease:n,onUpdate:()=>{this.canScroll=!1,this.$scrollContainer.scrollTo(a.x,a.y)}}).init().then(()=>{this.canScroll=s})}return this}handleHover(){this.isFinePointer&&this.cursor&&!this.cursorStyles&&(this.cursorStyles=ze(this.$trigger,{cursor:this.cursor.onHover}))}animateInView(e,t=0,n=Ce.inOutQuad){this.stop(),this.updateBoundingValues();let r=this.x,i=this.y,[a,o,s,c]=this.containerPadding,l=this.scroll.y-this.targetBounds[0]+a+t,u=this.scroll.x-this.targetBounds[1]-o-t,d=this.scroll.y-this.targetBounds[2]-s-t,f=this.scroll.x-this.targetBounds[3]+c+t,p=this.isOutOfBounds([l,u,d,f],r,i);if(p){let[t,a]=this.disabled,o=H(R(r,this.snapX),f,u),s=H(R(i,this.snapY),l,d),c=P(e)?350*G.timeScale:e;!t&&(p===1||p===3)&&this.animate[this.xProp](o,c,n),!a&&(p===2||p===3)&&this.animate[this.yProp](s,c,n)}return this}handleDown(e){let t=e.target;if(this.grabbed||t.type===`range`)return;e.stopPropagation(),this.grabbed=!0,this.released=!1,this.stop(),this.updateBoundingValues();let n=e.changedTouches,r=n?n[0].clientX:e.clientX,i=n?n[0].clientY:e.clientY,{x:a,y:o}=this.transforms.normalizePoint(r,i),[s,c,l,u]=this.containerBounds,d=(1-this.containerFriction)*this.dragSpeed,f=this.x,p=this.y;this.coords[0]=this.coords[2]=d?f>c?c+(f-c)/d:f<u?u+(f-u)/d:f:f,this.coords[1]=this.coords[3]=d?p>l?l+(p-l)/d:p<s?s+(p-s)/d:p:p,this.pointer[0]=a,this.pointer[1]=o,this.pointer[2]=a,this.pointer[3]=o,this.pointer[4]=a,this.pointer[5]=o,this.pointer[6]=a,this.pointer[7]=o,this.deltaX=0,this.deltaY=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this.targetStyles&&=(this.targetStyles.revert(),null);let m=Re(this.$target,`zIndex`,!1);He=(m>He?m:He)+1,this.targetStyles=ze(this.$target,{zIndex:He}),this.triggerStyles&&=(this.triggerStyles.revert(),null),this.cursorStyles&&=(this.cursorStyles.revert(),null),this.isFinePointer&&this.cursor&&(this.bodyStyles=ze(K.body,{cursor:this.cursor.onGrab})),this.scrollInView(100,0,Ce.out(3)),this.onGrab(this),K.addEventListener(`touchmove`,this),K.addEventListener(`touchend`,this),K.addEventListener(`touchcancel`,this),K.addEventListener(`mousemove`,this),K.addEventListener(`mouseup`,this),K.addEventListener(`selectstart`,this)}handleMove(e){if(!this.grabbed)return;let t=e.changedTouches,n=t?t[0].clientX:e.clientX,r=t?t[0].clientY:e.clientY,{x:i,y:a}=this.transforms.normalizePoint(n,r),o=i-this.pointer[6],s=a-this.pointer[7],c=e.target,l=!1,u=!1,d=!1;for(;t&&c&&c!==this.$trigger;){let e=Re(c,`overflow-y`);if(e!==`hidden`&&e!==`visible`){let{scrollTop:e,scrollHeight:t,clientHeight:n}=c;if(t>n){d=!0,l=e<=3,u=e>=t-n-3;break}}c=c.parentElement}d&&(!l&&!u||l&&s<0||u&&s>0)?(this.pointer[0]=i,this.pointer[1]=a,this.pointer[2]=i,this.pointer[3]=a,this.pointer[4]=i,this.pointer[5]=a,this.pointer[6]=i,this.pointer[7]=a):(Q(e),this.triggerStyles||=ze(this.$trigger,{pointerEvents:`none`}),this.$trigger.addEventListener(`touchstart`,Q,{passive:!1}),this.$trigger.addEventListener(`touchmove`,Q,{passive:!1}),this.$trigger.addEventListener(`touchend`,Q),(this.dragged||!this.disabled[0]&&re(o)>this.dragThreshold||!this.disabled[1]&&re(s)>this.dragThreshold)&&(this.updateTicker.resume(),this.pointer[2]=this.pointer[0],this.pointer[3]=this.pointer[1],this.pointer[0]=i,this.pointer[1]=a,this.dragged=!0,this.released=!1,this.onDrag(this)))}handleUp(){if(!this.grabbed)return;this.updateTicker.pause(),this.triggerStyles&&=(this.triggerStyles.revert(),null),this.bodyStyles&&=(this.bodyStyles.revert(),null);let[e,t]=this.disabled,[n,r,i,a,o,s]=this.pointer,[c,l,u,d]=this.containerBounds,[f,p]=this.snapped,m=this.releaseXSpring,h=this.releaseYSpring,g=this.releaseEase,_=this.hasReleaseSpring,v=this.overshootCoords,y=this.x,b=this.y,x=this.computeVelocity(n-o,r-s),S=this.angle=le(r-a,n-i),C=x*150,w=(1-this.releaseContainerFriction)*this.dragSpeed,T=y+xe(S)*C,E=b+me(S)*C,D=T>l?l+(T-l)*w:T<d?d+(T-d)*w:T,ee=E>u?u+(E-u)*w:E<c?c+(E-c)*w:E,O=this.destX=H(L(R(D,this.snapX),5),d,l),k=this.destY=H(L(R(ee,this.snapY),5),c,u),A=this.isOutOfBounds(this.containerBounds,T,E),j=0,M=0,te=g,ne=g,N=0;if(v.x=y,v.y=b,!e){let e=O===l?y>l?-1:1:y<d?-1:1,n=L(y-O,0);m.velocity=t&&_?n?C*e/re(n):0:x;let{ease:r,settlingDuration:i,restDuration:a}=m;j=y===O?0:_?i:i-a*G.timeScale,_&&(te=r),j>N&&(N=j)}if(!t){let t=k===u?b>u?-1:1:b<c?-1:1,n=L(b-k,0);h.velocity=e&&_?n?C*t/re(n):0:x;let{ease:r,settlingDuration:i,restDuration:a}=h;M=b===k?0:_?i:i-a*G.timeScale,_&&(ne=r),M>N&&(N=M)}if(!_&&A&&w&&(j||M)){let e=_e.blend;new B(v,{x:{to:D,duration:j*.65},y:{to:ee,duration:M*.65},ease:g,composition:e}).init(),new B(v,{x:{to:O,duration:j},y:{to:k,duration:M},ease:g,composition:e}).init(),this.overshootTicker.stretch(fe(j,M)).restart()}else e||this.animate[this.xProp](O,j,te),t||this.animate[this.yProp](k,M,ne);this.scrollInView(N,this.scrollThreshold,g);let ie=!1;O!==f&&(this.snapped[0]=O,this.snapX&&(ie=!0)),k!==p&&this.snapY&&(this.snapped[1]=k,this.snapY&&(ie=!0)),ie&&this.onSnap(this),this.grabbed=!1,this.dragged=!1,this.updated=!0,this.released=!0,this.onRelease(this),this.$trigger.removeEventListener(`touchstart`,Q),this.$trigger.removeEventListener(`touchmove`,Q),this.$trigger.removeEventListener(`touchend`,Q),K.removeEventListener(`touchmove`,this),K.removeEventListener(`touchend`,this),K.removeEventListener(`touchcancel`,this),K.removeEventListener(`mousemove`,this),K.removeEventListener(`mouseup`,this),K.removeEventListener(`selectstart`,this)}reset(){return this.stop(),this.resizeTicker.pause(),this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.setX(0,!0),this.setY(0,!0),this.coords[0]=0,this.coords[1]=0,this.pointer[0]=0,this.pointer[1]=0,this.pointer[2]=0,this.pointer[3]=0,this.pointer[4]=0,this.pointer[5]=0,this.pointer[6]=0,this.pointer[7]=0,this.velocity=0,this.velocityStack[0]=0,this.velocityStack[1]=0,this.velocityStack[2]=0,this.velocityStackIndex=0,this.angle=0,this}enable(){return this.enabled||(this.enabled=!0,this.$target.classList.remove(`is-disabled`),this.touchActionStyles=ze(this.$trigger,{touchAction:this.disabled[0]?`pan-x`:this.disabled[1]?`pan-y`:`none`}),this.$trigger.addEventListener(`touchstart`,this,{passive:!0}),this.$trigger.addEventListener(`mousedown`,this,{passive:!0}),this.$trigger.addEventListener(`mouseenter`,this)),this}disable(){return this.enabled=!1,this.grabbed=!1,this.dragged=!1,this.updated=!1,this.released=!1,this.canScroll=!1,this.touchActionStyles.revert(),this.cursorStyles&&=(this.cursorStyles.revert(),null),this.triggerStyles&&=(this.triggerStyles.revert(),null),this.bodyStyles&&=(this.bodyStyles.revert(),null),this.targetStyles&&=(this.targetStyles.revert(),null),this.$target.classList.add(`is-disabled`),this.$trigger.removeEventListener(`touchstart`,this),this.$trigger.removeEventListener(`mousedown`,this),this.$trigger.removeEventListener(`mouseenter`,this),K.removeEventListener(`touchmove`,this),K.removeEventListener(`touchend`,this),K.removeEventListener(`touchcancel`,this),K.removeEventListener(`mousemove`,this),K.removeEventListener(`mouseup`,this),K.removeEventListener(`selectstart`,this),this}revert(){return this.reset(),this.disable(),this.$target.classList.remove(`is-disabled`),this.updateTicker.revert(),this.overshootTicker.revert(),this.resizeTicker.revert(),this.animate.revert(),this.resizeObserver.disconnect(),this}handleEvent(e){switch(e.type){case`mousedown`:this.handleDown(e);break;case`touchstart`:this.handleDown(e);break;case`mousemove`:this.handleMove(e);break;case`touchmove`:this.handleMove(e);break;case`mouseup`:this.handleUp();break;case`touchend`:this.handleUp();break;case`touchcancel`:this.handleUp();break;case`mouseenter`:this.handleHover();break;case`selectstart`:Q(e)}}},We=(e,t)=>new Ue(e,t),Ge={},Ke={xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,"stroke-width":`1.75`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function qe(e,t){return n(),u(`svg`,Ke,[...t[0]||=[j(`path`,{d:`M15 3v4a1 1 0 0 0 1 1h4`},null,-1),j(`path`,{d:`M17 17h-6a2 2 0 0 1 -2 -2v-6m0 -4a2 2 0 0 1 2 -2h4l5 5v7c0 .294 -.063 .572 -.177 .823`},null,-1),j(`path`,{d:`M16 17v2a2 2 0 0 1 -2 2h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2`},null,-1),j(`path`,{d:`M3 3l18 18`},null,-1)]])}var Je=g(Ge,[[`render`,qe]]),Ye={},Xe={xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,"stroke-width":`1.75`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function Ze(e,t){return n(),u(`svg`,Xe,[...t[0]||=[j(`path`,{d:`M9 6l6 6l-6 6`},null,-1)]])}var Qe=g(Ye,[[`render`,Ze]]),$e={class:`flex flex-wrap gap-4 px-4 text-sm`},et=[`id`,`value`],tt=[`for`],nt=k({__name:`Radio`,props:d({options:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=x(e,`modelValue`);return(r,i)=>(n(),u(`ul`,$e,[(n(!0),u(f,null,l(e.options,r=>(n(),u(`li`,{class:o([`w-[calc(50%-8px)] flex bg-gray-100 dark:bg-mist-950 border border-rust/40 dark:border-gold/40 rounded-lg dark:text-beige text-center duration-300`,{"last:":e.options.length%2!=0,"bg-gold/30! border-rust! dark:border-gold! text-rust! dark:text-white!":t.value===r}])},[c(j(`input`,{type:`radio`,name:`options`,id:r,value:r,hidden:``,"onUpdate:modelValue":i[0]||=e=>t.value=e},null,8,et),[[v,t.value]]),j(`label`,{for:r,class:`block w-full p-2 rounded-lg cursor-pointer`},M(a(Se)(r)),9,tt)],2))),256))]))}}),rt={},it={xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,"stroke-width":`1.75`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function at(e,t){return n(),u(`svg`,it,[...t[0]||=[j(`path`,{d:`M5 12l14 0`},null,-1)]])}var ot=g(rt,[[`render`,at]]),st={},ct={xmlns:`http://www.w3.org/2000/svg`,width:`24`,height:`24`,viewBox:`0 0 24 24`,fill:`none`,"stroke-width":`1.75`,"stroke-linecap":`round`,"stroke-linejoin":`round`};function lt(e,t){return n(),u(`svg`,ct,[...t[0]||=[j(`path`,{d:`M12 5l0 14`},null,-1),j(`path`,{d:`M5 12l14 0`},null,-1)]])}var ut=g(st,[[`render`,lt]]),dt={class:`flex gap-4 text-sm px-4 select-none relative dark:text-beige text-center`},ft=[`min`,`max`,`step`],pt={key:0,class:`absolute top-full left-4 mt-2 text-rose-500 text-xs line-clamp-1`},mt=k({__name:`Number`,props:d({min:{default:0},max:{default:()=>1/0},step:{default:1}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let l=-1,d=x(i,`modelValue`),f=null,p=null,h=e(`number-input`),[g,v]=m(!0),y=()=>{d.value+i.step<=i.max&&(d.value+=i.step,w(),f||=window.setInterval(y,150))},b=()=>{f&&=(window.clearInterval(f),null)},S=()=>{d.value-i.step>=i.min&&(d.value-=i.step,w(),p||=window.setInterval(S,150))},C=()=>{p&&=(window.clearInterval(p),null)},w=()=>{if(!h.value)return;let e=h.value.checkValidity();v(e)},E=e=>{(e.target.value.trim().length<=0||!g.value)&&(d.value=l,v(!0))},D=e=>{let t=e.clipboardData?.getData(`text/plain`).trim()??``;/^[0-9]+(\.[0-9]+)?$/.test(t)||e.preventDefault()};return r(()=>{l=d.value}),(e,r)=>(n(),u(`div`,dt,[j(`div`,{class:o([`w-full flex bg-gray-100 dark:bg-mist-950 border border-rust/40 dark:border-gold/40 rounded-lg duration-300 relative z-20`,{"border-rose-500!":!a(g)}])},[j(`div`,{class:`size-8 bg-zinc-200 dark:bg-mist-800 rounded-lg aspect-square my-1 ml-1 flex justify-center items-center cursor-pointer`,onMousedown:S,onMouseup:C},[t(ot,{class:`stroke-black dark:stroke-beige size-4`})],32),c(j(`input`,{ref:`number-input`,type:`number`,"onUpdate:modelValue":r[0]||=e=>d.value=e,min:i.min,max:i.max,step:i.step,class:`py-1 outline-none w-full text-center`,pattern:`[0-9]*\\.?[0-9]*`,onFocusout:E,onInput:w,onKeypress:r[1]||=e=>e.key===`-`?e.preventDefault():``,onPaste:D},null,40,ft),[[_,d.value]]),j(`div`,{class:`size-8 bg-zinc-200 dark:bg-mist-800 rounded-lg aspect-square my-1 mr-1 flex justify-center items-center cursor-pointer`,onMousedown:y,onMouseup:b},[t(ut,{class:`stroke-black dark:stroke-beige size-4`})],32)],2),t(T,{name:`fade`},{default:s(()=>[a(g)?A(``,!0):(n(),u(`div`,pt,M(h.value?.validationMessage),1))]),_:1})]))}}),ht={class:`size-8 min-w-8 aspect-square rounded-lg overflow-hidden border`},gt={class:`flex dark:text-beige text-sm w-full -translate-x-4 justify-center`},_t={key:0,class:`flex items-center gap-x-2 mx-4`},vt={class:`py-2 flex-1 rounded-2xl text-sm bg-linear-to-r from-black to-white border relative`,ref:`slider-container`},yt={class:`absolute left-0 top-1/2 -translate-y-1/2 -translate-x-[calc(50%+0.5px)] size-5 rounded-full bg-white shadow-md shadow-mist-700`,ref:`alpha-slider`},bt={class:`text-sm min-w-9 text-right dark:text-beige`},xt=k({__name:`Color`,props:d({hasAlphaChannel:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(t){let a=t,o=x(t,`modelValue`),s=e(`color-picker`),l=e(`slider-container`),d=e(`alpha-slider`),p=i(null),m=i(0),h=O(()=>{let e=o.value.r.toString(16).padStart(2,`0`),t=o.value.g.toString(16).padStart(2,`0`),n=o.value.b.toString(16).padStart(2,`0`),r=Math.ceil(o.value.alpha*255).toString(16).padStart(2,`0`),i=`#`+e+t+n;return a.hasAlphaChannel?i+r:i}),g=i(h.value),v=()=>{let{r:e,g:t,b:n}=b(g.value);o.value.r=e,o.value.g=t,o.value.b=n},y=e=>{s.value&&e.target.id!==`color-picker`&&s.value.click()},b=e=>{let t=e.split(`#`)[1],n=parseInt(t.slice(0,2),16),r=parseInt(t.slice(2,4),16),i=parseInt(t.slice(4),16);return console.log({r:n,g:r,b:i}),{r:n,g:r,b:i}};return r(()=>{d.value&&l.value&&(p.value=We(d.value,{container:l.value,x:{snap:l.value.clientWidth/10},y:!1,maxVelocity:0,containerFriction:1,onDrag:e=>{a.hasAlphaChannel&&(o.value.alpha=Math.ceil(e.progressX*10)/10)}}),p.value.progressX=o.value.alpha,m.value=o.value.alpha)}),(e,r)=>(n(),u(f,null,[j(`div`,{class:`mx-4 p-1 mb-2 rounded-lg flex gap-x-2 items-center border border-rust/40 dark:border-gold/40 select-none text-center bg-gray-100 dark:bg-mist-950 cursor-pointer`,onClick:y},[j(`div`,ht,[c(j(`input`,{type:`color`,class:`size-full scale-200`,ref:`color-picker`,id:`color-picker`,"onUpdate:modelValue":r[0]||=e=>g.value=e,onChange:v},null,544),[[_,g.value]])]),j(`div`,gt,M(h.value),1)]),t.hasAlphaChannel?(n(),u(`div`,_t,[j(`div`,vt,[j(`div`,yt,null,512)],512),j(`p`,bt,M(o.value.alpha*100)+`%`,1)])):A(``,!0)],64))}}),St={class:`text-sm mx-4 relative`},Ct={key:0,class:`absolute top-full left-0 mt-2 text-rose-500 text-xs line-clamp-1`},wt=k({__name:`Text`,props:d({validator:{type:Function}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let a=e,l=``,d=i(``),f=x(e,`modelValue`),p=()=>{if(!a.validator)return d.value=``,!0;let e=a.validator(f.value);return typeof e==`string`?(d.value=e,!1):(d.value=``,!0)},m=()=>{p()||(f.value=l,d.value=``)};return r(()=>{l=f.value}),(e,r)=>(n(),u(`div`,St,[j(`div`,{class:o([`rounded-lg border border-rust/40 dark:border-gold/40 w-full bg-gray-100 dark:bg-mist-950`,{"border-rose-500!":d.value.length}])},[c(j(`input`,{type:`text`,"onUpdate:modelValue":r[0]||=e=>f.value=e,onInput:p,onFocusout:m,class:`outline-none px-2 py-2.5 size-full text-center dark:text-beige`},null,544),[[_,f.value]])],2),t(T,{name:`fade`},{default:s(()=>[d.value.length?(n(),u(`div`,Ct,M(d.value),1)):A(``,!0)]),_:1})]))}}),Tt=e=>{let t=Number(e);if(t)return t;let n=e.match(/^\s*(\d+)\s*(\/|:|x)\s*(\d+)\s*$/i);if(!n)return!1;let[,r,,i]=n;if(!r||!i)return!1;let a=parseInt(r,10),o=parseInt(i,10);return a===0||o===0?!1:a/o},Et=k({__name:`AspectRatio`,props:{modelValue:{required:!0},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=e=>Tt(e)===!1&&`Invalid value. Use '3:2' or '1.5' formats.`,r=x(e,`modelValue`);return(e,i)=>(n(),p(wt,{validator:t,modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e},null,8,[`modelValue`]))}}),Dt={class:`text-sm mx-4 relative`},Ot=[`rows`,`wrap`,`placeholder`],kt={key:0,class:`absolute top-full left-0 mt-2 text-rose-500 text-xs line-clamp-1`},At=k({__name:`TextArea`,props:d({rows:{},placeholder:{},wrap:{},validator:{type:Function}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let a=e,l=``,d=i(``),f=()=>{if(!a.validator)return d.value=``,!0;let e=a.validator(m.value);return typeof e==`string`?(d.value=e,!1):(d.value=``,!0)},p=()=>{f()||(m.value=l,d.value=``)},m=x(e,`modelValue`);return r(()=>{l=m.value}),(r,i)=>(n(),u(`div`,Dt,[j(`div`,{class:o([`rounded-lg border border-rust/40 dark:border-gold/40 w-full bg-gray-100 dark:bg-mist-950`,{"border-rose-500":d.value}])},[c(j(`textarea`,{"onUpdate:modelValue":i[0]||=e=>m.value=e,class:`outline-none px-2 py-2 size-full dark:text-beige`,rows:e.rows||2,wrap:e.wrap||`soft`,placeholder:e.placeholder||``,onInput:f,onFocusout:p},null,40,Ot),[[_,m.value]])],2),t(T,{name:`fade`},{default:s(()=>[d.value.length?(n(),u(`div`,kt,M(d.value),1)):A(``,!0)]),_:1})]))}}),jt=k({__name:`Captions`,props:{modelValue:{required:!0},modelModifiers:{}},emits:[`update:modelValue`],setup(e){let t=ee(),r=e=>{let n=e.split(`
2
+ `);return n.length>t.selected.size?`Too many captions.`:n.length<t.selected.size?`Not enough captions.`:Math.min(...n.map(e=>e.length))<=0&&`Invalid caption length.`},a=x(e,`modelValue`),o=i(a.value.join(`
3
+ `));return b(o,e=>{if(!r(e)){let t=e.split(`
4
+ `);a.value=t}}),(e,t)=>(n(),p(At,{rows:Math.min(a.value.length,8),placeholder:`Enter captions for each image.`,wrap:`off`,validator:r,modelValue:o.value,"onUpdate:modelValue":t[0]||=e=>o.value=e},null,8,[`rows`,`modelValue`]))}}),Mt={class:`h-full w-full flex relative`},Nt={key:0,class:`flex flex-col size-full items-center justify-center`},Pt={key:1,class:`size-full flex items-center justify-center`},Ft=[`src`],It={key:0,class:`absolute inset-0 bg-mist-200/30 dark:bg-mist-700/30 backdrop-blur-lg z-100 rounded-xl flex items-center justify-center`},Lt={class:`fixed right-4 z-100 min-w-72 max-w-72 h-[calc(100vh-32px)] bg-white dark:bg-mist-900 rounded-xl overflow-y-auto overflow-x-visible border border-rust/40 dark:border-gold/40 duration-300 transition-colors flex flex-col`},Rt={class:`bg-gold/5 p-4 border-b border-rust/40 dark:border-gold/40 text-rust dark:text-gold flex gap-x-2 items-center duration-300 transition-colors`},zt={class:`mb-auto last:mb-4`},Bt={key:0,class:`general-settings`},Vt={key:1,class:`general-settings`},Ht={key:2,class:`general-settings`},Ut={key:3,class:`general-settings`},Wt={key:4,class:`general-settings`},Gt={key:5,class:`general-settings`},Kt={key:6,class:`general-settings`},qt={key:7,class:`grid-settings`},Jt={key:8,class:`grid-settings`},Yt={key:9,class:`grid-settings`},Xt={key:10,class:`grid-settings`},Zt={key:11,class:`grid-settings`},Qt={key:12,class:`grid-settings`},$t=k({__name:`Merge`,setup(e){let c=C(`/`),l=ee(),d=D(E.STATE.KEY,E.STATE.DEFAULT),m=w(y).greaterOrEqual(`xl`),g=D(`generalSettings`,{isExpanded:!0,merge:`grid`,shuffle:!1,gap:50,cornerRadius:0,canvasColor:{r:255,g:255,b:255,alpha:1},borderWidth:0,borderColor:{r:0,g:0,b:0,alpha:1}}),_=D(`gridSettings`,{isExpanded:!0,aspectRatio:`1:1`,imageWidth:1024,columns:4,caption:!1,captions:[],captionColor:{r:0,g:0,b:0,alpha:1},maxCaptionSize:100}),v=i(!1),b=i(null),x=async()=>{v.value=!0,b.value&&b.value.abort(),b.value=new AbortController;let{isExpanded:e,merge:t,...n}={...g.value,..._.value},r=null;switch(t){case`masonry`:r=c.api.merge.masonry;break;case`collage`:r=c.api.merge.collage;break;case`template`:r=c.api.merge.template;break;case`grid`:r=c.api.merge.grid}let i=await r.$post({json:{imagePaths:l.selected.values().toArray(),...n}},{init:{signal:b.value.signal}});if(!i.ok)throw Error(`Error occurred`);let a=await i.blob();l.previewUrl&&URL.revokeObjectURL(l.previewUrl),l.previewUrl=URL.createObjectURL(a),v.value=!1};return r(async()=>{if(l.images.size){let e=Math.min(...l.formattedImages.map(e=>e.width));_.value.imageWidth=e;let t=l.selected.values().map(e=>l.formattedImages.find(t=>t.path===e)?.name||``);_.value.captions=t.toArray()}l.selected.size===0&&(l.previewUrl=``),S([g,_],async()=>{l.selected.size&&await x()},{debounce:300,deep:!0}),l.selected.size||ge(Ee(`.no-files-icon`),{draw:[`0 0`,`0 0.025`],duration:300}),l.selected.size>0&&await x()}),(e,r)=>(n(),u(f,null,[j(`div`,Mt,[j(`div`,{class:o([`p-4 duration-300`,{"w-[calc(100%-22rem)] ml-16":!a(d).isSidebarOpen||!a(m),"w-[calc(100%-36rem)] ml-72":a(d).isSidebarOpen&&a(m)}])},[a(l).selected.size?A(``,!0):(n(),u(`div`,Nt,[t(Je,{class:`stroke-rust dark:stroke-gold stroke-[0.5px] size-32 sm:size-40 no-files-icon`}),r[16]||=j(`span`,{class:`font-serif max-w-xs text-center`},`No Files Selected Yet! Select which files to merge first.`,-1)])),a(l).selected.size&&a(l).previewUrl.length>0?(n(),u(`div`,Pt,[j(`img`,{src:a(l).previewUrl,class:`w-full max-h-[calc(100vh-32px)] max-w-5xl object-contain`},null,8,Ft)])):A(``,!0),t(T,{name:`fade`},{default:s(()=>[v.value?(n(),u(`div`,It)):A(``,!0)]),_:1})],2)]),j(`div`,Lt,[j(`div`,Rt,[t(h,{class:`stroke-rust dark:stroke-zinc-100 size-5.5 stroke-2`}),r[17]||=j(`span`,{class:`font-serif font-medium text-zinc-700 dark:text-zinc-100`},`Merge Settings`,-1)]),j(`ul`,zt,[j(`li`,{class:`m-4 flex gap-x-1 items-center text-rust dark:text-gold font-serif cursor-pointer`,onClick:r[0]||=e=>a(g).isExpanded=!a(g).isExpanded},[r[18]||=j(`span`,null,`General Settings`,-1),t(Qe,{class:o([`stroke-rust dark:stroke-gold size-5 duration-300`,{"rotate-90":a(g).isExpanded}])},null,8,[`class`])]),a(g).isExpanded?(n(),u(`li`,Bt,[r[19]||=j(`h2`,{class:`text-xs px-4 mb-2 uppercase tracking-widest dark:text-beige`},`Merge Mode`,-1),t(nt,{options:[`grid`],modelValue:a(g).merge,"onUpdate:modelValue":r[1]||=e=>a(g).merge=e},null,8,[`modelValue`])])):A(``,!0),a(g).isExpanded?(n(),u(`li`,Vt,[r[20]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Shuffle Images`,-1),t(ke,{options:[`no shuffle`,`shuffle`],modelValue:a(g).shuffle,"onUpdate:modelValue":r[2]||=e=>a(g).shuffle=e},null,8,[`modelValue`])])):A(``,!0),a(g).isExpanded?(n(),u(`li`,Ht,[r[21]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Gap`,-1),t(mt,{modelValue:a(g).gap,"onUpdate:modelValue":r[3]||=e=>a(g).gap=e},null,8,[`modelValue`])])):A(``,!0),a(g).isExpanded?(n(),u(`li`,Ut,[r[22]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Corner Radius`,-1),t(mt,{modelValue:a(g).cornerRadius,"onUpdate:modelValue":r[4]||=e=>a(g).cornerRadius=e},null,8,[`modelValue`])])):A(``,!0),a(g).isExpanded?(n(),u(`li`,Wt,[r[23]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Border Width`,-1),t(mt,{modelValue:a(g).borderWidth,"onUpdate:modelValue":r[5]||=e=>a(g).borderWidth=e},null,8,[`modelValue`])])):A(``,!0),a(g).isExpanded?(n(),u(`li`,Gt,[r[24]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Canvas Color`,-1),t(xt,{"has-alpha-channel":!0,modelValue:a(g).canvasColor,"onUpdate:modelValue":r[6]||=e=>a(g).canvasColor=e},null,8,[`modelValue`])])):A(``,!0),a(g).isExpanded?(n(),u(`li`,Kt,[r[25]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Border Color`,-1),t(xt,{"has-alpha-channel":!0,modelValue:a(g).borderColor,"onUpdate:modelValue":r[7]||=e=>a(g).borderColor=e},null,8,[`modelValue`])])):A(``,!0),j(`li`,{class:`mx-4 mb-4 mt-8 flex gap-x-1 items-center text-rust dark:text-gold font-serif cursor-pointer`,onClick:r[8]||=e=>a(_).isExpanded=!a(_).isExpanded},[j(`span`,null,M(a(Se)(a(g).merge))+` Merge Settings`,1),t(Qe,{class:o([`stroke-rust dark:stroke-gold size-5 duration-300`,{"rotate-90":a(_).isExpanded}])},null,8,[`class`])]),a(_).isExpanded&&a(g).merge===`grid`?(n(),u(`li`,qt,[r[26]||=j(`h2`,{class:`text-xs px-4 mb-2 uppercase tracking-widest dark:text-beige`},`Aspect Ratio`,-1),t(Et,{modelValue:a(_).aspectRatio,"onUpdate:modelValue":r[9]||=e=>a(_).aspectRatio=e},null,8,[`modelValue`])])):A(``,!0),a(_).isExpanded&&a(g).merge===`grid`?(n(),u(`li`,Jt,[r[27]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Image Width`,-1),t(mt,{min:1,modelValue:a(_).imageWidth,"onUpdate:modelValue":r[10]||=e=>a(_).imageWidth=e},null,8,[`modelValue`])])):A(``,!0),a(_).isExpanded&&a(g).merge===`grid`?(n(),u(`li`,Yt,[r[28]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Columns`,-1),t(mt,{min:1,modelValue:a(_).columns,"onUpdate:modelValue":r[11]||=e=>a(_).columns=e},null,8,[`modelValue`])])):A(``,!0),a(_).isExpanded&&a(g).merge===`grid`?(n(),u(`li`,Xt,[r[29]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Use Captions`,-1),t(ke,{options:[`no captions`,`captions`],modelValue:a(_).caption,"onUpdate:modelValue":r[12]||=e=>a(_).caption=e},null,8,[`modelValue`]),a(_).caption?(n(),p(jt,{key:0,class:`mt-4`,modelValue:a(_).captions,"onUpdate:modelValue":r[13]||=e=>a(_).captions=e},null,8,[`modelValue`])):A(``,!0)])):A(``,!0),a(_).isExpanded&&a(g).merge===`grid`?(n(),u(`li`,Zt,[r[30]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Caption Color`,-1),t(xt,{"has-alpha-channel":!0,modelValue:a(_).captionColor,"onUpdate:modelValue":r[14]||=e=>a(_).captionColor=e},null,8,[`modelValue`])])):A(``,!0),a(_).isExpanded&&a(g).merge===`grid`?(n(),u(`li`,Qt,[r[31]||=j(`h2`,{class:`text-xs px-4 mt-8 mb-2 uppercase tracking-widest dark:text-beige`},`Max Caption Size`,-1),t(mt,{modelValue:a(_).maxCaptionSize,"onUpdate:modelValue":r[15]||=e=>a(_).maxCaptionSize=e},null,8,[`modelValue`])])):A(``,!0)])])],64))}});export{$t as default};
@@ -0,0 +1 @@
1
+ import{D as e,I as t,L as n,S as r,T as i,k as a,w as o,y as s,z as c}from"./index-7xq0SvzN.js";var l=typeof window<`u`,u=l?window:null,d=l?document:null,f={OBJECT:0,ATTRIBUTE:1,CSS:2,TRANSFORM:3,CSS_VAR:4},p={NUMBER:0,UNIT:1,COLOR:2,COMPLEX:3},m={NONE:0,AUTO:1,FORCE:2},h={replace:0,none:1,blend:2},g=Symbol(),_=Symbol(),v=Symbol(),y=Symbol(),b=Symbol(),x=1e-11,S=0xe8d4a51000,C=1e3,w=[],T=(()=>{let e=new Map;return e.set(`x`,`translateX`),e.set(`y`,`translateY`),e.set(`z`,`translateZ`),e})(),E=[`perspective`,`translateX`,`translateY`,`translateZ`,`rotate`,`rotateX`,`rotateY`,`rotateZ`,`scale`,`scaleX`,`scaleY`,`scaleZ`,`skew`,`skewX`,`skewY`],D=E.reduce((e,t)=>({...e,[t]:t+`(`}),{}),O=()=>{},ee=e=>e,te=/\)\s*[-.\d]/,ne=/(^#([\da-f]{3}){1,2}$)|(^#([\da-f]{4}){1,2}$)/i,re=/rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/i,ie=/rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,ae=/hsl\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*\)/i,k=/hsla\(\s*(-?\d+|-?\d*.\d+)\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)%\s*,\s*(-?\d+|-?\d*.\d+)\s*\)/i,A=/[-+]?\d*\.?\d+(?:e[-+]?\d)?/gi,j=/^([-+]?\d*\.?\d+(?:e[-+]?\d+)?)([a-z]+|%)$/i,M=/([a-z])([A-Z])/g,oe=/(\*=|\+=|-=)/,se=/var\(\s*(--[\w-]+)(?:\s*,\s*([^)]+))?\s*\)/,ce={id:null,keyframes:null,playbackEase:null,playbackRate:1,frameRate:240,loop:0,reversed:!1,alternate:!1,autoplay:!0,persist:!1,duration:C,delay:0,loopDelay:0,ease:`out(2)`,composition:h.replace,modifier:ee,onBegin:O,onBeforeUpdate:O,onUpdate:O,onLoop:O,onPause:O,onComplete:O,onRender:O},N={current:null,root:d},P={defaults:ce,precision:4,timeScale:1,tickThreshold:200,editor:null},le={version:`4.5.0`,engine:null};l&&(u.AnimeJS||=[],u.AnimeJS.push(le));var ue=e=>e.replace(M,`$1-$2`).toLowerCase(),F=(e,t)=>e.indexOf(t)===0,I=Date.now,de=Array.isArray,fe=e=>e&&e.constructor===Object,pe=e=>typeof e==`number`&&!isNaN(e),me=e=>typeof e==`string`,he=e=>typeof e==`function`,L=e=>e===void 0,ge=e=>L(e)||e===null,R=e=>l&&e instanceof SVGElement,_e=e=>ne.test(e),ve=e=>F(e,`rgb`),ye=e=>F(e,`hsl`),be=e=>_e(e)||(ve(e)||ye(e))&&(e[e.length-1]===`)`||!te.test(e)),xe=e=>!P.defaults.hasOwnProperty(e),Se=[`opacity`,`rotate`,`overflow`,`color`],z=(e,t)=>{if(Se.includes(t))return!1;if(e.getAttribute(t)||t in e){if(t===`scale`){let t=e.parentNode;return t&&t.tagName===`filter`}return!0}},B=Math.pow,Ce=Math.sqrt,we=Math.sin,Te=Math.cos,Ee=Math.abs,De=Math.exp,Oe=Math.floor,ke=Math.asin,Ae=Math.max,je=Math.atan2,Me=Math.PI,Ne=Math.round,V=(e,t,n)=>e<t?t:e>n?n:e,H=(e,t)=>{if(t<0)return e;if(!t)return Ne(e);let n=10**t;return Ne(e*n)/n},Pe=(e,t)=>de(t)?t.reduce((t,n)=>Ee(n-e)<Ee(t-e)?n:t):t?Ne(e/t)*t:e,Fe=(e,t,n)=>n===1?t:n===0?e:e+(t-e)*n,Ie=e=>e===1/0?S:e===-1/0?-S:e,Le=e=>e<=1e-11?x:Ie(H(e,11)),U=e=>de(e)?[...e]:e,Re=(e,t)=>{let n={...e};for(let r in t){let i=e[r];n[r]=L(i)?t[r]:i}return n},W=(e,t,n,r=`_prev`,i=`_next`)=>{let a=e._head,o=i;for(n&&(a=e._tail,o=r);a;){let e=a[o];t(a),a=e}},ze=(e,t,n=`_prev`,r=`_next`)=>{let i=t[n],a=t[r];i?i[r]=a:e._head=a,a?a[n]=i:e._tail=i,t[n]=null,t[r]=null},Be=(e,t,n,r=`_prev`,i=`_next`)=>{let a=e._tail;for(;a&&n&&n(a,t);)a=a[r];let o=a?a[i]:e._head;a?a[i]=t:e._head=t,o?o[r]=t:e._tail=t,t[r]=a,t[i]=o},Ve=(e,t,n)=>{let r=e.style.transform;if(r){let i=e[y],a=0,o=r.length,s;for(;a<o;){for(;a<o&&r.charCodeAt(a)===32;)a++;if(a>=o)break;let e=a;for(;a<o&&r.charCodeAt(a)!==40;)a++;if(a>=o)break;let t=r.substring(e,a),n=1,c=a+1,l=-1,u=-1;for(a++;a<o&&n>0;){let e=r.charCodeAt(a);e===40?n++:e===41?n--:e===44&&n===1&&(l===-1?l=a:u===-1&&(u=a)),a++}let d=a-1;t===`translate`||t===`translate3d`?(l===-1?i.translateX=r.substring(c,d).trim():(i.translateX=r.substring(c,l).trim(),u===-1?i.translateY=r.substring(l+1,d).trim():(i.translateY=r.substring(l+1,u).trim(),i.translateZ=r.substring(u+1,d).trim())),s=r.substring(c,d)):t===`scale`||t===`scale3d`?l===-1?i.scale=r.substring(c,d).trim():(i.scaleX=r.substring(c,l).trim(),u===-1?i.scaleY=r.substring(l+1,d).trim():(i.scaleY=r.substring(l+1,u).trim(),i.scaleZ=r.substring(u+1,d).trim())):i[t]=r.substring(c,d)}if(t===`translate3d`&&s)return n&&(n[t]=s),s;let c=i[t];if(!L(c))return n&&(n[t]=c),c}return t===`translate3d`?`0px, 0px, 0px`:t===`rotate3d`?`0, 0, 0, 0deg`:F(t,`scale`)?`1`:F(t,`rotate`)||F(t,`skew`)?`0deg`:`0px`},He=e=>{let t=``;for(let n=0,r=E.length;n<r;n++){let r=E[n],i=e[r];if(i!==void 0){if(r===`translateX`){let r=e.translateY;if(r!==void 0){let a=e.translateZ;a===void 0?(t+=`translate(${i},${r}) `,n+=1):(t+=`translate3d(${i},${r},${a}) `,n+=2);continue}}if(r===`scaleX`&&e.scale===void 0){let r=e.scaleY;if(r!==void 0){let a=e.scaleZ;a===void 0?(t+=`scale(${i},${r}) `,n+=1):(t+=`scale3d(${i},${r},${a}) `,n+=2);continue}}t+=`${D[r]}${i}) `}r===`rotateZ`&&e.rotate3d!==void 0&&(t+=`rotate3d(${e.rotate3d}) `)}return e.matrix!==void 0&&(t+=`matrix(${e.matrix}) `),e.matrix3d!==void 0&&(t+=`matrix3d(${e.matrix3d}) `),t},Ue=[];function We(e,t){if(!e)return null;let n=Ue.length;outer:for(let r=0;r<n;r++){let n=Ue[r];if(n.detect&&!n.detect(e))continue;let i=n.targetAdapters;for(let n=0,r=i.length;n<r;n++){let r=i[n];if(r.detect(e)){let n=r.props[t];if(n&&(!n.gate||n.gate(e)))return n;break outer}}}for(let r=0;r<n;r++){let n=Ue[r];if(n.detect&&!n.detect(e))continue;let i=n.propertyResolvers;for(let n=0,r=i.length;n<r;n++){let r=i[n](e,t);if(r)return r}}return null}var Ge=e=>{let t=re.exec(e)||ie.exec(e),n=L(t[4])?1:+t[4];return[+t[1],+t[2],+t[3],n]},Ke=e=>{let t=e.length,n=t===4||t===5;return[+(`0x`+e[1]+e[n?1:2]),+(`0x`+e[n?2:3]+e[n?2:4]),+(`0x`+e[n?3:5]+e[n?3:6]),t===5||t===9?+((`0x`+e[n?4:7]+e[n?4:8])/255).toFixed(3):1]},qe=(e,t,n)=>(n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e),Je=e=>{let t=ae.exec(e)||k.exec(e),n=t[1]/360,r=t[2]/100,i=t[3]/100,a=L(t[4])?1:+t[4],o,s,c;if(r===0)o=s=c=i;else{let e=i<.5?i*(1+r):i+r-i*r,t=2*i-e;o=H(qe(t,e,n+1/3)*255,0),s=H(qe(t,e,n)*255,0),c=H(qe(t,e,n-1/3)*255,0)}return[o,s,c,a]},Ye=e=>ve(e)?Ge(e):_e(e)?Ke(e):ye(e)?Je(e):[0,0,0,1],G=(e,t)=>L(e)?t:e,Xe=(e,t)=>{let n=e.match(se),r=t[_]?t:document.documentElement,i=getComputedStyle(r)?.getPropertyValue(n[1]);return(!i||i.trim()===``)&&n[2]&&(i=n[2].trim()),i||0},K=(e,t,n,r,i,a)=>{if(he(e)){if(!i){let i=e(t,n,r,a);return isNaN(+i)?i||0:+i}let o=()=>{let i=e(t,n,r,a);return isNaN(+i)?i||0:+i};return i.func=o,o()}if(me(e)&&F(e,`var(`)){if(!i)return Xe(e,t);let n=()=>Xe(e,t);return i.func=n,n()}return e},Ze=(e,t)=>e[_]?e[v]&&z(e,t)?f.ATTRIBUTE:E.includes(t)||T.get(t)?f.TRANSFORM:F(t,`--`)?f.CSS_VAR:t in e.style?f.CSS:t in e?f.OBJECT:f.ATTRIBUTE:f.OBJECT,Qe=(e,t,n)=>{let r=e.style[t];r&&n&&(n[t]=r);let i=r||getComputedStyle(e[b]||e).getPropertyValue(t);return i===`auto`?`0`:i},$e=(e,t,n,r)=>{let i=L(n)?Ze(e,t):n,a=We(e,t);if(a){let n=a.get(e);return n&&r&&(r[t]=n),n??0}if(i===f.OBJECT){let n=e[t];return n&&r&&(r[t]=n),n||0}if(i===f.ATTRIBUTE){let n=e.getAttribute(t);return n&&r&&(r[t]=n),n}return i===f.TRANSFORM?Ve(e,t,r):i===f.CSS_VAR?Qe(e,t,r).trimStart():Qe(e,t,r)},et=(e,t,n)=>n===`-`?e-t:n===`+`?e+t:e*t,tt=()=>({t:p.NUMBER,n:0,u:null,o:null,d:null,s:null}),q=(e,t)=>{if(t.t=p.NUMBER,t.n=0,t.u=null,t.o=null,t.d=null,t.s=null,!e)return t;let n=+e;if(!isNaN(n))return t.n=n,t;let r=e;r[1]===`=`&&(t.o=r[0],r=r.slice(2));let i=!r.includes(` `)&&j.exec(r);if(i)return t.t=p.UNIT,t.n=+i[1],t.u=i[2],t;if(t.o)return t.n=+r,t;if(be(r))return t.t=p.COLOR,t.d=Ye(r),t;{let e=r.match(A);return t.t=p.COMPLEX,t.d=e?e.map(Number):[],t.s=r.split(A)||[],t}},nt=(e,t)=>(t.t=e._valueType,t.n=e._toNumber,t.u=e._unit,t.o=null,t.d=U(e._toNumbers),t.s=U(e._strings),t),J=tt(),rt=(e,t,n)=>{let r=e._modifier,i=e._fromNumbers,a=e._toNumbers,o=e._strings,s=o[0];for(let c=0,l=a.length;c<l;c++){let l=r(H(Fe(i[c],a[c],t),n)),u=o[c+1];s+=`${u?l+u:l}`,e._numbers[c]=l}return s},it=(e,t,n,r,i)=>{let a=e.parent,o=e.duration,s=e.completed,c=e.iterationDuration,l=e.iterationCount,u=e._currentIteration,d=e._loopDelay,g=e._reversed,_=e._alternate,v=e._hasChildren,b=e._delay,S=e._currentTime,C=b+c,w=t-b,T=V(S,-b,o),E=V(w,-b,o),D=w-S,O=E>0,ee=E>=o,te=o<=x,ne=i===m.FORCE,re=0,ie=w,ae=0;if(l>1){let t=c+(ee?0:d),n=~~(E/t);e._currentIteration=V(n,0,l),ee&&e._currentIteration--,re=e._currentIteration%2,ie=E-n*t||0}let k=g^(_&&re),A=e._ease,j=ee?k?0:o:k?c-ie:ie;A&&(j=c*A(j/c)||0);let M=(a?a.backwards:w<S)?!k:!!k;if(e._currentTime=w,e._iterationTime=j,e.backwards=M,O&&!e.began?(e.began=!0,!n&&(!a||!M&&a.began)&&e.onBegin(e)):w<=0&&(e.began=!1),!n&&!v&&O&&e._currentIteration!==u&&e.onLoop(e),ne||i===m.AUTO&&(t>=(a&&b>0?0:b)&&t<=C||t<=b&&T>b||t>=C&&T!==o)||j>=C&&T!==o||j<=b&&T>0&&!ee||t<=T&&T===o&&s||ee&&!s&&te){if(O&&(e.computeDeltaTime(T),n||e.onBeforeUpdate(e)),!v){let t=ne||(M?D*-1:D)>=P.tickThreshold,i=H(e._offset+(a?a._offset:0)+b+j,12),o=e._head,s,c,l,u,d=0;for(;o;){let e=o._composition,n=o._currentTime,a=o._changeDuration,m=o._absoluteStartTime+o._changeDuration,g=o._nextRep,_=o._prevRep,v=e!==h.none,b=_?_._absoluteStartTime+_._changeDuration:0,x=_&&_.parent!==o.parent,S=!g||g._isOverridden?m:g.parent===o.parent?m+g._delay:g._absoluteStartTime<g._absoluteUpdateStartTime?g._absoluteStartTime:g._absoluteUpdateStartTime;if((t||(n!==a||i<=S||_&&!x&&(!g||g.parent!==o.parent))&&(n!==0||i>=o._absoluteStartTime||x&&!o._hasFromValue&&!_._isOverridden&&i>=b||g&&!g._isOverridden&&g.parent===o.parent&&g._currentTime!==0&&j<g._startTime))&&(!_||x||j>=o._startTime)&&(!v||!o._isOverridden&&(!o._isOverlapped||i<=m)&&(!g||g._isOverridden||i<=S)&&(!_||_._isOverridden||(x?i>=o._absoluteStartTime||!o._hasFromValue&&i>=b:i>=b+o._delay)))){let t=o._currentTime=V(j-o._startTime,0,a),n=o._ease(t/o._updateDuration),i=o._modifier,m=o._valueType,g=o._tweenType,_=g===f.OBJECT,b=m===p.NUMBER,x=b&&_||n===0||n===1?-1:P.precision,S,C;if(b)S=C=i(H(Fe(o._fromNumber,o._toNumber,n),x));else if(m===p.UNIT)C=i(H(Fe(o._fromNumber,o._toNumber,n),x)),S=`${C}${o._unit}`;else if(m===p.COLOR){let e=o._numbers,t=o._fromNumbers,a=o._toNumbers,s=1-n,c=t[0],l=t[1],u=t[2],d=a[0],f=a[1],p=a[2];e[0]=i(Math.sqrt(c*c*s+d*d*n)),e[1]=i(Math.sqrt(l*l*s+f*f*n)),e[2]=i(Math.sqrt(u*u*s+p*p*n)),e[3]=i(Fe(t[3],a[3],n)),(!o._setter||r)&&(S=`rgba(${H(e[0],0)},${H(e[1],0)},${H(e[2],0)},${e[3]})`)}else m===p.COMPLEX&&(S=rt(o,n,x));if(v&&(o._number=C),!r&&e!==h.blend){let e=o.property;s=o.target,o._setter?o._setter(s,C,o):_?s[e]=S:g===f.ATTRIBUTE?s.setAttribute(e,S):(c=s.style,g===f.TRANSFORM?(s!==l&&(l=s,u=s[y]),u[e]=S,d=1):g===f.CSS?c[e]=S:g===f.CSS_VAR&&c.setProperty(e,S)),O&&(ae=1)}else o._value=S}else n&&_&&!x&&j<o._startTime&&(o._currentTime=0);d&&o._renderTransforms&&(c.transform=He(u),d=0),o=o._next}!n&&ae&&e.onRender(e)}!n&&O&&e.onUpdate(e)}return a&&te?!n&&(a.began&&!M&&w>0&&!s||M&&w<=1e-11&&s)&&(e.onComplete(e),e.completed=!M):O&&ee?l===1/0?e._startTime+=e.duration:e._currentIteration>=l-1&&(e.paused=!0,!s&&!v&&(e.completed=!0,!n&&(!a||!M&&a.began)&&(e.onComplete(e),e._resolve(e)))):e.completed=!1,ae},at=(e,t,n,r,i)=>{let a=e._currentIteration;if(it(e,t,n,r,i),e._hasChildren){let o=e,s=o.backwards,c=r?t:o._iterationTime,l=I(),u=0,d=!0;if(!r&&o._currentIteration!==a){let e=o.iterationDuration;W(o,t=>{if(!s)!t.completed&&!t.backwards&&t._currentTime<t.iterationDuration&&it(t,e,n,1,m.FORCE),t.began=!1,t.completed=!1;else{let r=t.duration,i=t._offset+t._delay,a=i+r;!n&&r<=1e-11&&(!i||a===e)&&t.onComplete(t)}}),n||o.onLoop(o)}W(o,e=>{let t=H((c-e._offset)*e._speed,12);if(s&&t>e._delay+e.duration)return;let a=e._fps<o._fps?e.requestTick(l):i;u+=it(e,t,n,r,a),!e.completed&&d&&(d=!1)},s),!n&&u&&o.onRender(o),(d||s)&&o._currentTime>=o.duration&&(o.paused=!0,o.completed||(o.completed=!0,n||(o.onComplete(o),o._resolve(o))))}},ot={},st=(e,t,n)=>{if(n===f.TRANSFORM)return T.get(e)||e;if(n===f.CSS||n===f.ATTRIBUTE&&R(t)&&e in t.style){let t=ot[e];if(t)return t;{let t=e&&ue(e);return ot[e]=t,t}}return e},ct=(e,t=!1)=>{if(e._hasChildren)W(e,e=>ct(e,t),!0);else{let n=e;n.pause(),W(n,e=>{let r=e.property,i=e.target,a=e._tweenType,o=e._inlineValue,s=ge(o)||o===``;if(e._setter){if(!t&&!s){if(q(o,J),J.d){let t=J.d,n=e._numbers;for(let e=0,r=t.length;e<r;e++)n[e]=t[e]}else e._number=J.n;e._setter(e.target,e._number,e)}}else if(a===f.OBJECT)!t&&!s&&(i[r]=o);else if(i[_]){if(a===f.ATTRIBUTE)t||(s?i.removeAttribute(r):i.setAttribute(r,o));else{let t=i.style;if(a===f.TRANSFORM){let n=i[y];s?delete n[r]:n[r]=o,e._renderTransforms&&(Object.keys(n).length?t.transform=He(n):t.removeProperty(`transform`))}else s?t.removeProperty(ue(r)):t[r]=o}}i[_]&&n._tail===e&&n.targets.forEach(e=>{e.getAttribute&&e.getAttribute(`style`)===``&&e.removeAttribute(`style`)})})}return e},lt=class{constructor(e=0){this.deltaTime=0,this._currentTime=e,this._lastTickTime=e,this._startTime=e,this._lastTime=e,this._frameDuration=C/240,this._fps=240,this._speed=1,this._hasChildren=!1,this._head=null,this._tail=null}get fps(){return this._fps}set fps(e){let t=+e,n=t<1e-11?x:t,r=C/n;n>ce.frameRate&&(ce.frameRate=n),this._fps=n,this._frameDuration=r}get speed(){return this._speed}set speed(e){let t=+e;this._speed=t<1e-11?x:t}requestTick(e){let t=this._frameDuration,n=e-this._lastTickTime,r=t*.25;return n+(r<4?r:4)<t?m.NONE:(this._lastTickTime=n>=t?e-n%t:e,m.AUTO)}computeDeltaTime(e){let t=e-this._lastTime;return this.deltaTime=t,this._lastTime=e,t}},ut={animation:null,update:O},dt=e=>{let t=ut.animation;return t||(t={duration:x,computeDeltaTime:O,_offset:0,_delay:0,_head:null,_tail:null},ut.animation=t,ut.update=()=>{e.forEach(e=>{for(let t in e){let n=e[t],r=n._head;if(r){let e=r._valueType,t=e===p.COMPLEX||e===p.COLOR?U(r._fromNumbers):null,i=r._fromNumber,a=n._tail;for(;a&&a!==r;){if(t)for(let e=0,n=a._numbers.length;e<n;e++)t[e]+=a._numbers[e];else i+=a._number;a=a._prevAdd}r._toNumber=i,r._toNumbers=t}}}),it(t,1,1,0,m.FORCE)}),t},ft=l?requestAnimationFrame:setImmediate,pt=l?cancelAnimationFrame:clearImmediate,mt=class extends lt{constructor(e){super(e),this.useDefaultMainLoop=!0,this.pauseOnDocumentHidden=!0,this.defaults=ce,this.paused=!0,this.reqId=0}update(){let e=this._currentTime=I();if(this.requestTick(e)){this.computeDeltaTime(e);let t=this._speed,n=this._fps,r=this._head;for(;r;){let i=r._next;r.paused?(ze(this,r),this._hasChildren=!!this._tail,r._running=!1,r.completed&&!r._cancelled&&r.cancel()):at(r,(e-r._startTime)*r._speed*t,0,0,r._fps<n?r.requestTick(e):m.AUTO),r=i}ut.update()}}wake(){return this.useDefaultMainLoop&&!this.reqId&&(this.requestTick(I()),this.reqId=ft(ht)),this}pause(){if(this.reqId)return this.paused=!0,gt()}resume(){if(this.paused)return this.paused=!1,W(this,e=>e.resetTime()),this.wake()}get speed(){return this._speed*(P.timeScale===1?1:C)}set speed(e){let t=e*P.timeScale;this._speed!==t&&(this._speed=t,W(this,e=>e.speed=e._speed))}get timeUnit(){return P.timeScale===1?`ms`:`s`}set timeUnit(e){let t=.001,n=e===`s`,r=n?t:1;if(P.timeScale!==r){P.timeScale=r,P.tickThreshold=200*r;let e=n?t:C;this.defaults.duration*=e,this._speed*=e}}get precision(){return P.precision}set precision(e){P.precision=e}},Y=(()=>{let e=new mt(I());return l&&(le.engine=e,d.addEventListener(`visibilitychange`,()=>{e.pauseOnDocumentHidden&&(d.hidden?e.pause():e.resume())})),e})(),ht=()=>{Y._head?(Y.reqId=ft(ht),Y.update()):Y.reqId=0},gt=()=>(pt(Y.reqId),Y.reqId=0,Y),_t={_rep:new WeakMap,_add:new Map},vt=(e,t,n=`_rep`)=>{let r=_t[n],i=r.get(e);return i||(i={},r.set(e,i)),i[t]?i[t]:i[t]={_head:null,_tail:null}},yt=(e,t)=>e._isOverridden||e._absoluteStartTime>t._absoluteStartTime,bt=e=>{e._isOverlapped=1,e._isOverridden=1,e._changeDuration=x,e._currentTime=x},xt=(e,t)=>{let n=e._composition;if(n===h.replace){let n=e._absoluteStartTime;Be(t,e,yt,`_prevRep`,`_nextRep`);let r=e._prevRep;if(r){let t=r.parent,i=r._absoluteEndTime;if(e.parent.id!==t.id&&t.iterationCount>1&&i+(t.duration-t.iterationDuration)>n){bt(r);let e=r._prevRep;for(;e&&e.parent.id===t.id;)bt(e),e=e._prevRep}let a=e._absoluteUpdateStartTime;if(i>a){let e=r._startTime,t=H(a-(i-(e+r._updateDuration))-e,12);r._changeDuration=t,r._currentTime=t,r._isOverlapped=1,t<1e-11&&bt(r)}let o=e.parent.parent;if(!o||o!==t.parent){let e=!0;if(W(t,t=>{t._isOverlapped||(e=!1)}),e){let e=t.parent;if(e){let n=!0;W(e,e=>{e!==t&&W(e,e=>{e._isOverlapped||(n=!1)})}),n&&e.cancel()}else t.cancel()}}}}else if(n===h.blend){let t=vt(e.target,e.property,`_add`),n=dt(_t._add),r=t._head;r||(r={...e},r._composition=h.replace,r._updateDuration=x,r._startTime=0,r._numbers=U(e._fromNumbers),r._number=0,r._next=null,r._prev=null,Be(t,r),Be(n,r));let i=e._toNumber;if(e._fromNumber=r._fromNumber-i,e._toNumber=0,e._numbers=U(e._fromNumbers),e._number=0,r._fromNumber=i,e._toNumbers.length){let t=U(e._toNumbers);t.forEach((t,n)=>{e._fromNumbers[n]=r._fromNumbers[n]-t,e._toNumbers[n]=0}),r._fromNumbers=t}Be(t,e,null,`_prevAdd`,`_nextAdd`)}return e},St=e=>{let t=e._composition;if(t!==h.none){let n=e.target,r=e.property,i=_t._rep.get(n)[r];if(ze(i,e,`_prevRep`,`_nextRep`),t===h.blend){let t=_t._add,i=t.get(n);if(!i)return;let a=i[r],o=ut.animation;ze(a,e,`_prevAdd`,`_nextAdd`);let s=a._head;if(s&&s===a._tail){ze(a,s,`_prevAdd`,`_nextAdd`),ze(o,s);let e=!0;for(let t in i)if(i[t]._head){e=!1;break}e&&t.delete(n)}}}return e},Ct=(e,t,n)=>{let r=!1;return W(t,i=>{let a=i.target;if(e.includes(a)){let e=i.property,o=i._tweenType,s=st(n,a,o);(!s||s&&s===e)&&(i.parent._tail===i&&i._tweenType===f.TRANSFORM&&i._prev&&i._prev._tweenType===f.TRANSFORM&&(i._prev._renderTransforms=1),ze(t,i),St(i),r=!0)}},!0),r},wt=(e,t,n)=>{let r=t||Y,i;if(r._hasChildren){let t=0;W(r,a=>{if(!a._hasChildren){if(i=Ct(e,a,n),i&&!a._head)a.cancel(),ze(r,a);else{let e=a._offset+a._delay+a.duration;e>t&&(t=e)}}a._head?wt(e,a,n):a._hasChildren=!1},!0),L(r.iterationDuration)||(r.iterationDuration=t)}else i=Ct(e,r,n);i&&!r._head&&(r._hasChildren=!1,r.cancel&&r.cancel())},Tt=e=>(e.paused=!0,e.began=!1,e.completed=!1,e),Et=e=>e._cancelled?(e._hasChildren?W(e,Et):W(e,e=>{e._composition!==h.none&&xt(e,vt(e.target,e.property))}),e._cancelled=0,e):e,Dt=0,Ot=(e,t)=>e._priority>t._priority,kt=class extends lt{constructor(e={},t=null,n=0){super(0),++Dt;let{id:r,delay:i,duration:a,reversed:o,alternate:s,loop:c,loopDelay:l,autoplay:u,frameRate:d,playbackRate:f,priority:p,onComplete:m,onLoop:h,onPause:g,onBegin:_,onBeforeUpdate:v,onUpdate:y}=e;N.current&&N.current.register(this);let b=t?0:Y._lastTickTime,x=t?t.defaults:P.defaults,S=he(i)||L(i)?x.delay:+i,C=he(a)||L(a)?1/0:+a,w=G(c,x.loop),T=G(l,x.loopDelay),E=w===!0||w===1/0||w<0?1/0:w+1,D=0;t?D=n:(Y.reqId||Y.requestTick(I()),D=(Y._lastTickTime-Y._startTime)*P.timeScale),this.id=L(r)?Dt:r,this.parent=t,this.duration=Ie((C+T)*E-T)||1e-11,this.backwards=!1,this.paused=!0,this.began=!1,this.completed=!1,this.onBegin=_||x.onBegin,this.onBeforeUpdate=v||x.onBeforeUpdate,this.onUpdate=y||x.onUpdate,this.onLoop=h||x.onLoop,this.onPause=g||x.onPause,this.onComplete=m||x.onComplete,this.iterationDuration=C,this.iterationCount=E,this._autoplay=!t&&G(u,x.autoplay),this._offset=D,this._delay=S,this._loopDelay=T,this._iterationTime=0,this._currentIteration=0,this._resolve=O,this._running=!1,this._reversed=+G(o,x.reversed),this._reverse=this._reversed,this._cancelled=0,this._alternate=G(s,x.alternate),this._prev=null,this._next=null,this._lastTickTime=b,this._startTime=b,this._lastTime=b,this._fps=G(d,x.frameRate),this._speed=G(f,x.playbackRate),this._priority=+G(p,1)}get cancelled(){return!!this._cancelled}set cancelled(e){e?this.cancel():this.reset(!0).play()}get currentTime(){return V(H(this._currentTime,P.precision),-this._delay,this.duration)}set currentTime(e){let t=this.paused;this.pause().seek(+e),t||this.resume()}get iterationCurrentTime(){return V(H(this._iterationTime,P.precision),0,this.iterationDuration)}set iterationCurrentTime(e){this.currentTime=this.iterationDuration*this._currentIteration+e}get progress(){return V(H(this._currentTime/this.duration,10),0,1)}set progress(e){this.currentTime=this.duration*e}get iterationProgress(){return V(H(this._iterationTime/this.iterationDuration,10),0,1)}set iterationProgress(e){let t=this.iterationDuration;this.currentTime=t*this._currentIteration+t*e}get currentIteration(){return this._currentIteration}set currentIteration(e){this.currentTime=this.iterationDuration*V(+e,0,this.iterationCount-1)}get reversed(){return!!this._reversed}set reversed(e){e?this.reverse():this.play()}get speed(){return super.speed}set speed(e){super.speed=e,this.resetTime()}reset(e=!1){return Et(this),this._reversed&&!this._reverse&&(this.reversed=!1),this._iterationTime=this.iterationDuration,at(this,0,1,~~e,m.FORCE),Tt(this),this._hasChildren&&W(this,Tt),this}init(e=!1){this.fps=this._fps,this.speed=this._speed,!e&&this._hasChildren&&at(this,this.duration,1,~~e,m.FORCE),this.reset(e);let t=this._autoplay;return t===!0?this.resume():t&&!L(t.linked)&&t.link(this),this}resetTime(){let e=1/(this._speed*Y._speed);return this._startTime=I()-(this._currentTime+this._delay)*e,this}pause(){return this.paused?this:(this.paused=!0,this.onPause(this),this)}resume(){return this.paused?(this.paused=!1,this.duration<=1e-11&&!this._hasChildren?at(this,x,0,0,m.FORCE):(this._running||=(Be(Y,this,Ot),Y._hasChildren=!0,!0),this.resetTime(),this._startTime-=12,Y.wake()),this):this}restart(){return this.reset().resume()}seek(e,t=0,n=0){Et(this),this.completed=!1;let r=this.paused;return this.paused=!0,at(this,e+this._delay,~~t,~~n,m.AUTO),r?this:this.resume()}alternate(){let e=this._reversed,t=this.iterationCount,n=this.iterationDuration,r=t===1/0?Oe(S/n):t;return this._reversed=+(this._alternate&&!(r%2)?e:!e),t===1/0?this.iterationProgress=this._reversed?1-this.iterationProgress:this.iterationProgress:this.seek(n*r-this._currentTime),this.resetTime(),this}play(){return this._reversed&&this.alternate(),this.resume()}reverse(){return this._reversed||this.alternate(),this.resume()}cancel(){return this._hasChildren?W(this,e=>e.cancel(),!0):W(this,St),this._cancelled=1,this.pause()}stretch(e){let t=this.duration,n=Le(e);if(t===n)return this;let r=e/t,i=e<=x;return this.duration=i?x:n,this.iterationDuration=i?x:Le(this.iterationDuration*r),this._offset*=r,this._delay*=r,this._loopDelay*=r,this}revert(){at(this,0,1,0,m.AUTO);let e=this._autoplay;return e&&e.linked&&e.linked===this&&e.revert(),this.cancel()}complete(e=0){return this.seek(this.duration,e).cancel()}then(e=O){let t=this.then,n=()=>{this.then=null,e(this),this.then=t,this._resolve=O};return new Promise(e=>(this._resolve=()=>e(n()),this.completed&&this._resolve(),this))}};function At(e){let t=me(e)?N.root.querySelectorAll(e):e;if(t instanceof NodeList||t instanceof HTMLCollection)return t}function jt(e){if(ge(e))return[];if(!l)return de(e)&&e.flat(1/0)||[e];if(de(e)){let t=e.flat(1/0),n=[];for(let e=0,r=t.length;e<r;e++){let r=t[e];if(!ge(r)){let e=At(r);if(e)for(let t=0,r=e.length;t<r;t++){let r=e[t];if(!ge(r)){let e=!1;for(let t=0,i=n.length;t<i;t++)if(n[t]===r){e=!0;break}e||n.push(r)}}else{let e=!1;for(let t=0,i=n.length;t<i;t++)if(n[t]===r){e=!0;break}e||n.push(r)}}}return n}let t=At(e);return t?Array.from(t):[e]}function Mt(e){let t=jt(e),n=t.length;for(let e=0;e<n;e++){let n=t[e];if(!n[g]){n[g]=!0;let e=R(n);(n.nodeType||e)&&(n[_]=!0,n[v]=e,n[y]={})}}return t}var Nt={deg:1,rad:180/Me,turn:360},Pt={},Ft=(e,t,n,r=!1)=>{let i=t.u,a=t.n;if(t.t===p.UNIT&&i===n)return t;let o=a+i+n,s=Pt[o];if(!L(s)&&!r)t.n=s;else{let r;if(i in Nt)r=a*Nt[i]/Nt[n];else{let t=e.cloneNode(),o=e.parentNode,s=o&&o!==d?o:d.body;s.appendChild(t);let c=t.style;c.width=100+i;let l=t.offsetWidth||100;c.width=100+n;let u=l/(t.offsetWidth||100);s.removeChild(t),r=u*a}t.n=r,Pt[o]=r}return t.t,p.UNIT,t.u=n,t},X=e=>e,It=(e=1.68)=>t=>B(t,+e),Lt={in:e=>t=>e(t),out:e=>t=>1-e(1-t),inOut:e=>t=>t<.5?e(t*2)/2:1-e(t*-2+2)/2,outIn:e=>t=>t<.5?(1-e(1-t*2))/2:(e(t*2-1)+1)/2},Rt=Me/2,zt=Me*2,Bt={"":It,Quad:It(2),Cubic:It(3),Quart:It(4),Quint:It(5),Sine:e=>1-Te(e*Rt),Circ:e=>1-Ce(1-e*e),Expo:e=>e?B(2,10*e-10):0,Bounce:e=>{let t,n=4;for(;e<((t=B(2,--n))-1)/11;);return 1/B(4,3-n)-7.5625*B((t*3-2)/22-e,2)},Back:(e=1.7)=>t=>(+e+1)*t*t*t-+e*t*t,Elastic:(e=1,t=.3)=>{let n=V(+e,1,10),r=V(+t,x,2),i=r/zt*ke(1/n),a=zt/r;return e=>e===0||e===1?e:-n*B(2,-10*(1-e))*we((1-e-i)*a)}},Vt=(()=>{let e={linear:X,none:X};for(let t in Lt)for(let n in Bt){let r=Bt[n],i=Lt[t];e[t+n]=n===``||n===`Back`||n===`Elastic`?(e,t)=>i(r(e,t)):i(r)}return e})(),Ht={linear:X,none:X},Ut=e=>{if(Ht[e])return Ht[e];if(e.indexOf(`(`)<=-1){let t=Lt[e]||e.includes(`Back`)||e.includes(`Elastic`)?Vt[e]():Vt[e];return t?Ht[e]=t:X}{let t=e.slice(0,-1).split(`(`),n=Vt[t[0]];return n?Ht[e]=n(...t[1].split(`,`)):X}},Wt=[`steps(`,`irregular(`,`linear(`,`cubicBezier(`],Gt=e=>{if(me(e)){for(let t=0,n=Wt.length;t<n;t++)if(F(e,Wt[t]))return console.warn(`String syntax for \`ease: "${e}"\` has been removed from the core and replaced by importing and passing the easing function directly: \`ease: ${e}\``),X}return he(e)?e:me(e)?Ut(e):X},Z=tt(),Q=tt(),Kt={},qt={func:null},Jt={func:null},Yt=[null],Xt=[null,null],Zt={to:null},Qt=0,$t=0,en,$,tn=(e,t)=>{let n={};if(de(e)){let t=[].concat(...e.map(e=>Object.keys(e))).filter(xe);for(let r=0,i=t.length;r<i;r++){let i=t[r];n[i]=e.map(e=>{let t={};for(let n in e){let r=e[n];xe(n)?n===i&&(t.to=r):t[n]=r}return t})}}else{let r=G(t.duration,P.defaults.duration);Object.keys(e).map(t=>({o:parseFloat(t)/100,p:e[t]})).sort((e,t)=>e.o-t.o).forEach(e=>{let t=e.o,i=e.p;for(let e in i)if(xe(e)){let a=n[e];a||=n[e]=[];let o=t*r,s=a.length,c=a[s-1],l={to:i[e]},u=0;for(let e=0;e<s;e++)u+=a[e].duration;s===1&&(l.from=c.to),i.ease&&(l.ease=i.ease),l.duration=o-(s?u:0),a.push(l)}return e});for(let e in n){let t=n[e],r;for(let e=0,n=t.length;e<n;e++){let n=t[e],i=n.ease;n.ease=r||void 0,r=i}t[0].duration||t.shift()}}return n},nn=class extends kt{constructor(e,t,n,r,i=!1,a=0,o){super(t,n,r),this._head,this._tail,++$t;let s=Mt(e),c=s.length,l=t.keyframes,u=l?Re(tn(l,t),t):t,{id:d,delay:m,duration:g,ease:_,playbackEase:v,modifier:y,composition:b,onRender:S}=u,C=n?n.defaults:P.defaults,T=G(_,C.ease),E=G(v,C.playbackEase),D=E?Gt(E):null,O=!L(T.ease),ee=O?T.ease:G(_,D?`linear`:C.ease),te=O?T.settlingDuration:G(g,C.duration),ne=G(m,C.delay),re=y||C.modifier,ie=L(b)&&c>=1e3?h.none:L(b)?C.composition:b,ae=this._offset+(n?n._offset:0);O&&(T.parent=this);let k=NaN,A=NaN,j=0,M=0;for(let e=0;e<c;e++){let t=s[e],r=a||e,c=o||s,l=NaN,d=NaN;for(let e in u)if(xe(e)){let a=Ze(t,e),o=We(t,e),s=st(e,t,a),m=u[e],g=de(m);if(i&&!g&&(Xt[0]=m,Xt[1]=m,m=Xt),g){let e=m.length,t=!fe(m[0]);e===2&&t?(Zt.to=m,Yt[0]=Zt,en=Yt):e>2&&t?(en=[],m.forEach((e,t)=>{t?t===1?(Xt[1]=e,en.push(Xt)):en.push(e):Xt[0]=e})):en=m}else Yt[0]=m,en=Yt;let _=null,v=null,y=NaN,b=0,x=0;for(let e=en.length;x<e;x++){let i=en[x];fe(i)?$=i:(Zt.to=i,$=Zt),qt.func=null,Jt.func=null;let l=K(G($.composition,ie),t,r,c,null,null),u=pe(l)?l:h[l];!_&&u!==h.none&&(_=vt(t,s));let d=_?_._tail:null,f=n&&d&&d.parent.parent===n?d:v,m=K($.to,t,r,c,qt,f),g;fe(m)&&!L(m.to)?($=m,g=m.to):g=m;let S=K($.from,t,r,c,Jt,f),C=$.ease||ee,T=K(C,t,r,c,null,f),E=he(T)||me(T)?T:C,D=!L(E)&&!L(E.ease),O=D?E.ease:E,k=D?E.settlingDuration:K(G($.duration,e>1?K(te,t,r,c,null,f)/e:te),t,r,c,null,f),A=K(G($.delay,x?0:ne),t,r,c,null,f),oe=$.modifier||re,se=!L(S),ce=!L(g),N=de(g),P=N||se&&ce,le=v?b:0,ue=v?b+A:A,F=H(ae+ue,12),I=H(ae+le,12);!M&&(se||N)&&(M=1);let R=v;if(u!==h.none){let e=_._head;for(;e&&e._absoluteStartTime<=F;)if(e._isOverridden||(R=e),e=e._nextRep,e&&e._absoluteStartTime>=F)for(;e;)bt(e),e=e._nextRep}if(P){q(N?K(g[0],t,r,c,Jt,f):S,Z),q(N?K(g[1],t,r,c,qt,f):g,Q);let e=$e(t,s,a,Kt);Z.t===p.NUMBER&&(R?R._valueType===p.UNIT&&(Z.t=p.UNIT,Z.u=R._unit):(q(e,J),J.t===p.UNIT&&(Z.t=p.UNIT,Z.u=J.u)))}else ce?q(g,Q):v?nt(v,Q):q(n&&R&&R.parent.parent===n?R._value:$e(t,s,a,Kt),Q),se?q(S,Z):v?nt(v,Z):q(n&&R&&R.parent.parent===n?R._value:$e(t,s,a,Kt),Z);if(Z.o&&(Z.n=et(R?R._toNumber:q($e(t,s,a,Kt),J).n,Z.n,Z.o)),Q.o&&(Q.n=et(Z.n,Q.n,Q.o)),Z.t!==Q.t){if(Z.t===p.COMPLEX||Q.t===p.COMPLEX){let e=Z.t===p.COMPLEX?Z:Q,t=Z.t===p.COMPLEX?Q:Z;t.t=p.COMPLEX,t.s=U(e.s),t.d=e.d.map(()=>t.n)}else if(Z.t===p.UNIT||Q.t===p.UNIT){let e=Z.t===p.UNIT?Z:Q,t=Z.t===p.UNIT?Q:Z;t.t=p.UNIT,t.u=e.u}else if(Z.t===p.COLOR||Q.t===p.COLOR){let e=Z.t===p.COLOR?Z:Q,t=Z.t===p.COLOR?Q:Z;t.t=p.COLOR,t.d=e.d.map(()=>0)}}if(Z.u!==Q.u){let e=Q.u?Z:Q;e=Ft(t,e,Q.u?Q.u:Z.u,!1)}if(Q.d&&Z.d&&Q.d.length!==Z.d.length){let e=Z.d.length>Q.d.length?Z:Q,t=e===Z?Q:Z;t.d=e.d.map((e,n)=>L(t.d[n])?0:t.d[n]),t.s=U(e.s)}let _e=H(+k||1e-11,12),ve=Kt[s];ge(ve)||(Kt[s]=null);let ye=o?o.set:null;b=H(ue+_e,12);let be=Z.d,xe=Q.d,Se=Q.s,z={parent:this,id:Qt++,property:s,target:t,_value:null,_toFunc:qt.func,_fromFunc:Jt.func,_ease:Gt(O),_fromNumbers:be?U(be):w,_toNumbers:xe?U(xe):w,_strings:Se?U(Se):w,_fromNumber:Z.n,_toNumber:Q.n,_numbers:be?U(be):w,_number:Z.n,_unit:Q.u,_modifier:oe,_currentTime:0,_startTime:ue,_delay:+A,_updateDuration:_e,_changeDuration:_e,_absoluteStartTime:F,_absoluteUpdateStartTime:I,_absoluteEndTime:H(ae+b,12),_hasFromValue:se||N?1:0,_tweenType:a,_setter:ye,_valueType:Q.t,_composition:u,_isOverlapped:0,_isOverridden:0,_renderTransforms:0,_inlineValue:ve,_prevRep:null,_nextRep:null,_prevAdd:null,_nextAdd:null,_prev:null,_next:null};u!==h.none&&xt(z,_);let B=z._valueType;if(B===p.COMPLEX)z._value=rt(z,1,-1);else if(B===p.UNIT)z._value=`${oe(z._toNumber)}${z._unit}`;else if(B===p.COLOR){let e=Q.d;z._value=`rgba(${H(e[0],0)},${H(e[1],0)},${H(e[2],0)},${e[3]})`}else z._value=oe(z._toNumber);isNaN(y)&&(y=z._startTime),v=z,j++,Be(this,z)}(isNaN(A)||y<A)&&(A=y),(isNaN(k)||b>k)&&(k=b),a===f.TRANSFORM&&(l=j-x,d=j)}if(!isNaN(l)){let e=0;W(this,t=>{e>=l&&e<d&&(t._renderTransforms=1,t._composition===h.blend&&W(ut.animation,e=>{e.id===t.id&&(e._renderTransforms=1)})),e++})}}c||console.warn(`No target found. Make sure the element you're trying to animate is accessible before creating your animation.`),A?(W(this,e=>{e._startTime-e._delay||(e._delay-=A),e._startTime-=A}),k-=A):A=0,k||(k=x,this.iterationCount=0),this.targets=s,this.id=L(d)?$t:d,this.duration=k===1e-11?x:Ie((k+this._loopDelay)*this.iterationCount-this._loopDelay)||1e-11,this.onRender=S||C.onRender,this._ease=D,this._delay=A,this.iterationDuration=k,!this._autoplay&&M&&this.onRender(this)}stretch(e){let t=this.duration;if(t===Le(e))return this;let n=e/t;return W(this,e=>{e._updateDuration=Le(e._updateDuration*n),e._changeDuration=Le(e._changeDuration*n),e._currentTime*=n,e._delay*=n,e._startTime*=n,e._absoluteStartTime*=n,e._absoluteUpdateStartTime*=n,e._absoluteEndTime*=n}),super.stretch(e)}refresh(){return W(this,e=>{let t=e._toFunc,n=e._fromFunc;(t||n)&&(n?(q(n(),Z),Z.u!==e._unit&&e.target[_]&&Ft(e.target,Z,e._unit,!0),e._fromNumbers=U(Z.d),e._fromNumber=Z.n):t&&(q($e(e.target,e.property,e._tweenType),J),e._fromNumbers=U(J.d),e._fromNumber=J.n),t&&(q(t(),Q),e._toNumbers=U(Q.d),e._strings=U(Q.s),e._toNumber=Q.o?et(e._fromNumber,Q.n,Q.o):Q.n))}),this.duration===1e-11&&this.restart(),this}revert(){return super.revert(),ct(this)}then(e){return super.then(e)}},rn=(e,t)=>P.editor?P.editor.addAnimation(e,t):new nn(e,t,null,0,!1).init(),an=e=>{let t=1;if(e&&e.getCTM){let n=e.getCTM();n&&(t=(Ce(n.a*n.a+n.b*n.b)+Ce(n.c*n.c+n.d*n.d))/2)}return t},on=(e,t,n)=>{let r=C,i=getComputedStyle(e),a=i.strokeLinecap,o=i.vectorEffect===`non-scaling-stroke`?e:null,s=a,c=new Proxy(e,{get(e,t){let n=e[t];return t===b?e:t===`setAttribute`?(...t)=>{if(t[0]===`draw`){let n=t[1].split(` `),i=+n[0],c=+n[1],l=an(o),u=i*-r*l,d=c*r*l+u,f=r*l+(i===0&&c===1||i===1&&c===0?0:10*l)-d;if(a!==`butt`){let t=i===c?`butt`:a;s!==t&&(e.style.strokeLinecap=`${t}`,s=t)}e.setAttribute(`stroke-dashoffset`,`${u}`),e.setAttribute(`stroke-dasharray`,`${d} ${f}`)}return Reflect.apply(n,e,t)}:he(n)?(...t)=>Reflect.apply(n,e,t):n}});return e.getAttribute(`pathLength`)!==`${r}`&&(e.setAttribute(`pathLength`,`${r}`),c.setAttribute(`draw`,`${t} ${n}`)),c},sn=(e,t=0,n=0)=>jt(e).map(e=>on(e,t,n)),cn=e=>e.split(` `).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `),ln={class:`flex gap-4 text-sm px-4`},un=o({__name:`Toggle`,props:i({options:{}},{modelValue:{type:Boolean,required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(i){let o=a(i,`modelValue`);return(a,l)=>(e(),r(`ul`,ln,[s(`li`,{class:n([`w-1/2 p-2 bg-gray-100 dark:bg-mist-950 border border-rust/40 dark:border-gold/40 rounded-lg dark:text-beige text-center duration-300 cursor-pointer hover:border-rust dark:hover:border-gold`,{"bg-gold/30! border-rust! dark:border-gold! text-rust! dark:text-white!":!o.value}]),onClick:l[0]||=e=>o.value=!1},c(t(cn)(i.options[0])),3),s(`li`,{class:n([`w-1/2 p-2 bg-gray-100 dark:bg-mist-950 border border-rust/40 dark:border-gold/40 rounded-lg dark:text-beige text-center duration-300 cursor-pointer hover:border-rust dark:hover:border-gold`,{"bg-gold/30! border-rust! dark:border-gold! text-rust! dark:text-white!":o.value}]),onClick:l[1]||=e=>o.value=!0},c(t(cn)(i.options[1])),3)]))}});export{F as $,Ie as A,me as B,Ze as C,Be as D,Ee as E,he as F,Le as G,L as H,xe as I,ze as J,I as K,ge as L,De as M,W as N,je as O,de as P,Ce as Q,pe as R,et as S,Me as T,Ae as U,R as V,Re as W,we as X,H as Y,Pe as Z,at as _,p as _t,rn as a,h as at,K as b,Ut as c,S as ct,jt as d,oe as dt,ue as et,Mt as f,T as ft,st as g,E as gt,ct as h,y as ht,nn as i,C as it,Te as j,V as k,X as l,x as lt,wt as m,D as mt,cn as n,P as nt,Vt as o,d as ot,kt as p,m as pt,B as q,sn as r,N as rt,Gt as s,l as st,un as t,ce as tt,Ft as u,O as ut,q as v,u as vt,G as w,$e as x,J as y,fe as z};
@@ -0,0 +1 @@
1
+ @import "https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Onest:wght@100..900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Onest";--font-serif:"IBM Plex Serif";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-rose-500:oklch(64.5% .246 16.439);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-mist-200:oklch(92.5% .005 214.3);--color-mist-400:oklch(72.3% .014 214.4);--color-mist-500:oklch(56% .021 213.5);--color-mist-700:oklch(37.8% .015 216);--color-mist-800:oklch(27.5% .011 216.9);--color-mist-900:oklch(21.8% .008 223.9);--color-mist-950:oklch(14.8% .004 228.8);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-beige:#d0c5b0;--color-gold:#f8d36f;--color-light-gold:#fbf2d8;--color-rust:#7e6221}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-full{top:100%}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:0}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-20\!{z-index:20!important}.z-30\!{z-index:30!important}.z-40{z-index:40}.z-100{z-index:100}.z-900{z-index:900}.z-1000{z-index:1000}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.m-4{margin:calc(var(--spacing) * 4)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-1{margin-right:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-auto{margin-bottom:auto}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-16{margin-left:calc(var(--spacing) * 16)}.ml-72{margin-left:calc(var(--spacing) * 72)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-5\.5{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-14{height:calc(var(--spacing) * 14)}.h-\[calc\(100vh-32px\)\]{height:calc(100vh - 32px)}.h-full{height:100%}.h-svh{height:100svh}.max-h-\[calc\(100vh-32px\)\]{max-height:calc(100vh - 32px)}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-16\!{width:calc(var(--spacing) * 16)!important}.w-72{width:calc(var(--spacing) * 72)}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px)}.w-\[calc\(100\%-22rem\)\]{width:calc(100% - 22rem)}.w-\[calc\(100\%-36rem\)\]{width:calc(100% - 36rem)}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-xs{max-width:var(--container-xs)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-5\.5{min-width:calc(var(--spacing) * 5.5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-16\!{min-width:calc(var(--spacing) * 16)!important}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-max{min-width:max-content}.flex-1{flex:1}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-2{--tw-translate-x:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-3{--tw-translate-x:calc(var(--spacing) * -3);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-4{--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(50\%\+0\.5px\)\]{--tw-translate-x:calc(calc(50% + .5px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-200{--tw-scale-x:200%;--tw-scale-y:200%;--tw-scale-z:200%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-auto\!{cursor:auto!important}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-1{column-gap:var(--spacing)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[0\.5\]{border-style:var(--tw-border-style);border-width:.5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-rose-500{border-color:var(--color-rose-500)}.border-rose-500\!{border-color:var(--color-rose-500)!important}.border-rust{border-color:var(--color-rust)}.border-rust\!{border-color:var(--color-rust)!important}.border-rust\/40{border-color:#7e622166}@supports (color:color-mix(in lab, red, red)){.border-rust\/40{border-color:color-mix(in oklab, var(--color-rust) 40%, transparent)}}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-gold\/5{background-color:#f8d36f0d}@supports (color:color-mix(in lab, red, red)){.bg-gold\/5{background-color:color-mix(in oklab, var(--color-gold) 5%, transparent)}}.bg-gold\/10\!{background-color:#f8d36f1a!important}@supports (color:color-mix(in lab, red, red)){.bg-gold\/10\!{background-color:color-mix(in oklab, var(--color-gold) 10%, transparent)!important}}.bg-gold\/30{background-color:#f8d36f4d}@supports (color:color-mix(in lab, red, red)){.bg-gold\/30{background-color:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.bg-gold\/30\!{background-color:#f8d36f4d!important}@supports (color:color-mix(in lab, red, red)){.bg-gold\/30\!{background-color:color-mix(in oklab, var(--color-gold) 30%, transparent)!important}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-light-gold{background-color:var(--color-light-gold)}.bg-mist-200\/30{background-color:#e3e7e84d}@supports (color:color-mix(in lab, red, red)){.bg-mist-200\/30{background-color:color-mix(in oklab, var(--color-mist-200) 30%, transparent)}}.bg-rust\/50{background-color:#7e622180}@supports (color:color-mix(in lab, red, red)){.bg-rust\/50{background-color:color-mix(in oklab, var(--color-rust) 50%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-300\/50{background-color:#d4d4d880}@supports (color:color-mix(in lab, red, red)){.bg-zinc-300\/50{background-color:color-mix(in oklab, var(--color-zinc-300) 50%, transparent)}}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[repeating-radial-gradient\(var\(--color-zinc-200\)_0\,var\(--color-zinc-200\)_1px\,transparent_1px\,transparent_100\%\)\]{background-image:repeating-radial-gradient(var(--color-zinc-200) 0,var(--color-zinc-200) 1px,transparent 1px,transparent 100%)}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-size-\[20px_20px\]{background-size:20px 20px}.stroke-black{stroke:var(--color-black)}.stroke-mist-800\/60{stroke:#22292b99}@supports (color:color-mix(in lab, red, red)){.stroke-mist-800\/60{stroke:color-mix(in oklab, var(--color-mist-800) 60%, transparent)}}.stroke-rust{stroke:var(--color-rust)}.stroke-zinc-400\!{stroke:var(--color-zinc-400)!important}.stroke-2{stroke-width:2px}.stroke-\[0\.5px\]{stroke-width:.5px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-right{text-align:right}.font-serif{font-family:var(--font-serif)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-mist-800\/60{color:#22292b99}@supports (color:color-mix(in lab, red, red)){.text-mist-800\/60{color:color-mix(in oklab, var(--color-mist-800) 60%, transparent)}}.text-rose-500{color:var(--color-rose-500)}.text-rust{color:var(--color-rust)}.text-rust\!{color:var(--color-rust)!important}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-700{color:var(--color-zinc-700)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-mist-700{--tw-shadow-color:oklch(37.8% .015 216)}@supports (color:color-mix(in lab, red, red)){.shadow-mist-700{--tw-shadow-color:color-mix(in oklab, var(--color-mist-700) var(--tw-shadow-alpha), transparent)}}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:-rotate-30:is(:where(.group):hover *){rotate:-30deg}.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}}.last\:mb-4:last-child{margin-bottom:calc(var(--spacing) * 4)}@media (hover:hover){.hover\:border-rust:hover{border-color:var(--color-rust)}.hover\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}}.active\:translate-y-0\.5:active{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (width>=40rem){.sm\:size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=96rem){.\32 xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32 xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.dark\:border-beige:where(.dark,.dark *){border-color:var(--color-beige)}.dark\:border-gold:where(.dark,.dark *){border-color:var(--color-gold)}.dark\:border-gold\!:where(.dark,.dark *){border-color:var(--color-gold)!important}.dark\:border-gold\/40:where(.dark,.dark *){border-color:#f8d36f66}@supports (color:color-mix(in lab, red, red)){.dark\:border-gold\/40:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-gold) 40%, transparent)}}.dark\:border-mist-500:where(.dark,.dark *){border-color:var(--color-mist-500)}.dark\:border-mist-700:where(.dark,.dark *){border-color:var(--color-mist-700)}.dark\:bg-gold\/30:where(.dark,.dark *){background-color:#f8d36f4d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-gold\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.dark\:bg-mist-700:where(.dark,.dark *){background-color:var(--color-mist-700)}.dark\:bg-mist-700\/30:where(.dark,.dark *){background-color:#3944474d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-mist-700\/30:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-mist-700) 30%, transparent)}}.dark\:bg-mist-800:where(.dark,.dark *){background-color:var(--color-mist-800)}.dark\:bg-mist-900:where(.dark,.dark *){background-color:var(--color-mist-900)}.dark\:bg-mist-900\/50:where(.dark,.dark *){background-color:#161b1d80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-mist-900\/50:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-mist-900) 50%, transparent)}}.dark\:bg-mist-950:where(.dark,.dark *){background-color:var(--color-mist-950)}.dark\:bg-rust:where(.dark,.dark *){background-color:var(--color-rust)}.dark\:bg-\[repeating-radial-gradient\(var\(--color-zinc-800\)_0\,var\(--color-zinc-800\)_1px\,transparent_1px\,transparent_100\%\)\]:where(.dark,.dark *){background-image:repeating-radial-gradient(var(--color-zinc-800) 0,var(--color-zinc-800) 1px,transparent 1px,transparent 100%)}.dark\:stroke-beige:where(.dark,.dark *){stroke:var(--color-beige)}.dark\:stroke-gold:where(.dark,.dark *){stroke:var(--color-gold)}.dark\:stroke-mist-400:where(.dark,.dark *){stroke:var(--color-mist-400)}.dark\:stroke-white:where(.dark,.dark *){stroke:var(--color-white)}.dark\:stroke-zinc-100:where(.dark,.dark *){stroke:var(--color-zinc-100)}.dark\:text-beige:where(.dark,.dark *){color:var(--color-beige)}.dark\:text-gold:where(.dark,.dark *){color:var(--color-gold)}.dark\:text-mist-400:where(.dark,.dark *){color:var(--color-mist-400)}.dark\:text-mist-500:where(.dark,.dark *){color:var(--color-mist-500)}.dark\:text-white\!:where(.dark,.dark *){color:var(--color-white)!important}.dark\:text-zinc-100:where(.dark,.dark *){color:var(--color-zinc-100)}@media (hover:hover){.dark\:hover\:border-gold:where(.dark,.dark *):hover{border-color:var(--color-gold)}.dark\:hover\:bg-mist-800:where(.dark,.dark *):hover{background-color:var(--color-mist-800)}}}body{background-color:var(--color-zinc-100);--tw-duration:.3s;transition-duration:.3s}body:where(.dark,.dark *){background-color:var(--color-mist-900);color:var(--color-gray-200)}.router-link-active{background-color:var(--color-rust);color:var(--color-zinc-100)}.router-link-active:where(.dark,.dark *){background-color:var(--color-gold);color:var(--color-black)}.router-link-active svg{stroke:var(--color-zinc-100)}.router-link-active svg:where(.dark,.dark *){stroke:var(--color-black)}.compact>.filecard{flex-direction:column}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.v-enter-active[data-v-2f80d0af],.v-leave-active[data-v-2f80d0af]{transition:opacity .3s}.v-enter-from[data-v-2f80d0af],.v-leave-to[data-v-2f80d0af]{opacity:0}