class r{constructor(){this.o={t:"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)",i:"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",m:"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",l:"background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)",p:"background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%)",u:"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)",h:"background: linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%)",k:"background: linear-gradient(135deg, #f46b45 0%, #eea849 100%)",v:"background: linear-gradient(135deg, #12c2e9 0%, #c471ed 100%)",Y:"background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%)",X:"text-shadow: 0 0 10px rgba(0,0,0,0.3)","text-shadow":"text-shadow: 2px 2px 4px rgba(0,0,0,0.5)",I:"text-shadow: 1px 1px 1px #999, 2px 2px 1px #888, 3px 3px 1px #777",O:"text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6",D:"text-shadow: 3px 3px 0 #000, 5px 5px 0 #000",U:"text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb",L:"text-shadow: 0 1px 1px #fff, 0 -1px 1px #000",R:"text-shadow: 0 0 10px #ff9a9e, 0 0 20px #ff9a9e, 0 0 30px #ff9a9e",j:"border: 2px solid; border-image: linear-gradient(45deg, #f093fb, #f5576c) 1",C:"border: 2px solid #00f2fe; box-shadow: 0 0 10px #00f2fe",M:"border: 3px dashed #333",T:"border: 6px double #333",A:"border: 3px solid transparent; border-image: linear-gradient(45deg, #ff9a9e, #fecfef, #fecfef) 1",N:"border: 2px solid; border-image: repeating-linear-gradient(45deg, #f093fb, #f5576c 10px, #f093fb 20px) 10",S:"border: 2px dashed #00f2fe; box-shadow: 0 0 10px #00f2fe",B:"border: 3px solid transparent; border-image: linear-gradient(45deg, #667eea, #764ba2) 1",$:"border-radius: 50%",W:"border-radius: 40% 60% 70% 30% / 30% 30% 70% 70%",P:"clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)",Z:'clip-path: path("M10,30 A20,20,0,0,1,50,30 A20,20,0,0,1,90,30 Q90,60,50,90 Q10,60,10,30 Z")',H:"clip-path: polygon(50% 0%, 0% 100%, 100% 100%)",J:"clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)",q:"clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",F:"clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)",G:"animation: fadeIn 0.5s ease-in",K:"animation: slideUp 0.5s ease-out",V:"animation: slideDown 0.5s ease-out",_:"animation: slideLeft 0.5s ease-out",rr:"animation: slideRight 0.5s ease-out",nr:"animation: bounceIn 0.7s ease-out",er:"animation: zoomIn 0.3s ease-out",ar:"animation: fadeInUp 0.5s ease-out",tr:"animation: fadeInDown 0.5s ease-out",ir:"animation: fadeInLeft 0.5s ease-out",sr:"animation: fadeInRight 0.5s ease-out",dr:"animation: rotateIn 0.5s ease-out",mr:"animation: flipInX 0.7s ease-out",cr:"animation: flipInY 0.7s ease-out",lr:"transition: transform 0.2s ease; cursor: pointer",pr:"transition: transform 0.3s ease; cursor: pointer",gr:"transition: box-shadow 0.3s ease; cursor: pointer",br:"transition: transform 0.3s ease; cursor: pointer",ur:"animation: pulse 2s infinite",hr:"animation: bounce 1s infinite",kr:"animation: spin 1s linear infinite",yr:"animation: ping 1s cubic-bezier(0,0,0.2,1) infinite",wr:"animation: pulse 0.5s infinite",vr:"animation: wiggle 1s ease-in-out infinite",Yr:"animation: shake 0.5s ease-in-out infinite",Xr:"animation: swing 1s ease-in-out infinite",zr:"animation: tada 1s ease-in-out infinite",Ir:"animation: rubberBand 1s ease-in-out infinite",Or:"animation: jello 1s ease-in-out infinite",Dr:"animation: heartbeat 1.5s ease-in-out infinite",Ur:"animation: fadeOut 0.5s ease-out",Lr:"animation: fadeOutUp 0.5s ease-out",Rr:"animation: fadeOutDown 0.5s ease-out",jr:"animation: fadeOutLeft 0.5s ease-out",Cr:"animation: fadeOutRight 0.5s ease-out",Mr:"animation: zoomOut 0.3s ease-out",Tr:"box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08)",Ar:"box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08)",Nr:"box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04)",Sr:"box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06)",Br:"box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5)",$r:"filter: blur(4px)",Er:"filter: blur(8px)",Wr:"filter: blur(16px)",Pr:"filter: brightness(1.1)",Zr:"filter: brightness(0.9)",Hr:"filter: contrast(1.25)",Jr:"filter: saturate(1.5)",Qr:"filter: sepia(100%)",qr:"filter: invert(100%)",Fr:"filter: hue-rotate(90deg)",Gr:"filter: hue-rotate(180deg)",Kr:"filter: grayscale(100%)",Vr:"filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5))",_r:"filter: drop-shadow(0 0 10px rgba(255,255,255,0.8))",rn:"transform: scale(0.9)",nn:"transform: scale(0.95)",en:"transform: scale(1.05)",an:"transform: scale(1.1)",tn:"transform: rotate(5deg)",sn:"transform: rotate(10deg)",dn:"transform: rotate(45deg)",mn:"transform: rotate(90deg)",cn:"transform: skewX(5deg)",fn:"transform: skewX(10deg)",ln:"transform: skewY(5deg)",pn:"transform: skewY(10deg)",gn:"transform: scaleX(-1)",bn:"transform: scaleY(-1)",un:"transform: perspective(1000px) rotateY(15deg)",hn:"padding:0",xn:"padding:0.25rem",kn:"padding:0.5rem",yn:"padding:0.75rem",wn:"padding:1rem",vn:"padding:1.25rem",Yn:"padding:1.5rem",Xn:"padding:2rem",zn:"padding:2.5rem",In:"padding:3rem",On:"padding:4rem",Dn:"padding:5rem",Un:"padding:6rem",Ln:"padding:8rem",Rn:"padding:10rem",jn:"padding:12rem",Cn:"padding:14rem",Mn:"padding:16rem",Tn:"padding-left:0;padding-right:0",An:"padding-left:0.25rem;padding-right:0.25rem",Nn:"padding-left:0.5rem;padding-right:0.5rem",Sn:"padding-left:0.75rem;padding-right:0.75rem",Bn:"padding-left:1rem;padding-right:1rem",$n:"padding-left:1.25rem;padding-right:1.25rem",En:"padding-left:1.5rem;padding-right:1.5rem",Wn:"padding-left:2rem;padding-right:2rem",Pn:"padding-top:0;padding-bottom:0",Zn:"padding-top:0.25rem;padding-bottom:0.25rem",Hn:"padding-top:0.5rem;padding-bottom:0.5rem",Jn:"padding-top:0.75rem;padding-bottom:0.75rem",Qn:"padding-top:1rem;padding-bottom:1rem",qn:"padding-top:1.25rem;padding-bottom:1.25rem",Fn:"padding-top:1.5rem;padding-bottom:1.5rem",Gn:"padding-top:2rem;padding-bottom:2rem",Kn:"margin:0",Vn:"margin:0.25rem",_n:"margin:0.5rem",ro:"margin:0.75rem",no:"margin:1rem",oo:"margin:1.25rem",eo:"margin:1.5rem",ao:"margin:2rem",io:"margin:2.5rem",so:"margin:3rem",do:"margin:4rem",mo:"margin:5rem",co:"margin:6rem",fo:"margin:8rem",lo:"margin:10rem",po:"margin:12rem",bo:"margin:14rem",uo:"margin:16rem",ho:"margin-left:0;margin-right:0",xo:"margin-left:0.25rem;margin-right:0.25rem",ko:"margin-left:0.5rem;margin-right:0.5rem",yo:"margin-left:0.75rem;margin-right:0.75rem",wo:"margin-left:1rem;margin-right:1rem",vo:"margin-left:1.25rem;margin-right:1.25rem",Yo:"margin-left:1.5rem;margin-right:1.5rem",Xo:"margin-left:2rem;margin-right:2rem",zo:"margin-left:auto;margin-right:auto",Io:"margin-top:0;margin-bottom:0",Oo:"margin-top:0.25rem;margin-bottom:0.25rem",Do:"margin-top:0.5rem;margin-bottom:0.5rem",Uo:"margin-top:0.75rem;margin-bottom:0.75rem",Lo:"margin-top:1rem;margin-bottom:1rem",Ro:"margin-top:1.25rem;margin-bottom:1.25rem",jo:"margin-top:1.5rem;margin-bottom:1.5rem",Co:"margin-top:2rem;margin-bottom:2rem",Mo:"width:0",To:"width:0.25rem",Ao:"width:0.5rem",No:"width:0.75rem",So:"width:1rem",Bo:"width:1.25rem",$o:"width:1.5rem",Eo:"width:2rem",Wo:"width:2.5rem",Po:"width:3rem",Zo:"width:4rem",Ho:"width:5rem",Jo:"width:6rem",Qo:"width:8rem",qo:"width:10rem",Fo:"width:12rem",Go:"width:14rem",Ko:"width:16rem",Vo:"width:auto",_o:"width:1px",re:"width:50%",ne:"width:33.333333%",oe:"width:66.666667%",ee:"width:25%",ae:"width:50%",te:"width:75%",ie:"width:20%",se:"width:40%",de:"width:60%",me:"width:80%",ce:"width:16.666667%",fe:"width:33.333333%",le:"width:50%",pe:"width:66.666667%",ge:"width:83.333333%",be:"width:100%",ue:"width:100vw",he:"height:0",xe:"height:0.25rem",ke:"height:0.5rem",ye:"height:0.75rem",we:"height:1rem",ve:"height:1.25rem",Ye:"height:1.5rem",Xe:"height:2rem",ze:"height:2.5rem",Ie:"height:3rem",Oe:"height:4rem",De:"height:5rem",Ue:"height:6rem",Le:"height:8rem",Re:"height:10rem",je:"height:12rem",Ce:"height:14rem",Me:"height:16rem",Te:"height:auto",Ae:"height:1px",Ne:"height:100%",Se:"height:100vh",Be:"font-size:0.75rem",$e:"font-size:0.875rem",Ee:"font-size:1rem",We:"font-size:1.125rem",Pe:"font-size:1.25rem",Ze:"font-size:1.5rem",He:"font-size:1.875rem",Je:"font-size:2.25rem",Qe:"font-size:3rem",qe:"font-size:4rem",Fe:"font-weight:100",Ge:"font-weight:200",Ke:"font-weight:300",Ve:"font-weight:400",_e:"font-weight:500",ra:"font-weight:600",na:"font-weight:700",oa:"font-weight:800",ea:"font-weight:900",aa:"color:transparent",ta:"color:currentColor",ia:"color:#000",sa:"color:#fff",da:"color:#f7fafc",ma:"color:#edf2f7",ca:"color:#e2e8f0",fa:"color:#cbd5e0",la:"color:#a0aec0",pa:"color:#718096",ga:"color:#4a5568",ba:"color:#2d3748",ua:"color:#1a202c",ha:"color:#fff5f5",xa:"color:#fed7d7",ka:"color:#feb2b2",ya:"color:#fc8181",wa:"color:#f56565",va:"color:#e53e3e",Ya:"color:#c53030",Xa:"color:#9b2c2c",za:"color:#742a2a",Ia:"color:#fffaf0",Oa:"color:#feebc8",Da:"color:#fbd38d",Ua:"color:#f6ad55",La:"color:#ed8936",Ra:"color:#dd6b20",ja:"color:#c05621",Ca:"color:#9c4221",Ma:"color:#7b341e",Ta:"color:#fffff0",Aa:"color:#fefcbf",Na:"color:#faf089",Sa:"color:#f6e05e",Ba:"color:#ecc94b",$a:"color:#d69e2e",Ea:"color:#b7791f",Wa:"color:#975a16",Pa:"color:#744210",Za:"color:#f0fff4",Ha:"color:#c6f6d5",Ja:"color:#9ae6b4",Qa:"color:#68d391",qa:"color:#48bb78",Fa:"color:#38a169",Ga:"color:#2f855a",Ka:"color:#276749",Va:"color:#22543d",_a:"color:#e6fffa",rt:"color:#b2f5ea",nt:"color:#81e6d9",ot:"color:#4fd1c5",et:"color:#38b2ac",tt:"color:#319795",it:"color:#2c7a7b",st:"color:#285e61",dt:"color:#234e52",ct:"color:#ebf8ff",ft:"color:#bee3f8",lt:"color:#90cdf4",gt:"color:#63b3ed",bt:"color:#4299e1",ut:"color:#3182ce",ht:"color:#2b6cb0",xt:"color:#2c5282",kt:"color:#2a4365",yt:"color:#ebf4ff",wt:"color:#c3dafe",vt:"color:#a3bffa",Yt:"color:#7f9cf5",Xt:"color:#667eea",zt:"color:#5a67d8",It:"color:#4c51bf",Ot:"color:#434190",Dt:"color:#3c366b",Ut:"color:#faf5ff",Lt:"color:#e9d8fd",Rt:"color:#d6bcfa",jt:"color:#b794f6",Ct:"color:#9f7aea",Mt:"color:#805ad5",Tt:"color:#6b46c1",At:"color:#553c9a",Nt:"color:#44337a",St:"color:#fff5f7",Bt:"color:#fed7e2",$t:"color:#fbb6ce",Et:"color:#f687b3",Wt:"color:#ed64a6",Pt:"color:#d53f8c",Zt:"color:#b83280",Ht:"color:#97266d",Jt:"color:#702459",Qt:"background-color:transparent",qt:"background-color:currentColor",Ft:"background-color:#000",Gt:"background-color:#fff",Kt:"background-color:#f7fafc",Vt:"background-color:#edf2f7",_t:"background-color:#e2e8f0",ri:"background-color:#cbd5e0",ni:"background-color:#a0aec0",oi:"background-color:#718096",ei:"background-color:#4a5568",ai:"background-color:#2d3748",ti:"background-color:#1a202c",ii:"background-color:#fff5f5",si:"background-color:#fed7d7",di:"background-color:#feb2b2",mi:"background-color:#fc8181",ci:"background-color:#f56565",fi:"background-color:#e53e3e",li:"background-color:#c53030",pi:"background-color:#9b2c2c",gi:"background-color:#742a2a",bi:"background-color:#fffaf0",ui:"background-color:#feebc8",hi:"background-color:#fbd38d",xi:"background-color:#f6ad55",ki:"background-color:#ed8936",yi:"background-color:#dd6b20",wi:"background-color:#c05621",Yi:"background-color:#9c4221",Xi:"background-color:#7b341e",zi:"background-color:#fffff0",Ii:"background-color:#fefcbf",Oi:"background-color:#faf089",Di:"background-color:#f6e05e",Ui:"background-color:#ecc94b",Li:"background-color:#d69e2e",Ri:"background-color:#b7791f",ji:"background-color:#975a16",Ci:"background-color:#744210",Mi:"background-color:#f0fff4",Ti:"background-color:#c6f6d5",Ai:"background-color:#9ae6b4",Ni:"background-color:#68d391",Si:"background-color:#48bb78",Bi:"background-color:#38a169",$i:"background-color:#2f855a",Ei:"background-color:#276749",Wi:"background-color:#22543d",Pi:"background-color:#e6fffa",Zi:"background-color:#b2f5ea",Hi:"background-color:#81e6d9",Ji:"background-color:#4fd1c5",Qi:"background-color:#38b2ac",qi:"background-color:#319795",Fi:"background-color:#2c7a7b",Gi:"background-color:#285e61",Ki:"background-color:#234e52",Vi:"background-color:#ebf8ff",_i:"background-color:#bee3f8",rs:"background-color:#90cdf4",ns:"background-color:#63b3ed",es:"background-color:#4299e1",ts:"background-color:#3182ce",ss:"background-color:#2b6cb0",ds:"background-color:#2c5282",cs:"background-color:#2a4365",fs:"background-color:#ebf4ff",ls:"background-color:#c3dafe",ps:"background-color:#a3bffa",gs:"background-color:#7f9cf5",bs:"background-color:#667eea",us:"background-color:#5a67d8",hs:"background-color:#4c51bf",xs:"background-color:#434190",ks:"background-color:#3c366b",ys:"background-color:#faf5ff",ws:"background-color:#e9d8fd",vs:"background-color:#d6bcfa",Ys:"background-color:#b794f6",Xs:"background-color:#9f7aea",zs:"background-color:#805ad5",Is:"background-color:#6b46c1",Os:"background-color:#553c9a",Ds:"background-color:#44337a",Us:"background-color:#fff5f7",Ls:"background-color:#fed7e2",Rs:"background-color:#fbb6ce",js:"background-color:#f687b3",Cs:"background-color:#ed64a6",Ms:"background-color:#d53f8c",Ts:"background-color:#b83280",As:"background-color:#97266d",Ns:"background-color:#702459",Ss:"border-width:0",Bs:"border-width:2px",$s:"border-width:4px",Es:"border-width:8px",border:"border-width:1px",Ws:"border-top-width:0",Ps:"border-right-width:0",Zs:"border-bottom-width:0",Hs:"border-left-width:0",Js:"border-top-width:2px",Qs:"border-right-width:2px",qs:"border-bottom-width:2px",Fs:"border-left-width:2px",Gs:"border-top-width:4px",Ks:"border-right-width:4px",Vs:"border-bottom-width:4px",_s:"border-left-width:4px",rd:"border-top-width:8px",nd:"border-right-width:8px",od:"border-bottom-width:8px",ed:"border-left-width:8px",ad:"border-top-width:1px",td:"border-right-width:1px",sd:"border-bottom-width:1px",dd:"border-left-width:1px",md:"border-color:transparent",fd:"border-color:currentColor",ld:"border-color:#000",pd:"border-color:#fff",gd:"border-color:#f7fafc",bd:"border-color:#edf2f7",ud:"border-color:#e2e8f0",hd:"border-color:#cbd5e0",xd:"border-color:#a0aec0",kd:"border-color:#718096",yd:"border-color:#4a5568",wd:"border-color:#2d3748",vd:"border-color:#1a202c",Yd:"border-color:#fff5f5",Xd:"border-color:#fed7d7",zd:"border-color:#feb2b2",Id:"border-color:#fc8181",Od:"border-color:#f56565",Dd:"border-color:#e53e3e",Ud:"border-color:#c53030",Ld:"border-color:#9b2c2c",Rd:"border-color:#742a2a",jd:"border-radius:0",Cd:"border-radius:0.125rem",Md:"border-radius:0.25rem",Td:"border-radius:0.375rem",Ad:"border-radius:0.5rem",Nd:"border-radius:0.75rem",Sd:"border-radius:1rem",Bd:"border-radius:1.5rem",$d:"border-radius:9999px",Ed:"border-top-left-radius:0;border-top-right-radius:0",Wd:"border-top-left-radius:0.125rem;border-top-right-radius:0.125rem",Pd:"border-top-left-radius:0.25rem;border-top-right-radius:0.25rem",Zd:"border-top-left-radius:0.375rem;border-top-right-radius:0.375rem",Hd:"border-top-left-radius:0.5rem;border-top-right-radius:0.5rem",Jd:"border-top-left-radius:0.75rem;border-top-right-radius:0.75rem",Qd:"border-top-left-radius:1rem;border-top-right-radius:1rem",qd:"border-top-left-radius:1.5rem;border-top-right-radius:1.5rem",Fd:"border-top-left-radius:9999px;border-top-right-radius:9999px",Gd:"display:block",Kd:"display:inline-block",Vd:"display:inline",flex:"display:flex",_d:"display:inline-flex",table:"display:table",rm:"display:table-row",nm:"display:table-cell",grid:"display:grid",om:"display:inline-grid",hidden:"display:none",am:"flex-direction:row",tm:"flex-direction:row-reverse",im:"flex-direction:column",sm:"flex-direction:column-reverse","flex-wrap":"flex-wrap:wrap",dm:"flex-wrap:wrap-reverse",fm:"flex-wrap:nowrap",lm:"align-items:flex-start",pm:"align-items:flex-end",gm:"align-items:center",bm:"align-items:baseline",um:"align-items:stretch",hm:"justify-content:flex-start",xm:"justify-content:flex-end",km:"justify-content:center",ym:"justify-content:space-between",wm:"justify-content:space-around",vm:"justify-content:space-evenly",Ym:"flex:1 1 0%",Xm:"flex:1 1 auto",zm:"flex:none",Im:"flex:none",Om:"position:static",fixed:"position:fixed",absolute:"position:absolute",Dm:"position:relative",sticky:"position:sticky",Um:"top:0",Lm:"right:0",Rm:"bottom:0",jm:"left:0",Cm:"top:auto",Mm:"right:auto",Tm:"bottom:auto",Am:"left:auto",Nm:"box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)",Sm:"box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",Bm:"box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",$m:"box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",Nr:"box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",Em:"box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)",Sr:"box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",Wm:"box-shadow:none",Pm:"cursor:auto",Zm:"cursor:default",Hm:"cursor:pointer",Jm:"cursor:wait",Qm:"cursor:text",qm:"cursor:move",Fm:"cursor:not-allowed",Gm:"cursor:crosshair",Km:"cursor:help",Vm:"cursor:zoom-in",_m:"cursor:zoom-out",rc:"cursor:grab",nc:"cursor:grabbing",oc:"transition-property:none",ec:"transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",transition:"transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",ac:"transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",tc:"transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",sc:"transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",dc:"transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",transform:"transform:translateX(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))",mc:"transform:translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), 0) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))",cc:"transform:none",fc:"overflow:auto",lc:"overflow:hidden",gc:"overflow:visible",bc:"overflow:scroll",uc:"overflow-x:auto",hc:"overflow-y:auto",xc:"overflow-x:hidden",kc:"overflow-y:hidden",yc:"overflow-x:visible",wc:"overflow-y:visible",vc:"overflow-x:scroll",Yc:"overflow-y:scroll",Xc:"overflow:clip",zc:"overflow-x:clip",Ic:"overflow-y:clip",Oc:"z-index:0",Dc:"z-index:10",Uc:"z-index:20",Lc:"z-index:30",Rc:"z-index:40",jc:"z-index:50",Cc:"z-index:auto",Mc:"gap:0",Tc:"gap:0.25rem",Ac:"gap:0.5rem",Nc:"gap:0.75rem",Sc:"gap:1rem",Bc:"gap:1.25rem",$c:"gap:1.5rem",Ec:"gap:2rem",Wc:"gap:2.5rem",Pc:"gap:3rem",Zc:"gap:4rem",Hc:"gap:5rem",Jc:"gap:6rem",Qc:"gap:8rem",qc:"gap:10rem",Fc:"gap:12rem",Gc:"gap:14rem",Kc:"gap:16rem",Vc:"row-gap:0",_c:"row-gap:0.25rem",rf:"row-gap:0.5rem",nf:"row-gap:0.75rem",ef:"row-gap:1rem",af:"row-gap:1.25rem",tf:"row-gap:1.5rem",if:"row-gap:2rem",sf:"row-gap:2.5rem",df:"row-gap:3rem",mf:"row-gap:4rem",cf:"row-gap:5rem",ff:"row-gap:6rem",lf:"row-gap:8rem",pf:"row-gap:10rem",gf:"row-gap:12rem",bf:"row-gap:14rem",uf:"row-gap:16rem",hf:"column-gap:0",xf:"column-gap:0.25rem",kf:"column-gap:0.5rem",yf:"column-gap:0.75rem",wf:"column-gap:1rem",vf:"column-gap:1.25rem",Yf:"column-gap:1.5rem",Xf:"column-gap:2rem",zf:"column-gap:2.5rem",If:"column-gap:3rem",Of:"column-gap:4rem",Df:"column-gap:5rem",Uf:"column-gap:6rem",Lf:"column-gap:8rem",Rf:"column-gap:10rem",jf:"column-gap:12rem",Cf:"column-gap:14rem",Mf:"column-gap:16rem",Tf:"@media (min-width: 640px) { display: block !important; }",Af:"@media (min-width: 640px) { display: inline !important; }",Nf:"@media (min-width: 640px) { display: flex !important; }",Sf:"@media (min-width: 640px) { display: none !important; }",Bf:"@media (min-width: 640px) { text-align: left !important; }",$f:"@media (min-width: 640px) { text-align: center !important; }",Ef:"@media (min-width: 640px) { text-align: right !important; }",Wf:"@media (min-width: 768px) { display: block !important; }",Pf:"@media (min-width: 768px) { display: inline !important; }",Zf:"@media (min-width: 768px) { display: flex !important; }",Hf:"@media (min-width: 768px) { display: none !important; }",Jf:"@media (min-width: 768px) { text-align: left !important; }",Qf:"@media (min-width: 768px) { text-align: center !important; }",qf:"@media (min-width: 768px) { text-align: right !important; }",Ff:"@media (min-width: 1024px) { display: block !important; }",Gf:"@media (min-width: 1024px) { display: inline !important; }",Kf:"@media (min-width: 1024px) { display: flex !important; }",Vf:"@media (min-width: 1024px) { display: none !important; }",_f:"@media (min-width: 1024px) { text-align: left !important; }",rl:"@media (min-width: 1024px) { text-align: center !important; }",nl:"@media (min-width: 1024px) { text-align: right !important; }",ol:"@media (min-width: 1280px) { display: block !important; }",el:"@media (min-width: 1280px) { display: inline !important; }",al:"@media (min-width: 1280px) { display: flex !important; }",tl:"@media (min-width: 1280px) { display: none !important; }",il:"@media (min-width: 1280px) { text-align: left !important; }",sl:"@media (min-width: 1280px) { text-align: center !important; }",dl:"@media (min-width: 1280px) { text-align: right !important; }",ml:"@media (min-width: 1536px) { display: block !important; }",cl:"@media (min-width: 1536px) { display: inline !important; }",fl:"@media (min-width: 1536px) { display: flex !important; }",ll:"@media (min-width: 1536px) { display: none !important; }",pl:"@media (min-width: 1536px) { text-align: left !important; }",gl:"@media (min-width: 1536px) { text-align: center !important; }",bl:"@media (min-width: 1536px) { text-align: right !important; }",ul:"@media (prefers-color-scheme: dark) { background-color: #000 !important; }",hl:"@media (prefers-color-scheme: dark) { background-color: #fff !important; }",xl:"@media (prefers-color-scheme: dark) { background-color: #1a202c !important; }",kl:"@media (prefers-color-scheme: dark) { background-color: #2d3748 !important; }",yl:"@media (prefers-color-scheme: dark) { background-color: #4a5568 !important; }",wl:"@media (prefers-color-scheme: dark) { background-color: #718096 !important; }",vl:"@media (prefers-color-scheme: dark) { color: #000 !important; }",Yl:"@media (prefers-color-scheme: dark) { color: #fff !important; }",Xl:"@media (prefers-color-scheme: dark) { color: #f7fafc !important; }",zl:"@media (prefers-color-scheme: dark) { color: #edf2f7 !important; }",Il:"@media (prefers-color-scheme: dark) { color: #e2e8f0 !important; }",Ol:"@media (prefers-color-scheme: dark) { color: #cbd5e0 !important; }",Dl:"background-color: #1a202c; color: #f7fafc;",Ul:"background-color: #2d3748;",Ll:"background-color: #4a5568;",Rl:"color: #fff;",jl:"color: #edf2f7;"},this.Cl="\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideDown {\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideLeft {\n from { transform: translateX(100%); }\n to { transform: translateX(0); }\n }\n @keyframes slideRight {\n from { transform: translateX(-100%); }\n to { transform: translateX(0); }\n }\n @keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes rotateIn {\n from {\n transform-origin: center;\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n to {\n transform-origin: center;\n transform: none;\n opacity: 1;\n }\n }\n @keyframes flipInX {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes flipInY {\n from {\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes pulse {\n from {\n transform: scale3d(1, 1, 1);\n }\n 50% {\n transform: scale3d(1.05, 1.05, 1.05);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n transform: translate3d(0, -30px, 0);\n }\n 20% {\n transform: translate3d(0, 0, 0);\n }\n 53% {\n transform: translate3d(0, -15px, 0);\n }\n 80% {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(0, -4px, 0);\n }\n }\n @keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n @keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n @keyframes wiggle {\n 0%,\n 100% {\n transform: rotate(-3deg);\n }\n 50% {\n transform: rotate(3deg);\n }\n }\n @keyframes shake {\n 10%,\n 90% {\n transform: translate3d(-1px, 0, 0);\n }\n 20%,\n 80% {\n transform: translate3d(2px, 0, 0);\n }\n 30%,\n 50%,\n 70% {\n transform: translate3d(-4px, 0, 0);\n }\n 40%,\n 60% {\n transform: translate3d(4px, 0, 0);\n }\n }\n @keyframes swing {\n 20% {\n transform: rotate(15deg);\n }\n 40% {\n transform: rotate(-10deg);\n }\n 60% {\n transform: rotate(5deg);\n }\n 80% {\n transform: rotate(-5deg);\n }\n to {\n transform: rotate(0deg);\n }\n }\n @keyframes tada {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n 10%,\n 20% {\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n 30%,\n 50%,\n 70%,\n 90% {\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n 40%,\n 60%,\n 80% {\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes rubberBand {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n 30% {\n transform: scale3d(1.25, 0.75, 1);\n }\n 40% {\n transform: scale3d(0.75, 1.25, 1);\n }\n 50% {\n transform: scale3d(1.15, 0.85, 1);\n }\n 65% {\n transform: scale3d(0.95, 1.05, 1);\n }\n 75% {\n transform: scale3d(1.05, 0.95, 1);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes jello {\n 0% {\n transform: none;\n }\n 11.1% {\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n 22.2% {\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n 33.3% {\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n 44.4% {\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n 55.5% {\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n 66.6% {\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n 77.7% {\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n 88.8% {\n transform: skewX(0.09765625deg) skewY(0.09765625deg);\n }\n to {\n transform: none;\n }\n }\n @keyframes heartbeat {\n 0% {\n transform: scale(1);\n }\n 14% {\n transform: scale(1.3);\n }\n 28% {\n transform: scale(1);\n }\n 42% {\n transform: scale(1.3);\n }\n 70% {\n transform: scale(1);\n }\n }\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n @keyframes fadeOutUp {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n }\n @keyframes fadeOutDown {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n }\n @keyframes fadeOutLeft {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n }\n @keyframes fadeOutRight {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n }\n @keyframes zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideDown {\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideLeft {\n from { transform: translateX(100%); }\n to { transform: translateX(0); }\n }\n @keyframes slideRight {\n from { transform: translateX(-100%); }\n to { transform: translateX(0); }\n }\n @keyframes bounceIn {\n 0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }\n 10% { transform: translateY(-20px); }\n 30% { transform: translateY(-10px); }\n 50% { transform: translateY(-5px); }\n 70% { transform: translateY(-2.5px); }\n 90% { transform: translateY(-1.25px); }\n }\n @keyframes zoomIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes fadeInRight {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes rotateIn {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes flipInX {\n from { transform: perspective(400px) rotateX(90deg); opacity: 0; }\n to { transform: perspective(400px) rotateX(0deg); opacity: 1; }\n }\n @keyframes flipInY {\n from { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n to { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-30px); }\n 60% { transform: translateY(-15px); }\n }\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes ping {\n 0% { transform: scale(1); opacity: 1; }\n 75%, 100% { transform: scale(2); opacity: 0; }\n }\n @keyframes wiggle {\n 0%, 100% { transform: rotate(-3deg); }\n 50% { transform: rotate(3deg); }\n }\n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }\n 20%, 40%, 60%, 80% { transform: translateX(10px); }\n }\n @keyframes swing {\n 0% { transform: rotate(15deg); }\n 10% { transform: rotate(-10deg); }\n 20% { transform: rotate(5deg); }\n 30% { transform: rotate(-5deg); }\n 40%, 100% { transform: rotate(0deg); }\n }\n @keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n }\n @keyframes rubberBand {\n 0% { transform: scale(1); }\n 30% { transform: scale(1.25) rotate(-5deg); }\n 40% { transform: scale(0.75) rotate(3deg); }\n 50% { transform: scale(1.15) rotate(-3deg); }\n 65% { transform: scale(0.9) rotate(2deg); }\n 75% { transform: scale(1.05) rotate(-1deg); }\n 100% { transform: scale(1) rotate(0deg); }\n }\n @keyframes jello {\n 0% { transform: scale(1, 1) translate3d(0, 0, 0); }\n 30% { transform: scale(1.25, 0.75) translate3d(0, 0, 0); }\n 40% { transform: scale(0.75, 1.25) translate3d(0, 0, 0); }\n 50% { transform: scale(1.15, 0.85) translate3d(0, 0, 0); }\n 65% { transform: scale(0.95, 1.05) translate3d(0, 0, 0); }\n 75% { transform: scale(1.05, 0.95) translate3d(0, 0, 0); }\n 100% { transform: scale(1, 1) translate3d(0, 0, 0); }\n }\n @keyframes heartbeat {\n 0% { transform: scale(1); }\n 14% { transform: scale(1.3); }\n 28% { transform: scale(1); }\n 42% { transform: scale(1.3); }\n 70% { transform: scale(1); }\n }\n @keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n @keyframes fadeOutUp {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(-20px); }\n }\n @keyframes fadeOutDown {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(20px); }\n }\n @keyframes fadeOutLeft {\n from { opacity: 1; transform: translateX(0); }\n to { opacity: 0; transform: translateX(-20px); }\n }\n @keyframes fadeOutRight {\n from { opacity: 1; transform: translateX(0); }\n to { opacity: 0; transform: translateX(20px); }\n }\n @keyframes zoomOut {\n from { transform: scale(1); opacity: 1; }\n to { transform: scale(0.9); opacity: 0; }\n }\n \n @keyframes slideUp {\n from { transform: translateY(20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes slideDown {\n from { transform: translateY(-20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes slideLeft {\n from { transform: translateX(20px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes slideRight {\n from { transform: translateX(-20px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n \n @keyframes zoomIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n @keyframes ping {\n 0% { transform: scale(1); opacity: 1; }\n 75%, 100% { transform: scale(2); opacity: 0; }\n }\n \n /* NEW: Additional animation keyframes */\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes rotateIn {\n from {\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n to {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n }\n \n @keyframes flipInX {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n \n @keyframes flipInY {\n from {\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n }\n 60% {\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n \n @keyframes wiggle {\n 0% { transform: rotate(0deg); }\n 25% { transform: rotate(5deg); }\n 50% { transform: rotate(-5deg); }\n 75% { transform: rotate(3deg); }\n 100% { transform: rotate(0deg); }\n }\n \n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-5px); }\n 75% { transform: translateX(5px); }\n }\n \n @keyframes swing {\n 20% { transform: rotate(15deg); }\n 40% { transform: rotate(-10deg); }\n 60% { transform: rotate(5deg); }\n 80% { transform: rotate(-5deg); }\n 100% { transform: rotate(0deg); }\n }\n \n @keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n 100% { transform: scale(1) rotate(0); }\n }\n \n @keyframes rubberBand {\n 0% { transform: scale(1); }\n 30% { transform: scaleX(1.25) scaleY(0.75); }\n 40% { transform: scaleX(0.75) scaleY(1.25); }\n 50% { transform: scaleX(1.15) scaleY(0.85); }\n 65% { transform: scaleX(0.95) scaleY(1.05); }\n 75% { transform: scaleX(1.05) scaleY(0.95); }\n 100% { transform: scale(1); }\n }\n \n @keyframes jello {\n 0%, 100% { transform: translate3d(0, 0, 0); }\n 33% { transform: skewX(-12.5deg) skewY(-12.5deg); }\n 66% { transform: skewX(6.25deg) skewY(6.25deg); }\n }\n \n @keyframes heartbeat {\n 0% { transform: scale(1); }\n 14% { transform: scale(1.3); }\n 28% { transform: scale(1); }\n 42% { transform: scale(1.3); }\n 70% { transform: scale(1); }\n }\n \n @keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n \n @keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n }\n \n @keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n }\n \n @keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n }\n \n @keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n }\n \n @keyframes zoomOut {\n from {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n \n /* Hover effects using CSS (NEW) */\n .scar-\\:hover-pop:hover {\n transform: scale(1.05);\n }\n \n .scar-\\:hover-float:hover {\n transform: translateY(-5px);\n }\n \n .scar-\\:hover-glow:hover {\n box-shadow: 0 0 15px rgba(0,0,0,0.3);\n }\n \n .scar-\\:hover-tilt:hover {\n transform: rotate(5deg);\n }\n ",this.Ml=0,this.Tl=new Map,this.Al=new WeakSet,this.Nl=!1,this.init()}init(){this.Sl(),this.Bl(),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>this.$l()):this.$l(),this.El()}Bl(){if(!document.querySelector("#scarcss-animations")){const r=document.createElement("style");r.id="scarcss-animations",r.textContent=this.Cl,document.head.appendChild(r)}}Sl(){if(!document.querySelector("#scarcss-default-styles")){const r=document.createElement("style");r.id="scarcss-default-styles",r.textContent="\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n ul, ol {\n list-style-type: none;\n }\n a {\n text-decoration: none;\n color: black;\n }\n body {\n font-family: monospace, sans-serif;\n }\n ",document.head.appendChild(r)}}El(){const r=(r=>{let n;return function(){n||(r.apply(this,arguments),n=!0,setTimeout(()=>n=!1,100))}})(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{r.nodeType===Node.ELEMENT_NODE&&(r.hasAttribute&&(r.hasAttribute("@scar")||r.hasAttribute("@action"))&&this.Wl(r),r.querySelectorAll)&&r.querySelectorAll("[\\@scar], [\\@action]").forEach(r=>this.Wl(r))})})});new MutationObserver(r).observe(document.body,{childList:!0,subtree:!0,attributes:!1})}$l(){document.querySelectorAll("[\\@scar]").forEach(r=>this.Pl(r)),document.querySelectorAll("[\\@action]").forEach(r=>this.Zl(r))}Wl(r){this.Al.has(r)||(r.hasAttribute("@scar")&&this.Pl(r),r.hasAttribute("@action")&&this.Zl(r),this.Al.add(r))}Pl(r){if(this.Al.has(r))return;const n=r.getAttribute("@scar");if(n)try{const o=n.trim().split(/\s+/),e=[],a=[];if(o.forEach(n=>{n.startsWith("hover-")?a.push("scar-:"+n):this.o[n]?e.push(this.o[n]):this.Hl("Unknown utility class: "+n,r)}),e.length>0||a.length>0){const n={Jl:e.join(";")};this.Ql(r,n),a.forEach(n=>r.classList.add(n))}this.Al.add(r),this.Hl("Processed @scar element",{element:r,ql:o,Jl:e,Fl:a})}catch(n){this.Hl("Error parsing @scar attribute",{element:r,error:n})}}Gl(r){return r.replace(/[A-Z]/g,r=>"-"+r.toLowerCase())}Kl(r){const n=JSON.stringify(r);if(this.Tl.has(n))return this.Tl.get(n);const o="scar-"+this.Ml++;return this.Tl.set(n,o),o}Ql(r,n){const o=this.Kl(n);document.querySelector(`style[data-scar="${o}"]`)||this.Vl(o,n),r.classList.add(o)}Vl(r,n){let o=`.${r} { ${n.Jl}; }`;const e=document.createElement("style");e.setAttribute("data-scar",r),e.textContent=o,document.head.appendChild(e)}Zl(r){if(this.Al.has(r))return;const n=r.getAttribute("@action");if(n)try{const o={};n.trim().slice(1,-1).split(",").forEach(r=>{const[n,e]=r.split(":").map(r=>r.trim()),a=e.replace(/^['"]|['"]$/g,"");o[n]=a});for(const[n,e]of Object.entries(o))if(this._l(n))switch(n){case"alert":r.addEventListener("click",()=>alert(e));break;case"menuToggle":r.addEventListener("click",()=>this.rp(e));break;case"modalOpen":r.addEventListener("click",()=>this.np(e));break;case"modalClose":r.addEventListener("click",()=>this.op(e));break;case"copyToClipboard":r.addEventListener("click",()=>this.ep(e));break;case"toggleDarkMode":r.addEventListener("click",()=>this.ap());break;case"setDarkMode":r.addEventListener("click",()=>this.tp("true"===e));break;default:"function"==typeof this[n]&&r.addEventListener("click",()=>this[n](e))}this.Al.add(r),this.Hl("Processed @action element",{element:r,actions:o})}catch(n){this.Hl("Error parsing @action attribute",{element:r,error:n})}}rp(r){const n=document.querySelector(r);n&&n.classList.toggle("scar-menu-open")}np(r){const n=document.querySelector(r);if(n){n.style.display="block";let o=document.querySelector(".scar-modal-overlay");o||(o=document.createElement("div"),o.className="scar-modal-overlay",o.style.cssText="\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 999;\n ",document.body.appendChild(o),o.addEventListener("click",()=>{this.op(r)})),o.style.display="block"}}op(r){const n=document.querySelector(r);n&&(n.style.display="none");const o=document.querySelector(".scar-modal-overlay");o&&(o.style.display="none")}ep(r){navigator.clipboard.writeText(r).then(()=>{}).catch(r=>{})}ap(){document.body.classList.toggle("dark-mode")}tp(r){r?document.body.classList.add("dark-mode"):document.body.classList.remove("dark-mode")}ip(){this.Nl=!0}sp(){this.Nl=!1}Hl(r,n=null){this.Nl}getStats(){return{Al:this.Al.size||"Unknown",Ml:this.Ml,dp:this.Tl.size}}mp(r){return!!this.o[r]||(this.Hl("Unknown utility class: "+r),!1)}_l(r){return!(!["alert","menuToggle","modalOpen","modalClose","copyToClipboard","toggleDarkMode","setDarkMode"].includes(r)&&"function"!=typeof this[r]&&(this.Hl("Unknown action: "+r),1))}}const e=new r;"undefined"!=typeof module&&module.exports&&(module.exports=r),"undefined"!=typeof window&&(window.ScarCSS=r);

+1

dist/scarcss.secure.min.js

class r{constructor(){this.t={o:"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)",i:"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",l:"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",m:"background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)",p:"background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%)",u:"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)",h:"background: linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%)",k:"background: linear-gradient(135deg, #f46b45 0%, #eea849 100%)",v:"background: linear-gradient(135deg, #12c2e9 0%, #c471ed 100%)",Y:"background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%)",X:"text-shadow: 0 0 10px rgba(0,0,0,0.3)","text-shadow":"text-shadow: 2px 2px 4px rgba(0,0,0,0.5)",I:"text-shadow: 1px 1px 1px #999, 2px 2px 1px #888, 3px 3px 1px #777",O:"text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6",D:"text-shadow: 3px 3px 0 #000, 5px 5px 0 #000",j:"text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb",M:"text-shadow: 0 1px 1px #fff, 0 -1px 1px #000",U:"text-shadow: 0 0 10px #ff9a9e, 0 0 20px #ff9a9e, 0 0 30px #ff9a9e",C:"border: 2px solid; border-image: linear-gradient(45deg, #f093fb, #f5576c) 1",L:"border: 2px solid #00f2fe; box-shadow: 0 0 10px #00f2fe",R:"border: 3px dashed #333",S:"border: 6px double #333",A:"border: 3px solid transparent; border-image: linear-gradient(45deg, #ff9a9e, #fecfef, #fecfef) 1",T:"border: 2px solid; border-image: repeating-linear-gradient(45deg, #f093fb, #f5576c 10px, #f093fb 20px) 10",N:"border: 2px dashed #00f2fe; box-shadow: 0 0 10px #00f2fe",B:"border: 3px solid transparent; border-image: linear-gradient(45deg, #667eea, #764ba2) 1",$:"border-radius: 50%",W:"border-radius: 40% 60% 70% 30% / 30% 30% 70% 70%",P:"clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)",Z:'clip-path: path("M10,30 A20,20,0,0,1,50,30 A20,20,0,0,1,90,30 Q90,60,50,90 Q10,60,10,30 Z")',H:"clip-path: polygon(50% 0%, 0% 100%, 100% 100%)",J:"clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)",K:"clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",q:"clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)",F:"animation: fadeIn 0.5s ease-in",G:"animation: slideUp 0.5s ease-out",V:"animation: slideDown 0.5s ease-out",_:"animation: slideLeft 0.5s ease-out",rr:"animation: slideRight 0.5s ease-out",er:"animation: bounceIn 0.7s ease-out",nr:"animation: zoomIn 0.3s ease-out",tr:"animation: fadeInUp 0.5s ease-out",ar:"animation: fadeInDown 0.5s ease-out",ir:"animation: fadeInLeft 0.5s ease-out",sr:"animation: fadeInRight 0.5s ease-out",dr:"animation: rotateIn 0.5s ease-out",lr:"animation: flipInX 0.7s ease-out",mr:"animation: flipInY 0.7s ease-out",cr:"transition: transform 0.2s ease; cursor: pointer",pr:"transition: transform 0.3s ease; cursor: pointer",gr:"transition: box-shadow 0.3s ease; cursor: pointer",br:"transition: transform 0.3s ease; cursor: pointer",ur:"animation: pulse 2s infinite",hr:"animation: bounce 1s infinite",wr:"animation: spin 1s linear infinite",yr:"animation: ping 1s cubic-bezier(0,0,0.2,1) infinite",kr:"animation: pulse 0.5s infinite",vr:"animation: wiggle 1s ease-in-out infinite",Yr:"animation: shake 0.5s ease-in-out infinite",Xr:"animation: swing 1s ease-in-out infinite",zr:"animation: tada 1s ease-in-out infinite",Ir:"animation: rubberBand 1s ease-in-out infinite",Or:"animation: jello 1s ease-in-out infinite",Dr:"animation: heartbeat 1.5s ease-in-out infinite",jr:"animation: fadeOut 0.5s ease-out",Mr:"animation: fadeOutUp 0.5s ease-out",Ur:"animation: fadeOutDown 0.5s ease-out",Cr:"animation: fadeOutLeft 0.5s ease-out",Lr:"animation: fadeOutRight 0.5s ease-out",Rr:"animation: zoomOut 0.3s ease-out",Sr:"box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08)",Er:"box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08)",Ar:"box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04)",Tr:"box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06)",Nr:"box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5)",Br:"filter: blur(4px)",$r:"filter: blur(8px)",Wr:"filter: blur(16px)",Pr:"filter: brightness(1.1)",Qr:"filter: brightness(0.9)",Zr:"filter: contrast(1.25)",Hr:"filter: saturate(1.5)",Jr:"filter: sepia(100%)",Kr:"filter: invert(100%)",qr:"filter: hue-rotate(90deg)",Fr:"filter: hue-rotate(180deg)",Gr:"filter: grayscale(100%)",Vr:"filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5))",_r:"filter: drop-shadow(0 0 10px rgba(255,255,255,0.8))",re:"transform: scale(0.9)",ee:"transform: scale(0.95)",ne:"transform: scale(1.05)",te:"transform: scale(1.1)",oe:"transform: rotate(5deg)",ae:"transform: rotate(10deg)",ie:"transform: rotate(45deg)",se:"transform: rotate(90deg)",de:"transform: skewX(5deg)",le:"transform: skewX(10deg)",me:"transform: skewY(5deg)",ce:"transform: skewY(10deg)",fe:"transform: scaleX(-1)",pe:"transform: scaleY(-1)",ge:"transform: perspective(1000px) rotateY(15deg)",be:"padding:0",xe:"padding:0.25rem",ue:"padding:0.5rem",he:"padding:0.75rem",we:"padding:1rem",ye:"padding:1.25rem",ke:"padding:1.5rem",ve:"padding:2rem",Ye:"padding:2.5rem",Xe:"padding:3rem",ze:"padding:4rem",Ie:"padding:5rem",Oe:"padding:6rem",De:"padding:8rem",je:"padding:10rem",Me:"padding:12rem",Ue:"padding:14rem",Ce:"padding:16rem",Le:"padding-left:0;padding-right:0",Re:"padding-left:0.25rem;padding-right:0.25rem",Se:"padding-left:0.5rem;padding-right:0.5rem",Ee:"padding-left:0.75rem;padding-right:0.75rem",Ae:"padding-left:1rem;padding-right:1rem",Te:"padding-left:1.25rem;padding-right:1.25rem",Ne:"padding-left:1.5rem;padding-right:1.5rem",Be:"padding-left:2rem;padding-right:2rem",$e:"padding-top:0;padding-bottom:0",We:"padding-top:0.25rem;padding-bottom:0.25rem",Pe:"padding-top:0.5rem;padding-bottom:0.5rem",Qe:"padding-top:0.75rem;padding-bottom:0.75rem",Ze:"padding-top:1rem;padding-bottom:1rem",He:"padding-top:1.25rem;padding-bottom:1.25rem",Je:"padding-top:1.5rem;padding-bottom:1.5rem",Ke:"padding-top:2rem;padding-bottom:2rem",qe:"margin:0",Fe:"margin:0.25rem",Ge:"margin:0.5rem",Ve:"margin:0.75rem",_e:"margin:1rem",rn:"margin:1.25rem",en:"margin:1.5rem",nn:"margin:2rem",tn:"margin:2.5rem",an:"margin:3rem",sn:"margin:4rem",dn:"margin:5rem",ln:"margin:6rem",mn:"margin:8rem",cn:"margin:10rem",fn:"margin:12rem",pn:"margin:14rem",gn:"margin:16rem",bn:"margin-left:0;margin-right:0",xn:"margin-left:0.25rem;margin-right:0.25rem",un:"margin-left:0.5rem;margin-right:0.5rem",hn:"margin-left:0.75rem;margin-right:0.75rem",wn:"margin-left:1rem;margin-right:1rem",yn:"margin-left:1.25rem;margin-right:1.25rem",kn:"margin-left:1.5rem;margin-right:1.5rem",vn:"margin-left:2rem;margin-right:2rem",Yn:"margin-left:auto;margin-right:auto",Xn:"margin-top:0;margin-bottom:0",zn:"margin-top:0.25rem;margin-bottom:0.25rem",In:"margin-top:0.5rem;margin-bottom:0.5rem",On:"margin-top:0.75rem;margin-bottom:0.75rem",Dn:"margin-top:1rem;margin-bottom:1rem",jn:"margin-top:1.25rem;margin-bottom:1.25rem",Mn:"margin-top:1.5rem;margin-bottom:1.5rem",Un:"margin-top:2rem;margin-bottom:2rem",Cn:"width:0",Ln:"width:0.25rem",Rn:"width:0.5rem",Sn:"width:0.75rem",En:"width:1rem",An:"width:1.25rem",Tn:"width:1.5rem",Nn:"width:2rem",Bn:"width:2.5rem",$n:"width:3rem",Wn:"width:4rem",Pn:"width:5rem",Qn:"width:6rem",Zn:"width:8rem",Hn:"width:10rem",Jn:"width:12rem",Kn:"width:14rem",qn:"width:16rem",Fn:"width:auto",Gn:"width:1px",Vn:"width:50%",_n:"width:33.333333%",rt:"width:66.666667%",et:"width:25%",nt:"width:50%",tt:"width:75%",ot:"width:20%",it:"width:40%",st:"width:60%",dt:"width:80%",lt:"width:16.666667%",ct:"width:33.333333%",ft:"width:50%",gt:"width:66.666667%",bt:"width:83.333333%",xt:"width:100%",ut:"width:100vw",ht:"height:0",wt:"height:0.25rem",yt:"height:0.5rem",kt:"height:0.75rem",vt:"height:1rem",Yt:"height:1.25rem",Xt:"height:1.5rem",zt:"height:2rem",It:"height:2.5rem",Ot:"height:3rem",Dt:"height:4rem",jt:"height:5rem",Mt:"height:6rem",Ut:"height:8rem",Ct:"height:10rem",Lt:"height:12rem",Rt:"height:14rem",St:"height:16rem",Et:"height:auto",At:"height:1px",Tt:"height:100%",Nt:"height:100vh",Bt:"font-size:0.75rem",$t:"font-size:0.875rem",Wt:"font-size:1rem",Pt:"font-size:1.125rem",Qt:"font-size:1.25rem",Zt:"font-size:1.5rem",Ht:"font-size:1.875rem",Jt:"font-size:2.25rem",Kt:"font-size:3rem",qt:"font-size:4rem",Ft:"font-weight:100",Gt:"font-weight:200",Vt:"font-weight:300",_t:"font-weight:400",ro:"font-weight:500",eo:"font-weight:600",no:"font-weight:700",oo:"font-weight:800",ao:"font-weight:900",io:"color:transparent",so:"color:currentColor",do:"color:#000",lo:"color:#fff",mo:"color:#f7fafc",co:"color:#edf2f7",fo:"color:#e2e8f0",po:"color:#cbd5e0",bo:"color:#a0aec0",xo:"color:#718096",uo:"color:#4a5568",ho:"color:#2d3748",wo:"color:#1a202c",yo:"color:#fff5f5",ko:"color:#fed7d7",vo:"color:#feb2b2",Yo:"color:#fc8181",Xo:"color:#f56565",zo:"color:#e53e3e",Io:"color:#c53030",Oo:"color:#9b2c2c",Do:"color:#742a2a",jo:"color:#fffaf0",Mo:"color:#feebc8",Uo:"color:#fbd38d",Co:"color:#f6ad55",Lo:"color:#ed8936",Ro:"color:#dd6b20",So:"color:#c05621",Eo:"color:#9c4221",Ao:"color:#7b341e",To:"color:#fffff0",No:"color:#fefcbf",Bo:"color:#faf089",$o:"color:#f6e05e",Wo:"color:#ecc94b",Po:"color:#d69e2e",Qo:"color:#b7791f",Zo:"color:#975a16",Ho:"color:#744210",Jo:"color:#f0fff4",Ko:"color:#c6f6d5",qo:"color:#9ae6b4",Fo:"color:#68d391",Go:"color:#48bb78",Vo:"color:#38a169",_o:"color:#2f855a",ra:"color:#276749",ea:"color:#22543d",na:"color:#e6fffa",ta:"color:#b2f5ea",oa:"color:#81e6d9",aa:"color:#4fd1c5",ia:"color:#38b2ac",sa:"color:#319795",da:"color:#2c7a7b",la:"color:#285e61",ma:"color:#234e52",ca:"color:#ebf8ff",fa:"color:#bee3f8",pa:"color:#90cdf4",ga:"color:#63b3ed",ba:"color:#4299e1",xa:"color:#3182ce",ua:"color:#2b6cb0",ha:"color:#2c5282",wa:"color:#2a4365",ya:"color:#ebf4ff",ka:"color:#c3dafe",va:"color:#a3bffa",Ya:"color:#7f9cf5",Xa:"color:#667eea",za:"color:#5a67d8",Ia:"color:#4c51bf",Oa:"color:#434190",Da:"color:#3c366b",ja:"color:#faf5ff",Ma:"color:#e9d8fd",Ua:"color:#d6bcfa",Ca:"color:#b794f6",La:"color:#9f7aea",Ra:"color:#805ad5",Sa:"color:#6b46c1",Ea:"color:#553c9a",Aa:"color:#44337a",Ta:"color:#fff5f7",Na:"color:#fed7e2",Ba:"color:#fbb6ce",$a:"color:#f687b3",Wa:"color:#ed64a6",Pa:"color:#d53f8c",Qa:"color:#b83280",Za:"color:#97266d",Ha:"color:#702459",Ja:"background-color:transparent",Ka:"background-color:currentColor",qa:"background-color:#000",Fa:"background-color:#fff",Ga:"background-color:#f7fafc",Va:"background-color:#edf2f7",_a:"background-color:#e2e8f0",ri:"background-color:#cbd5e0",ei:"background-color:#a0aec0",ni:"background-color:#718096",ti:"background-color:#4a5568",oi:"background-color:#2d3748",ai:"background-color:#1a202c",ii:"background-color:#fff5f5",si:"background-color:#fed7d7",di:"background-color:#feb2b2",li:"background-color:#fc8181",mi:"background-color:#f56565",ci:"background-color:#e53e3e",fi:"background-color:#c53030",pi:"background-color:#9b2c2c",gi:"background-color:#742a2a",bi:"background-color:#fffaf0",xi:"background-color:#feebc8",ui:"background-color:#fbd38d",hi:"background-color:#f6ad55",wi:"background-color:#ed8936",yi:"background-color:#dd6b20",ki:"background-color:#c05621",Yi:"background-color:#9c4221",Xi:"background-color:#7b341e",zi:"background-color:#fffff0",Ii:"background-color:#fefcbf",Oi:"background-color:#faf089",Di:"background-color:#f6e05e",ji:"background-color:#ecc94b",Mi:"background-color:#d69e2e",Ui:"background-color:#b7791f",Ci:"background-color:#975a16",Li:"background-color:#744210",Ri:"background-color:#f0fff4",Si:"background-color:#c6f6d5",Ei:"background-color:#9ae6b4",Ai:"background-color:#68d391",Ti:"background-color:#48bb78",Ni:"background-color:#38a169",Bi:"background-color:#2f855a",$i:"background-color:#276749",Wi:"background-color:#22543d",Pi:"background-color:#e6fffa",Qi:"background-color:#b2f5ea",Zi:"background-color:#81e6d9",Hi:"background-color:#4fd1c5",Ji:"background-color:#38b2ac",Ki:"background-color:#319795",qi:"background-color:#2c7a7b",Fi:"background-color:#285e61",Gi:"background-color:#234e52",Vi:"background-color:#ebf8ff",_i:"background-color:#bee3f8",rs:"background-color:#90cdf4",es:"background-color:#63b3ed",ns:"background-color:#4299e1",ts:"background-color:#3182ce",ss:"background-color:#2b6cb0",ds:"background-color:#2c5282",ls:"background-color:#2a4365",cs:"background-color:#ebf4ff",fs:"background-color:#c3dafe",ps:"background-color:#a3bffa",gs:"background-color:#7f9cf5",bs:"background-color:#667eea",xs:"background-color:#5a67d8",us:"background-color:#4c51bf",hs:"background-color:#434190",ws:"background-color:#3c366b",ys:"background-color:#faf5ff",ks:"background-color:#e9d8fd",vs:"background-color:#d6bcfa",Ys:"background-color:#b794f6",Xs:"background-color:#9f7aea",zs:"background-color:#805ad5",Is:"background-color:#6b46c1",Os:"background-color:#553c9a",Ds:"background-color:#44337a",js:"background-color:#fff5f7",Ms:"background-color:#fed7e2",Us:"background-color:#fbb6ce",Cs:"background-color:#f687b3",Ls:"background-color:#ed64a6",Rs:"background-color:#d53f8c",Ss:"background-color:#b83280",Es:"background-color:#97266d",As:"background-color:#702459",Ts:"border-width:0",Ns:"border-width:2px",Bs:"border-width:4px",$s:"border-width:8px",border:"border-width:1px",Ws:"border-top-width:0",Ps:"border-right-width:0",Qs:"border-bottom-width:0",Zs:"border-left-width:0",Hs:"border-top-width:2px",Js:"border-right-width:2px",Ks:"border-bottom-width:2px",qs:"border-left-width:2px",Fs:"border-top-width:4px",Gs:"border-right-width:4px",Vs:"border-bottom-width:4px",_s:"border-left-width:4px",rd:"border-top-width:8px",ed:"border-right-width:8px",nd:"border-bottom-width:8px",td:"border-left-width:8px",od:"border-top-width:1px",ad:"border-right-width:1px",sd:"border-bottom-width:1px",dd:"border-left-width:1px",ld:"border-color:transparent",md:"border-color:currentColor",fd:"border-color:#000",pd:"border-color:#fff",gd:"border-color:#f7fafc",bd:"border-color:#edf2f7",xd:"border-color:#e2e8f0",ud:"border-color:#cbd5e0",hd:"border-color:#a0aec0",wd:"border-color:#718096",yd:"border-color:#4a5568",kd:"border-color:#2d3748",vd:"border-color:#1a202c",Yd:"border-color:#fff5f5",Xd:"border-color:#fed7d7",zd:"border-color:#feb2b2",Id:"border-color:#fc8181",Od:"border-color:#f56565",Dd:"border-color:#e53e3e",jd:"border-color:#c53030",Md:"border-color:#9b2c2c",Ud:"border-color:#742a2a",Cd:"border-radius:0",Ld:"border-radius:0.125rem",Rd:"border-radius:0.25rem",Sd:"border-radius:0.375rem",Ed:"border-radius:0.5rem",Ad:"border-radius:0.75rem",Td:"border-radius:1rem",Nd:"border-radius:1.5rem",Bd:"border-radius:9999px",$d:"border-top-left-radius:0;border-top-right-radius:0",Wd:"border-top-left-radius:0.125rem;border-top-right-radius:0.125rem",Pd:"border-top-left-radius:0.25rem;border-top-right-radius:0.25rem",Qd:"border-top-left-radius:0.375rem;border-top-right-radius:0.375rem",Zd:"border-top-left-radius:0.5rem;border-top-right-radius:0.5rem",Hd:"border-top-left-radius:0.75rem;border-top-right-radius:0.75rem",Jd:"border-top-left-radius:1rem;border-top-right-radius:1rem",Kd:"border-top-left-radius:1.5rem;border-top-right-radius:1.5rem",qd:"border-top-left-radius:9999px;border-top-right-radius:9999px",Fd:"display:block",Gd:"display:inline-block",Vd:"display:inline",flex:"display:flex",_d:"display:inline-flex",table:"display:table",rl:"display:table-row",el:"display:table-cell",grid:"display:grid",nl:"display:inline-grid",hidden:"display:none",tl:"flex-direction:row",ol:"flex-direction:row-reverse",al:"flex-direction:column",il:"flex-direction:column-reverse","flex-wrap":"flex-wrap:wrap",sl:"flex-wrap:wrap-reverse",dl:"flex-wrap:nowrap",ll:"align-items:flex-start",ml:"align-items:flex-end",cl:"align-items:center",fl:"align-items:baseline",pl:"align-items:stretch",gl:"justify-content:flex-start",bl:"justify-content:flex-end",xl:"justify-content:center",ul:"justify-content:space-between",hl:"justify-content:space-around",wl:"justify-content:space-evenly",yl:"flex:1 1 0%",kl:"flex:1 1 auto",vl:"flex:none",Yl:"flex:none",Xl:"position:static",fixed:"position:fixed",absolute:"position:absolute",zl:"position:relative",sticky:"position:sticky",Il:"top:0",Ol:"right:0",Dl:"bottom:0",jl:"left:0",Ml:"top:auto",Ul:"right:auto",Cl:"bottom:auto",Ll:"left:auto",Rl:"box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)",Sl:"box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",El:"box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",Al:"box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",Ar:"box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",Tl:"box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)",Tr:"box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",Nl:"box-shadow:none",Bl:"cursor:auto",$l:"cursor:default",Wl:"cursor:pointer",Pl:"cursor:wait",Ql:"cursor:text",Zl:"cursor:move",Hl:"cursor:not-allowed",Jl:"cursor:crosshair",Kl:"cursor:help",ql:"cursor:zoom-in",Fl:"cursor:zoom-out",Gl:"cursor:grab",Vl:"cursor:grabbing",_l:"transition-property:none",rm:"transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",transition:"transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",nm:"transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",tm:"transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",om:"transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",am:"transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",transform:"transform:translateX(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))",im:"transform:translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), 0) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))",sm:"transform:none",dm:"overflow:auto",lm:"overflow:hidden",fm:"overflow:visible",pm:"overflow:scroll",gm:"overflow-x:auto",bm:"overflow-y:auto",xm:"overflow-x:hidden",um:"overflow-y:hidden",hm:"overflow-x:visible",wm:"overflow-y:visible",ym:"overflow-x:scroll",km:"overflow-y:scroll",vm:"overflow:clip",Ym:"overflow-x:clip",Xm:"overflow-y:clip",zm:"z-index:0",Im:"z-index:10",Om:"z-index:20",Dm:"z-index:30",jm:"z-index:40",Mm:"z-index:50",Um:"z-index:auto",Cm:"gap:0",Lm:"gap:0.25rem",Rm:"gap:0.5rem",Sm:"gap:0.75rem",Em:"gap:1rem",Am:"gap:1.25rem",Tm:"gap:1.5rem",Nm:"gap:2rem",Bm:"gap:2.5rem",$m:"gap:3rem",Wm:"gap:4rem",Pm:"gap:5rem",Qm:"gap:6rem",Zm:"gap:8rem",Hm:"gap:10rem",Jm:"gap:12rem",Km:"gap:14rem",qm:"gap:16rem",Fm:"row-gap:0",Gm:"row-gap:0.25rem",Vm:"row-gap:0.5rem",_m:"row-gap:0.75rem",rc:"row-gap:1rem",ec:"row-gap:1.25rem",nc:"row-gap:1.5rem",tc:"row-gap:2rem",oc:"row-gap:2.5rem",ac:"row-gap:3rem",sc:"row-gap:4rem",dc:"row-gap:5rem",lc:"row-gap:6rem",mc:"row-gap:8rem",cc:"row-gap:10rem",fc:"row-gap:12rem",gc:"row-gap:14rem",bc:"row-gap:16rem",xc:"column-gap:0",uc:"column-gap:0.25rem",hc:"column-gap:0.5rem",wc:"column-gap:0.75rem",yc:"column-gap:1rem",kc:"column-gap:1.25rem",vc:"column-gap:1.5rem",Yc:"column-gap:2rem",Xc:"column-gap:2.5rem",zc:"column-gap:3rem",Ic:"column-gap:4rem",Oc:"column-gap:5rem",Dc:"column-gap:6rem",jc:"column-gap:8rem",Mc:"column-gap:10rem",Uc:"column-gap:12rem",Cc:"column-gap:14rem",Lc:"column-gap:16rem",Rc:"@media (min-width: 640px) { display: block !important; }",Sc:"@media (min-width: 640px) { display: inline !important; }",Ec:"@media (min-width: 640px) { display: flex !important; }",Ac:"@media (min-width: 640px) { display: none !important; }",Tc:"@media (min-width: 640px) { text-align: left !important; }",Nc:"@media (min-width: 640px) { text-align: center !important; }",Bc:"@media (min-width: 640px) { text-align: right !important; }",$c:"@media (min-width: 768px) { display: block !important; }",Wc:"@media (min-width: 768px) { display: inline !important; }",Pc:"@media (min-width: 768px) { display: flex !important; }",Qc:"@media (min-width: 768px) { display: none !important; }",Zc:"@media (min-width: 768px) { text-align: left !important; }",Hc:"@media (min-width: 768px) { text-align: center !important; }",Jc:"@media (min-width: 768px) { text-align: right !important; }",Kc:"@media (min-width: 1024px) { display: block !important; }",qc:"@media (min-width: 1024px) { display: inline !important; }",Fc:"@media (min-width: 1024px) { display: flex !important; }",Gc:"@media (min-width: 1024px) { display: none !important; }",Vc:"@media (min-width: 1024px) { text-align: left !important; }",_c:"@media (min-width: 1024px) { text-align: center !important; }",rf:"@media (min-width: 1024px) { text-align: right !important; }",ef:"@media (min-width: 1280px) { display: block !important; }",nf:"@media (min-width: 1280px) { display: inline !important; }",tf:"@media (min-width: 1280px) { display: flex !important; }",af:"@media (min-width: 1280px) { display: none !important; }",if:"@media (min-width: 1280px) { text-align: left !important; }",sf:"@media (min-width: 1280px) { text-align: center !important; }",df:"@media (min-width: 1280px) { text-align: right !important; }","2xl:block":"@media (min-width: 1536px) { display: block !important; }","2xl:inline":"@media (min-width: 1536px) { display: inline !important; }","2xl:flex":"@media (min-width: 1536px) { display: flex !important; }","2xl:hidden":"@media (min-width: 1536px) { display: none !important; }","2xl:text-left":"@media (min-width: 1536px) { text-align: left !important; }","2xl:text-center":"@media (min-width: 1536px) { text-align: center !important; }","2xl:text-right":"@media (min-width: 1536px) { text-align: right !important; }",lf:"@media (prefers-color-scheme: dark) { background-color: #000 !important; }",mf:"@media (prefers-color-scheme: dark) { background-color: #fff !important; }",cf:"@media (prefers-color-scheme: dark) { background-color: #1a202c !important; }",ff:"@media (prefers-color-scheme: dark) { background-color: #2d3748 !important; }",pf:"@media (prefers-color-scheme: dark) { background-color: #4a5568 !important; }",gf:"@media (prefers-color-scheme: dark) { background-color: #718096 !important; }",bf:"@media (prefers-color-scheme: dark) { color: #000 !important; }",xf:"@media (prefers-color-scheme: dark) { color: #fff !important; }",uf:"@media (prefers-color-scheme: dark) { color: #f7fafc !important; }",hf:"@media (prefers-color-scheme: dark) { color: #edf2f7 !important; }",wf:"@media (prefers-color-scheme: dark) { color: #e2e8f0 !important; }",yf:"@media (prefers-color-scheme: dark) { color: #cbd5e0 !important; }",kf:"background-color: #1a202c; color: #f7fafc;",vf:"background-color: #2d3748;",Yf:"background-color: #4a5568;",Xf:"color: #fff;",zf:"color: #edf2f7;"},this.If="\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideDown {\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideLeft {\n from { transform: translateX(100%); }\n to { transform: translateX(0); }\n }\n @keyframes slideRight {\n from { transform: translateX(-100%); }\n to { transform: translateX(0); }\n }\n @keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes rotateIn {\n from {\n transform-origin: center;\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n to {\n transform-origin: center;\n transform: none;\n opacity: 1;\n }\n }\n @keyframes flipInX {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes flipInY {\n from {\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes pulse {\n from {\n transform: scale3d(1, 1, 1);\n }\n 50% {\n transform: scale3d(1.05, 1.05, 1.05);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n transform: translate3d(0, -30px, 0);\n }\n 20% {\n transform: translate3d(0, 0, 0);\n }\n 53% {\n transform: translate3d(0, -15px, 0);\n }\n 80% {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(0, -4px, 0);\n }\n }\n @keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n @keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n @keyframes wiggle {\n 0%,\n 100% {\n transform: rotate(-3deg);\n }\n 50% {\n transform: rotate(3deg);\n }\n }\n @keyframes shake {\n 10%,\n 90% {\n transform: translate3d(-1px, 0, 0);\n }\n 20%,\n 80% {\n transform: translate3d(2px, 0, 0);\n }\n 30%,\n 50%,\n 70% {\n transform: translate3d(-4px, 0, 0);\n }\n 40%,\n 60% {\n transform: translate3d(4px, 0, 0);\n }\n }\n @keyframes swing {\n 20% {\n transform: rotate(15deg);\n }\n 40% {\n transform: rotate(-10deg);\n }\n 60% {\n transform: rotate(5deg);\n }\n 80% {\n transform: rotate(-5deg);\n }\n to {\n transform: rotate(0deg);\n }\n }\n @keyframes tada {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n 10%,\n 20% {\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n 30%,\n 50%,\n 70%,\n 90% {\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n 40%,\n 60%,\n 80% {\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes rubberBand {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n 30% {\n transform: scale3d(1.25, 0.75, 1);\n }\n 40% {\n transform: scale3d(0.75, 1.25, 1);\n }\n 50% {\n transform: scale3d(1.15, 0.85, 1);\n }\n 65% {\n transform: scale3d(0.95, 1.05, 1);\n }\n 75% {\n transform: scale3d(1.05, 0.95, 1);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes jello {\n 0% {\n transform: none;\n }\n 11.1% {\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n 22.2% {\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n 33.3% {\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n 44.4% {\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n 55.5% {\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n 66.6% {\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n 77.7% {\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n 88.8% {\n transform: skewX(0.09765625deg) skewY(0.09765625deg);\n }\n to {\n transform: none;\n }\n }\n @keyframes heartbeat {\n 0% {\n transform: scale(1);\n }\n 14% {\n transform: scale(1.3);\n }\n 28% {\n transform: scale(1);\n }\n 42% {\n transform: scale(1.3);\n }\n 70% {\n transform: scale(1);\n }\n }\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n @keyframes fadeOutUp {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n }\n @keyframes fadeOutDown {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n }\n @keyframes fadeOutLeft {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n }\n @keyframes fadeOutRight {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n }\n @keyframes zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideDown {\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideLeft {\n from { transform: translateX(100%); }\n to { transform: translateX(0); }\n }\n @keyframes slideRight {\n from { transform: translateX(-100%); }\n to { transform: translateX(0); }\n }\n @keyframes bounceIn {\n 0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }\n 10% { transform: translateY(-20px); }\n 30% { transform: translateY(-10px); }\n 50% { transform: translateY(-5px); }\n 70% { transform: translateY(-2.5px); }\n 90% { transform: translateY(-1.25px); }\n }\n @keyframes zoomIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes fadeInRight {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes rotateIn {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes flipInX {\n from { transform: perspective(400px) rotateX(90deg); opacity: 0; }\n to { transform: perspective(400px) rotateX(0deg); opacity: 1; }\n }\n @keyframes flipInY {\n from { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n to { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-30px); }\n 60% { transform: translateY(-15px); }\n }\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes ping {\n 0% { transform: scale(1); opacity: 1; }\n 75%, 100% { transform: scale(2); opacity: 0; }\n }\n @keyframes wiggle {\n 0%, 100% { transform: rotate(-3deg); }\n 50% { transform: rotate(3deg); }\n }\n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }\n 20%, 40%, 60%, 80% { transform: translateX(10px); }\n }\n @keyframes swing {\n 0% { transform: rotate(15deg); }\n 10% { transform: rotate(-10deg); }\n 20% { transform: rotate(5deg); }\n 30% { transform: rotate(-5deg); }\n 40%, 100% { transform: rotate(0deg); }\n }\n @keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n }\n @keyframes rubberBand {\n 0% { transform: scale(1); }\n 30% { transform: scale(1.25) rotate(-5deg); }\n 40% { transform: scale(0.75) rotate(3deg); }\n 50% { transform: scale(1.15) rotate(-3deg); }\n 65% { transform: scale(0.9) rotate(2deg); }\n 75% { transform: scale(1.05) rotate(-1deg); }\n 100% { transform: scale(1) rotate(0deg); }\n }\n @keyframes jello {\n 0% { transform: scale(1, 1) translate3d(0, 0, 0); }\n 30% { transform: scale(1.25, 0.75) translate3d(0, 0, 0); }\n 40% { transform: scale(0.75, 1.25) translate3d(0, 0, 0); }\n 50% { transform: scale(1.15, 0.85) translate3d(0, 0, 0); }\n 65% { transform: scale(0.95, 1.05) translate3d(0, 0, 0); }\n 75% { transform: scale(1.05, 0.95) translate3d(0, 0, 0); }\n 100% { transform: scale(1, 1) translate3d(0, 0, 0); }\n }\n @keyframes heartbeat {\n 0% { transform: scale(1); }\n 14% { transform: scale(1.3); }\n 28% { transform: scale(1); }\n 42% { transform: scale(1.3); }\n 70% { transform: scale(1); }\n }\n @keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n @keyframes fadeOutUp {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(-20px); }\n }\n @keyframes fadeOutDown {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(20px); }\n }\n @keyframes fadeOutLeft {\n from { opacity: 1; transform: translateX(0); }\n to { opacity: 0; transform: translateX(-20px); }\n }\n @keyframes fadeOutRight {\n from { opacity: 1; transform: translateX(0); }\n to { opacity: 0; transform: translateX(20px); }\n }\n @keyframes zoomOut {\n from { transform: scale(1); opacity: 1; }\n to { transform: scale(0.9); opacity: 0; }\n }\n \n @keyframes slideUp {\n from { transform: translateY(20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes slideDown {\n from { transform: translateY(-20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes slideLeft {\n from { transform: translateX(20px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes slideRight {\n from { transform: translateX(-20px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n \n @keyframes zoomIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n @keyframes ping {\n 0% { transform: scale(1); opacity: 1; }\n 75%, 100% { transform: scale(2); opacity: 0; }\n }\n \n /* NEW: Additional animation keyframes */\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes rotateIn {\n from {\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n to {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n }\n \n @keyframes flipInX {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n \n @keyframes flipInY {\n from {\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n }\n 60% {\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n \n @keyframes wiggle {\n 0% { transform: rotate(0deg); }\n 25% { transform: rotate(5deg); }\n 50% { transform: rotate(-5deg); }\n 75% { transform: rotate(3deg); }\n 100% { transform: rotate(0deg); }\n }\n \n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-5px); }\n 75% { transform: translateX(5px); }\n }\n \n @keyframes swing {\n 20% { transform: rotate(15deg); }\n 40% { transform: rotate(-10deg); }\n 60% { transform: rotate(5deg); }\n 80% { transform: rotate(-5deg); }\n 100% { transform: rotate(0deg); }\n }\n \n @keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n 100% { transform: scale(1) rotate(0); }\n }\n \n @keyframes rubberBand {\n 0% { transform: scale(1); }\n 30% { transform: scaleX(1.25) scaleY(0.75); }\n 40% { transform: scaleX(0.75) scaleY(1.25); }\n 50% { transform: scaleX(1.15) scaleY(0.85); }\n 65% { transform: scaleX(0.95) scaleY(1.05); }\n 75% { transform: scaleX(1.05) scaleY(0.95); }\n 100% { transform: scale(1); }\n }\n \n @keyframes jello {\n 0%, 100% { transform: translate3d(0, 0, 0); }\n 33% { transform: skewX(-12.5deg) skewY(-12.5deg); }\n 66% { transform: skewX(6.25deg) skewY(6.25deg); }\n }\n \n @keyframes heartbeat {\n 0% { transform: scale(1); }\n 14% { transform: scale(1.3); }\n 28% { transform: scale(1); }\n 42% { transform: scale(1.3); }\n 70% { transform: scale(1); }\n }\n \n @keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n \n @keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n }\n \n @keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n }\n \n @keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n }\n \n @keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n }\n \n @keyframes zoomOut {\n from {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n \n /* Hover effects using CSS (NEW) */\n .scar-\\:hover-pop:hover {\n transform: scale(1.05);\n }\n \n .scar-\\:hover-float:hover {\n transform: translateY(-5px);\n }\n \n .scar-\\:hover-glow:hover {\n box-shadow: 0 0 15px rgba(0,0,0,0.3);\n }\n \n .scar-\\:hover-tilt:hover {\n transform: rotate(5deg);\n }\n ",this.Of=0,this.Df=new Map,this.jf=new WeakSet,this.Mf=!1,this.init()}init(){this.Uf(),this.Cf(),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>this.Lf()):this.Lf(),this.Rf()}Cf(){if(!document.querySelector("#scarcss-animations")){const r=document.createElement("style");r.id="scarcss-animations",r.textContent=this.If,document.head.appendChild(r)}}Uf(){if(!document.querySelector("#scarcss-default-styles")){const r=document.createElement("style");r.id="scarcss-default-styles",r.textContent="\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n ul, ol {\n list-style-type: none;\n }\n a {\n text-decoration: none;\n color: black;\n }\n body {\n font-family: monospace, sans-serif;\n }\n ",document.head.appendChild(r)}}Rf(){const r=(r=>{let e;return function(){e||(r.apply(this,arguments),e=!0,setTimeout(()=>e=!1,100))}})(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{r.nodeType===Node.ELEMENT_NODE&&(r.hasAttribute&&(r.hasAttribute("@scar")||r.hasAttribute("@action"))&&this.Sf(r),r.querySelectorAll)&&r.querySelectorAll("[\\@scar], [\\@action]").forEach(r=>this.Sf(r))})})});new MutationObserver(r).observe(document.body,{childList:!0,subtree:!0,attributes:!1})}Lf(){document.querySelectorAll("[\\@scar]").forEach(r=>this.Ef(r)),document.querySelectorAll("[\\@action]").forEach(r=>this.Af(r))}Sf(r){this.jf.has(r)||(r.hasAttribute("@scar")&&this.Ef(r),r.hasAttribute("@action")&&this.Af(r),this.jf.add(r))}Ef(r){if(this.jf.has(r))return;const e=r.getAttribute("@scar");if(e)try{const n=e.trim().split(/\s+/),t=[],o=[];if(n.forEach(e=>{e.startsWith("hover-")?o.push("scar-:"+e):this.t[e]?t.push(this.t[e]):this.Tf("Unknown utility class: "+e,r)}),t.length>0||o.length>0){const e={Nf:t.join(";")};this.Bf(r,e),o.forEach(e=>r.classList.add(e))}this.jf.add(r),this.Tf("Processed @scar element",{element:r,$f:n,Nf:t,Wf:o})}catch(e){this.Tf("Error parsing @scar attribute",{element:r,error:e})}}Pf(r){return r.replace(/[A-Z]/g,r=>"-"+r.toLowerCase())}Qf(r){const e=JSON.stringify(r);if(this.Df.has(e))return this.Df.get(e);const n="scar-"+this.Of++;return this.Df.set(e,n),n}Bf(r,e){const n=this.Qf(e);document.querySelector(`style[data-scar="${n}"]`)||this.Zf(n,e),r.classList.add(n)}Zf(r,e){let n=`.${r} { ${e.Nf}; }`;const t=document.createElement("style");t.setAttribute("data-scar",r),t.textContent=n,document.head.appendChild(t)}Af(r){if(this.jf.has(r))return;const e=r.getAttribute("@action");if(e)try{const n={};e.trim().slice(1,-1).split(",").forEach(r=>{const[e,t]=r.split(":").map(r=>r.trim()),o=t.replace(/^['"]|['"]$/g,"");n[e]=o});for(const[e,t]of Object.entries(n))if(this.Hf(e))switch(e){case"alert":r.addEventListener("click",()=>alert(t));break;case"menuToggle":r.addEventListener("click",()=>this.Jf(t));break;case"modalOpen":r.addEventListener("click",()=>this.Kf(t));break;case"modalClose":r.addEventListener("click",()=>this.qf(t));break;case"copyToClipboard":r.addEventListener("click",()=>this.Ff(t));break;case"toggleDarkMode":r.addEventListener("click",()=>this.Gf());break;case"setDarkMode":r.addEventListener("click",()=>this.Vf("true"===t));break;default:"function"==typeof this[e]&&r.addEventListener("click",()=>this[e](t))}this.jf.add(r),this.Tf("Processed @action element",{element:r,actions:n})}catch(e){this.Tf("Error parsing @action attribute",{element:r,error:e})}}Jf(r){const e=document.querySelector(r);e&&e.classList.toggle("scar-menu-open")}Kf(r){const e=document.querySelector(r);if(e){e.style.display="block";let n=document.querySelector(".scar-modal-overlay");n||(n=document.createElement("div"),n.className="scar-modal-overlay",n.style.cssText="\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 999;\n ",document.body.appendChild(n),n.addEventListener("click",()=>{this.qf(r)})),n.style.display="block"}}qf(r){const e=document.querySelector(r);e&&(e.style.display="none");const n=document.querySelector(".scar-modal-overlay");n&&(n.style.display="none")}Ff(r){navigator.clipboard.writeText(r).then(()=>{}).catch(r=>{})}Gf(){document.body.classList.toggle("dark-mode")}Vf(r){r?document.body.classList.add("dark-mode"):document.body.classList.remove("dark-mode")}_f(){this.Mf=!0}rp(){this.Mf=!1}Tf(r,e=null){this.Mf}getStats(){return{jf:this.jf.size||"Unknown",Of:this.Of,ep:this.Df.size}}np(r){return!!this.t[r]||(this.Tf("Unknown utility class: "+r),!1)}Hf(r){return!(!["alert","menuToggle","modalOpen","modalClose","copyToClipboard","toggleDarkMode","setDarkMode"].includes(r)&&"function"!=typeof this[r]&&(this.Tf("Unknown action: "+r),1))}}const e=new r;"undefined"!=typeof module&&module.exports&&(module.exports=r),"undefined"!=typeof window&&(window.ScarCSS=r);

+18

-0

CHANGELOG.md

		@@ -5,4 +5,22 @@ # Changelog

		## [3.0.1] - 2025-12-19

		### Security Enhancements
		- Added code obfuscation and minification for protecting core implementation
		- Created secure versions (`scarcss.secure.min.js` and `scarcss.obfuscated.min.js`)
		- Implemented advanced Terser configuration for code protection
		- Added build scripts for generating protected versions

		### Fixed
		- Installation issues with missing dependencies
		- Added default global styles (margin: 0, padding: 0, box-sizing: border-box, etc.)
		- Improved build process with proper dependency management

		## [3.0.0] - 2024-12-01

		### Fixed
		- Installation issues with missing dependencies
		- Added default global styles (margin: 0, padding: 0, box-sizing: border-box, etc.)
		- Improved build process with proper dependency management

		### Added - Widget System
		@@ -9,0 +27,0 @@ - 17 Pre-built Widgets: Complete widget system with reserved component names

+17

-7

dist/README.md

		@@ -1,2 +0,2 @@
		# ScarCSS v3.0
		# ScarCSS v3.0.1

		@@ -7,2 +7,9 @@ A lightweight, utility-first frontend framework with Widget System, pre-built SEO-optimized components, SPA navigation, and 500+ utility classes.

		### Bug Fixes (v3.0.1)
		- Fixed installation issues with missing dependencies
		- Added default global styles (margin: 0, padding: 0, box-sizing: border-box, etc.)
		- Improved build process reliability

		## 🚀 Features

		### Widget System (v3.0)
		@@ -37,7 +44,10 @@ - 17 Pre-built Widgets - Header, Footer, Card, Hero, Navbar, Button, Grid, and more
		```html
		<!-- ScarCSS v2.0 (Utility Classes) -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.0/dist/scarcss.min.js"></script>
		<!-- ScarCSS v3.0.1 (Utility Classes) -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/dist/scarcss.min.js"></script>

		<!-- ScarCSS v3.0 (Widget System) -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.0/scarcss-v3-widgets.js"></script>
		<!-- ScarCSS v3.0.1 (Widget System) -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/scarcss-v3-widgets.js"></script>

		<!-- ScarCSS v3.0.1 (Secure/Obsfucated Version) -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/dist/scarcss.secure.min.js"></script>
		```
		@@ -53,4 +63,4 @@
		<head>
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.0/dist/scarcss.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.0/scarcss-v3-widgets.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/dist/scarcss.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/scarcss-v3-widgets.js"></script>
		</head>
		@@ -57,0 +67,0 @@ <body>

+1

-1

dist/scarcss.min.js

		@@ -1,1 +0,1 @@
		class ScarCSS{constructor(){this.utilityClasses ={'bg-magic':'background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)','bg-fire':'background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)','bg-ocean':'background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)','bg-sunset':'background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%)','bg-forest':'background:linear-gradient(135deg,#56ab2f 0%,#a8e6cf 100%)','bg-cosmic':'background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)','bg-aurora':'background:linear-gradient(135deg,#00c9ff 0%,#92fe9d 100%)','bg-lava':'background:linear-gradient(135deg,#f46b45 0%,#eea849 100%)','bg-neon':'background:linear-gradient(135deg,#12c2e9 0%,#c471ed 100%)','bg-rainbow':'background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 50%,#fecfef 100%)','text-glow':'text-shadow:0 0 10px rgba(0,0,0,0.3)','text-shadow':'text-shadow:2px 2px 4px rgba(0,0,0,0.5)','text-3d':'text-shadow:1px 1px 1px #999,2px 2px 1px #888,3px 3px 1px #777','text-neon':'text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #0073e6,0 0 20px #0073e6','text-retro':'text-shadow:3px 3px 0 #000,5px 5px 0 #000','text-embossed':'text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb','text-carved':'text-shadow:0 1px 1px #fff,0 -1px 1px #000','text-fire':'text-shadow:0 0 10px #ff9a9e,0 0 20px #ff9a9e,0 0 30px #ff9a9e','border-glow':'border:2px solid;border-image:linear-gradient(45deg,#f093fb,#f5576c) 1','border-neon':'border:2px solid #00f2fe;box-shadow:0 0 10px #00f2fe','border-dashed-bold':'border:3px dashed #333','border-double-bold':'border:6px double #333','border-rainbow':'border:3px solid transparent;border-image:linear-gradient(45deg,#ff9a9e,#fecfef,#fecfef) 1','border-wave':'border:2px solid;border-image:repeating-linear-gradient(45deg,#f093fb,#f5576c 10px,#f093fb 20px) 10','border-dashed-neon':'border:2px dashed #00f2fe;box-shadow:0 0 10px #00f2fe','border-gradient':'border:3px solid transparent;border-image:linear-gradient(45deg,#667eea,#764ba2) 1','shape-circle':'border-radius:50%','shape-blob':'border-radius:40% 60% 70% 30% / 30% 30% 70% 70%','shape-star':'clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)','shape-heart':'clip-path:path("M10,30 A20,20,0,0,1,50,30 A20,20,0,0,1,90,30 Q90,60,50,90 Q10,60,10,30 Z")','shape-triangle':'clip-path:polygon(50% 0%,0% 100%,100% 100%)','shape-hexagon':'clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)','shape-diamond':'clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)','shape-parallelogram':'clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)','animate-fade-in':'animation:fadeIn 0.5s ease-in','animate-slide-up':'animation:slideUp 0.5s ease-out','animate-slide-down':'animation:slideDown 0.5s ease-out','animate-slide-left':'animation:slideLeft 0.5s ease-out','animate-slide-right':'animation:slideRight 0.5s ease-out','animate-bounce-in':'animation:bounceIn 0.7s ease-out','animate-zoom-in':'animation:zoomIn 0.3s ease-out','animate-fade-in-up':'animation:fadeInUp 0.5s ease-out','animate-fade-in-down':'animation:fadeInDown 0.5s ease-out','animate-fade-in-left':'animation:fadeInLeft 0.5s ease-out','animate-fade-in-right':'animation:fadeInRight 0.5s ease-out','animate-rotate-in':'animation:rotateIn 0.5s ease-out','animate-flip-in-x':'animation:flipInX 0.7s ease-out','animate-flip-in-y':'animation:flipInY 0.7s ease-out','hover-pop':'transition:transform 0.2s ease;cursor:pointer','hover-float':'transition:transform 0.3s ease;cursor:pointer','hover-glow':'transition:box-shadow 0.3s ease;cursor:pointer','hover-tilt':'transition:transform 0.3s ease;cursor:pointer','animate-pulse':'animation:pulse 2s infinite','animate-bounce':'animation:bounce 1s infinite','animate-spin':'animation:spin 1s linear infinite','animate-ping':'animation:ping 1s cubic-bezier(0,0,0.2,1) infinite','animate-pulse-fast':'animation:pulse 0.5s infinite','animate-wiggle':'animation:wiggle 1s ease-in-out infinite','animate-shake':'animation:shake 0.5s ease-in-out infinite','animate-swing':'animation:swing 1s ease-in-out infinite','animate-tada':'animation:tada 1s ease-in-out infinite','animate-rubber-band':'animation:rubberBand 1s ease-in-out infinite','animate-jello':'animation:jello 1s ease-in-out infinite','animate-heartbeat':'animation:heartbeat 1.5s ease-in-out infinite','animate-fade-out':'animation:fadeOut 0.5s ease-out','animate-fade-out-up':'animation:fadeOutUp 0.5s ease-out','animate-fade-out-down':'animation:fadeOutDown 0.5s ease-out','animate-fade-out-left':'animation:fadeOutLeft 0.5s ease-out','animate-fade-out-right':'animation:fadeOutRight 0.5s ease-out','animate-zoom-out':'animation:zoomOut 0.3s ease-out','shadow-soft':'box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)','shadow-hard':'box-shadow:0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)','shadow-xl':'box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)','shadow-inner':'box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06)','shadow-outline':'box-shadow:0 0 0 3px rgba(66,153,225,0.5)','filter-blur-sm':'filter:blur(4px)','filter-blur':'filter:blur(8px)','filter-blur-lg':'filter:blur(16px)','filter-brightness-110':'filter:brightness(1.1)','filter-brightness-90':'filter:brightness(0.9)','filter-contrast-125':'filter:contrast(1.25)','filter-saturate-150':'filter:saturate(1.5)','filter-sepia':'filter:sepia(100%)','filter-invert':'filter:invert(100%)','filter-hue-rotate-90':'filter:hue-rotate(90deg)','filter-hue-rotate-180':'filter:hue-rotate(180deg)','filter-grayscale':'filter:grayscale(100%)','filter-drop-shadow':'filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5))','filter-glow':'filter:drop-shadow(0 0 10px rgba(255,255,255,0.8))','transform-scale-90':'transform:scale(0.9)','transform-scale-95':'transform:scale(0.95)','transform-scale-105':'transform:scale(1.05)','transform-scale-110':'transform:scale(1.1)','transform-rotate-5':'transform:rotate(5deg)','transform-rotate-10':'transform:rotate(10deg)','transform-rotate-45':'transform:rotate(45deg)','transform-rotate-90':'transform:rotate(90deg)','transform-skew-x-5':'transform:skewX(5deg)','transform-skew-x-10':'transform:skewX(10deg)','transform-skew-y-5':'transform:skewY(5deg)','transform-skew-y-10':'transform:skewY(10deg)','transform-flip-x':'transform:scaleX(-1)','transform-flip-y':'transform:scaleY(-1)','transform-3d':'transform:perspective(1000px) rotateY(15deg)','p-0':'padding:0','p-1':'padding:0.25rem','p-2':'padding:0.5rem','p-3':'padding:0.75rem','p-4':'padding:1rem','p-5':'padding:1.25rem','p-6':'padding:1.5rem','p-8':'padding:2rem','p-10':'padding:2.5rem','p-12':'padding:3rem','p-16':'padding:4rem','p-20':'padding:5rem','p-24':'padding:6rem','p-32':'padding:8rem','p-40':'padding:10rem','p-48':'padding:12rem','p-56':'padding:14rem','p-64':'padding:16rem','px-0':'padding-left:0;padding-right:0','px-1':'padding-left:0.25rem;padding-right:0.25rem','px-2':'padding-left:0.5rem;padding-right:0.5rem','px-3':'padding-left:0.75rem;padding-right:0.75rem','px-4':'padding-left:1rem;padding-right:1rem','px-5':'padding-left:1.25rem;padding-right:1.25rem','px-6':'padding-left:1.5rem;padding-right:1.5rem','px-8':'padding-left:2rem;padding-right:2rem','py-0':'padding-top:0;padding-bottom:0','py-1':'padding-top:0.25rem;padding-bottom:0.25rem','py-2':'padding-top:0.5rem;padding-bottom:0.5rem','py-3':'padding-top:0.75rem;padding-bottom:0.75rem','py-4':'padding-top:1rem;padding-bottom:1rem','py-5':'padding-top:1.25rem;padding-bottom:1.25rem','py-6':'padding-top:1.5rem;padding-bottom:1.5rem','py-8':'padding-top:2rem;padding-bottom:2rem','m-0':'margin:0','m-1':'margin:0.25rem','m-2':'margin:0.5rem','m-3':'margin:0.75rem','m-4':'margin:1rem','m-5':'margin:1.25rem','m-6':'margin:1.5rem','m-8':'margin:2rem','m-10':'margin:2.5rem','m-12':'margin:3rem','m-16':'margin:4rem','m-20':'margin:5rem','m-24':'margin:6rem','m-32':'margin:8rem','m-40':'margin:10rem','m-48':'margin:12rem','m-56':'margin:14rem','m-64':'margin:16rem','mx-0':'margin-left:0;margin-right:0','mx-1':'margin-left:0.25rem;margin-right:0.25rem','mx-2':'margin-left:0.5rem;margin-right:0.5rem','mx-3':'margin-left:0.75rem;margin-right:0.75rem','mx-4':'margin-left:1rem;margin-right:1rem','mx-5':'margin-left:1.25rem;margin-right:1.25rem','mx-6':'margin-left:1.5rem;margin-right:1.5rem','mx-8':'margin-left:2rem;margin-right:2rem','mx-auto':'margin-left:auto;margin-right:auto','my-0':'margin-top:0;margin-bottom:0','my-1':'margin-top:0.25rem;margin-bottom:0.25rem','my-2':'margin-top:0.5rem;margin-bottom:0.5rem','my-3':'margin-top:0.75rem;margin-bottom:0.75rem','my-4':'margin-top:1rem;margin-bottom:1rem','my-5':'margin-top:1.25rem;margin-bottom:1.25rem','my-6':'margin-top:1.5rem;margin-bottom:1.5rem','my-8':'margin-top:2rem;margin-bottom:2rem','w-0':'width:0','w-1':'width:0.25rem','w-2':'width:0.5rem','w-3':'width:0.75rem','w-4':'width:1rem','w-5':'width:1.25rem','w-6':'width:1.5rem','w-8':'width:2rem','w-10':'width:2.5rem','w-12':'width:3rem','w-16':'width:4rem','w-20':'width:5rem','w-24':'width:6rem','w-32':'width:8rem','w-40':'width:10rem','w-48':'width:12rem','w-56':'width:14rem','w-64':'width:16rem','w-auto':'width:auto','w-px':'width:1px','w-1/2':'width:50%','w-1/3':'width:33.333333%','w-2/3':'width:66.666667%','w-1/4':'width:25%','w-2/4':'width:50%','w-3/4':'width:75%','w-1/5':'width:20%','w-2/5':'width:40%','w-3/5':'width:60%','w-4/5':'width:80%','w-1/6':'width:16.666667%','w-2/6':'width:33.333333%','w-3/6':'width:50%','w-4/6':'width:66.666667%','w-5/6':'width:83.333333%','w-full':'width:100%','w-screen':'width:100vw','h-0':'height:0','h-1':'height:0.25rem','h-2':'height:0.5rem','h-3':'height:0.75rem','h-4':'height:1rem','h-5':'height:1.25rem','h-6':'height:1.5rem','h-8':'height:2rem','h-10':'height:2.5rem','h-12':'height:3rem','h-16':'height:4rem','h-20':'height:5rem','h-24':'height:6rem','h-32':'height:8rem','h-40':'height:10rem','h-48':'height:12rem','h-56':'height:14rem','h-64':'height:16rem','h-auto':'height:auto','h-px':'height:1px','h-full':'height:100%','h-screen':'height:100vh','text-xs':'font-size:0.75rem','text-sm':'font-size:0.875rem','text-base':'font-size:1rem','text-lg':'font-size:1.125rem','text-xl':'font-size:1.25rem','text-2xl':'font-size:1.5rem','text-3xl':'font-size:1.875rem','text-4xl':'font-size:2.25rem','text-5xl':'font-size:3rem','text-6xl':'font-size:4rem','font-thin':'font-weight:100','font-extralight':'font-weight:200','font-light':'font-weight:300','font-normal':'font-weight:400','font-medium':'font-weight:500','font-semibold':'font-weight:600','font-bold':'font-weight:700','font-extrabold':'font-weight:800','font-black':'font-weight:900','text-transparent':'color:transparent','text-current':'color:currentColor','text-black':'color:#000','text-white':'color:#fff','text-gray-100':'color:#f7fafc','text-gray-200':'color:#edf2f7','text-gray-300':'color:#e2e8f0','text-gray-400':'color:#cbd5e0','text-gray-500':'color:#a0aec0','text-gray-600':'color:#718096','text-gray-700':'color:#4a5568','text-gray-800':'color:#2d3748','text-gray-900':'color:#1a202c','text-red-100':'color:#fff5f5','text-red-200':'color:#fed7d7','text-red-300':'color:#feb2b2','text-red-400':'color:#fc8181','text-red-500':'color:#f56565','text-red-600':'color:#e53e3e','text-red-700':'color:#c53030','text-red-800':'color:#9b2c2c','text-red-900':'color:#742a2a','text-orange-100':'color:#fffaf0','text-orange-200':'color:#feebc8','text-orange-300':'color:#fbd38d','text-orange-400':'color:#f6ad55','text-orange-500':'color:#ed8936','text-orange-600':'color:#dd6b20','text-orange-700':'color:#c05621','text-orange-800':'color:#9c4221','text-orange-900':'color:#7b341e','text-yellow-100':'color:#fffff0','text-yellow-200':'color:#fefcbf','text-yellow-300':'color:#faf089','text-yellow-400':'color:#f6e05e','text-yellow-500':'color:#ecc94b','text-yellow-600':'color:#d69e2e','text-yellow-700':'color:#b7791f','text-yellow-800':'color:#975a16','text-yellow-900':'color:#744210','text-green-100':'color:#f0fff4','text-green-200':'color:#c6f6d5','text-green-300':'color:#9ae6b4','text-green-400':'color:#68d391','text-green-500':'color:#48bb78','text-green-600':'color:#38a169','text-green-700':'color:#2f855a','text-green-800':'color:#276749','text-green-900':'color:#22543d','text-teal-100':'color:#e6fffa','text-teal-200':'color:#b2f5ea','text-teal-300':'color:#81e6d9','text-teal-400':'color:#4fd1c5','text-teal-500':'color:#38b2ac','text-teal-600':'color:#319795','text-teal-700':'color:#2c7a7b','text-teal-800':'color:#285e61','text-teal-900':'color:#234e52','text-blue-100':'color:#ebf8ff','text-blue-200':'color:#bee3f8','text-blue-300':'color:#90cdf4','text-blue-400':'color:#63b3ed','text-blue-500':'color:#4299e1','text-blue-600':'color:#3182ce','text-blue-700':'color:#2b6cb0','text-blue-800':'color:#2c5282','text-blue-900':'color:#2a4365','text-indigo-100':'color:#ebf4ff','text-indigo-200':'color:#c3dafe','text-indigo-300':'color:#a3bffa','text-indigo-400':'color:#7f9cf5','text-indigo-500':'color:#667eea','text-indigo-600':'color:#5a67d8','text-indigo-700':'color:#4c51bf','text-indigo-800':'color:#434190','text-indigo-900':'color:#3c366b','text-purple-100':'color:#faf5ff','text-purple-200':'color:#e9d8fd','text-purple-300':'color:#d6bcfa','text-purple-400':'color:#b794f6','text-purple-500':'color:#9f7aea','text-purple-600':'color:#805ad5','text-purple-700':'color:#6b46c1','text-purple-800':'color:#553c9a','text-purple-900':'color:#44337a','text-pink-100':'color:#fff5f7','text-pink-200':'color:#fed7e2','text-pink-300':'color:#fbb6ce','text-pink-400':'color:#f687b3','text-pink-500':'color:#ed64a6','text-pink-600':'color:#d53f8c','text-pink-700':'color:#b83280','text-pink-800':'color:#97266d','text-pink-900':'color:#702459','bg-transparent':'background-color:transparent','bg-current':'background-color:currentColor','bg-black':'background-color:#000','bg-white':'background-color:#fff','bg-gray-100':'background-color:#f7fafc','bg-gray-200':'background-color:#edf2f7','bg-gray-300':'background-color:#e2e8f0','bg-gray-400':'background-color:#cbd5e0','bg-gray-500':'background-color:#a0aec0','bg-gray-600':'background-color:#718096','bg-gray-700':'background-color:#4a5568','bg-gray-800':'background-color:#2d3748','bg-gray-900':'background-color:#1a202c','bg-red-100':'background-color:#fff5f5','bg-red-200':'background-color:#fed7d7','bg-red-300':'background-color:#feb2b2','bg-red-400':'background-color:#fc8181','bg-red-500':'background-color:#f56565','bg-red-600':'background-color:#e53e3e','bg-red-700':'background-color:#c53030','bg-red-800':'background-color:#9b2c2c','bg-red-900':'background-color:#742a2a','bg-orange-100':'background-color:#fffaf0','bg-orange-200':'background-color:#feebc8','bg-orange-300':'background-color:#fbd38d','bg-orange-400':'background-color:#f6ad55','bg-orange-500':'background-color:#ed8936','bg-orange-600':'background-color:#dd6b20','bg-orange-700':'background-color:#c05621','bg-orange-800':'background-color:#9c4221','bg-orange-900':'background-color:#7b341e','bg-yellow-100':'background-color:#fffff0','bg-yellow-200':'background-color:#fefcbf','bg-yellow-300':'background-color:#faf089','bg-yellow-400':'background-color:#f6e05e','bg-yellow-500':'background-color:#ecc94b','bg-yellow-600':'background-color:#d69e2e','bg-yellow-700':'background-color:#b7791f','bg-yellow-800':'background-color:#975a16','bg-yellow-900':'background-color:#744210','bg-green-100':'background-color:#f0fff4','bg-green-200':'background-color:#c6f6d5','bg-green-300':'background-color:#9ae6b4','bg-green-400':'background-color:#68d391','bg-green-500':'background-color:#48bb78','bg-green-600':'background-color:#38a169','bg-green-700':'background-color:#2f855a','bg-green-800':'background-color:#276749','bg-green-900':'background-color:#22543d','bg-teal-100':'background-color:#e6fffa','bg-teal-200':'background-color:#b2f5ea','bg-teal-300':'background-color:#81e6d9','bg-teal-400':'background-color:#4fd1c5','bg-teal-500':'background-color:#38b2ac','bg-teal-600':'background-color:#319795','bg-teal-700':'background-color:#2c7a7b','bg-teal-800':'background-color:#285e61','bg-teal-900':'background-color:#234e52','bg-blue-100':'background-color:#ebf8ff','bg-blue-200':'background-color:#bee3f8','bg-blue-300':'background-color:#90cdf4','bg-blue-400':'background-color:#63b3ed','bg-blue-500':'background-color:#4299e1','bg-blue-600':'background-color:#3182ce','bg-blue-700':'background-color:#2b6cb0','bg-blue-800':'background-color:#2c5282','bg-blue-900':'background-color:#2a4365','bg-indigo-100':'background-color:#ebf4ff','bg-indigo-200':'background-color:#c3dafe','bg-indigo-300':'background-color:#a3bffa','bg-indigo-400':'background-color:#7f9cf5','bg-indigo-500':'background-color:#667eea','bg-indigo-600':'background-color:#5a67d8','bg-indigo-700':'background-color:#4c51bf','bg-indigo-800':'background-color:#434190','bg-indigo-900':'background-color:#3c366b','bg-purple-100':'background-color:#faf5ff','bg-purple-200':'background-color:#e9d8fd','bg-purple-300':'background-color:#d6bcfa','bg-purple-400':'background-color:#b794f6','bg-purple-500':'background-color:#9f7aea','bg-purple-600':'background-color:#805ad5','bg-purple-700':'background-color:#6b46c1','bg-purple-800':'background-color:#553c9a','bg-purple-900':'background-color:#44337a','bg-pink-100':'background-color:#fff5f7','bg-pink-200':'background-color:#fed7e2','bg-pink-300':'background-color:#fbb6ce','bg-pink-400':'background-color:#f687b3','bg-pink-500':'background-color:#ed64a6','bg-pink-600':'background-color:#d53f8c','bg-pink-700':'background-color:#b83280','bg-pink-800':'background-color:#97266d','bg-pink-900':'background-color:#702459','border-0':'border-width:0','border-2':'border-width:2px','border-4':'border-width:4px','border-8':'border-width:8px','border':'border-width:1px','border-t-0':'border-top-width:0','border-r-0':'border-right-width:0','border-b-0':'border-bottom-width:0','border-l-0':'border-left-width:0','border-t-2':'border-top-width:2px','border-r-2':'border-right-width:2px','border-b-2':'border-bottom-width:2px','border-l-2':'border-left-width:2px','border-t-4':'border-top-width:4px','border-r-4':'border-right-width:4px','border-b-4':'border-bottom-width:4px','border-l-4':'border-left-width:4px','border-t-8':'border-top-width:8px','border-r-8':'border-right-width:8px','border-b-8':'border-bottom-width:8px','border-l-8':'border-left-width:8px','border-t':'border-top-width:1px','border-r':'border-right-width:1px','border-b':'border-bottom-width:1px','border-l':'border-left-width:1px','border-transparent':'border-color:transparent','border-current':'border-color:currentColor','border-black':'border-color:#000','border-white':'border-color:#fff','border-gray-100':'border-color:#f7fafc','border-gray-200':'border-color:#edf2f7','border-gray-300':'border-color:#e2e8f0','border-gray-400':'border-color:#cbd5e0','border-gray-500':'border-color:#a0aec0','border-gray-600':'border-color:#718096','border-gray-700':'border-color:#4a5568','border-gray-800':'border-color:#2d3748','border-gray-900':'border-color:#1a202c','border-red-100':'border-color:#fff5f5','border-red-200':'border-color:#fed7d7','border-red-300':'border-color:#feb2b2','border-red-400':'border-color:#fc8181','border-red-500':'border-color:#f56565','border-red-600':'border-color:#e53e3e','border-red-700':'border-color:#c53030','border-red-800':'border-color:#9b2c2c','border-red-900':'border-color:#742a2a','rounded-none':'border-radius:0','rounded-sm':'border-radius:0.125rem','rounded':'border-radius:0.25rem','rounded-md':'border-radius:0.375rem','rounded-lg':'border-radius:0.5rem','rounded-xl':'border-radius:0.75rem','rounded-2xl':'border-radius:1rem','rounded-3xl':'border-radius:1.5rem','rounded-full':'border-radius:9999px','rounded-t-none':'border-top-left-radius:0;border-top-right-radius:0','rounded-t-sm':'border-top-left-radius:0.125rem;border-top-right-radius:0.125rem','rounded-t':'border-top-left-radius:0.25rem;border-top-right-radius:0.25rem','rounded-t-md':'border-top-left-radius:0.375rem;border-top-right-radius:0.375rem','rounded-t-lg':'border-top-left-radius:0.5rem;border-top-right-radius:0.5rem','rounded-t-xl':'border-top-left-radius:0.75rem;border-top-right-radius:0.75rem','rounded-t-2xl':'border-top-left-radius:1rem;border-top-right-radius:1rem','rounded-t-3xl':'border-top-left-radius:1.5rem;border-top-right-radius:1.5rem','rounded-t-full':'border-top-left-radius:9999px;border-top-right-radius:9999px','block':'display:block','inline-block':'display:inline-block','inline':'display:inline','flex':'display:flex','inline-flex':'display:inline-flex','table':'display:table','table-row':'display:table-row','table-cell':'display:table-cell','grid':'display:grid','inline-grid':'display:inline-grid','hidden':'display:none','flex-row':'flex-direction:row','flex-row-reverse':'flex-direction:row-reverse','flex-col':'flex-direction:column','flex-col-reverse':'flex-direction:column-reverse','flex-wrap':'flex-wrap:wrap','flex-wrap-reverse':'flex-wrap:wrap-reverse','flex-nowrap':'flex-wrap:nowrap','items-start':'align-items:flex-start','items-end':'align-items:flex-end','items-center':'align-items:center','items-baseline':'align-items:baseline','items-stretch':'align-items:stretch','justify-start':'justify-content:flex-start','justify-end':'justify-content:flex-end','justify-center':'justify-content:center','justify-between':'justify-content:space-between','justify-around':'justify-content:space-around','justify-evenly':'justify-content:space-evenly','flex-1':'flex:1 1 0%','flex-auto':'flex:1 1 auto','flex-initial':'flex:none','flex-none':'flex:none','static':'position:static','fixed':'position:fixed','absolute':'position:absolute','relative':'position:relative','sticky':'position:sticky','top-0':'top:0','right-0':'right:0','bottom-0':'bottom:0','left-0':'left:0','top-auto':'top:auto','right-auto':'right:auto','bottom-auto':'bottom:auto','left-auto':'left:auto','shadow-sm':'box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)','shadow':'box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)','shadow-md':'box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)','shadow-lg':'box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)','shadow-xl':'box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)','shadow-2xl':'box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)','shadow-inner':'box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06)','shadow-none':'box-shadow:none','cursor-auto':'cursor:auto','cursor-default':'cursor:default','cursor-pointer':'cursor:pointer','cursor-wait':'cursor:wait','cursor-text':'cursor:text','cursor-move':'cursor:move','cursor-not-allowed':'cursor:not-allowed','cursor-crosshair':'cursor:crosshair','cursor-help':'cursor:help','cursor-zoom-in':'cursor:zoom-in','cursor-zoom-out':'cursor:zoom-out','cursor-grab':'cursor:grab','cursor-grabbing':'cursor:grabbing','transition-none':'transition-property:none','transition-all':'transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms','transition':'transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms','transition-colors':'transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms','transition-opacity':'transition-property:opacity;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms','transition-shadow':'transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms','transition-transform':'transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms','transform':'transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))','transform-gpu':'transform:translate3d(var(--tw-translate-x,0),var(--tw-translate-y,0),0) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))','transform-none':'transform:none','overflow-auto':'overflow:auto','overflow-hidden':'overflow:hidden','overflow-visible':'overflow:visible','overflow-scroll':'overflow:scroll','overflow-x-auto':'overflow-x:auto','overflow-y-auto':'overflow-y:auto','overflow-x-hidden':'overflow-x:hidden','overflow-y-hidden':'overflow-y:hidden','overflow-x-visible':'overflow-x:visible','overflow-y-visible':'overflow-y:visible','overflow-x-scroll':'overflow-x:scroll','overflow-y-scroll':'overflow-y:scroll','overflow-clip':'overflow:clip','overflow-x-clip':'overflow-x:clip','overflow-y-clip':'overflow-y:clip','z-0':'z-index:0','z-10':'z-index:10','z-20':'z-index:20','z-30':'z-index:30','z-40':'z-index:40','z-50':'z-index:50','z-auto':'z-index:auto','gap-0':'gap:0','gap-1':'gap:0.25rem','gap-2':'gap:0.5rem','gap-3':'gap:0.75rem','gap-4':'gap:1rem','gap-5':'gap:1.25rem','gap-6':'gap:1.5rem','gap-8':'gap:2rem','gap-10':'gap:2.5rem','gap-12':'gap:3rem','gap-16':'gap:4rem','gap-20':'gap:5rem','gap-24':'gap:6rem','gap-32':'gap:8rem','gap-40':'gap:10rem','gap-48':'gap:12rem','gap-56':'gap:14rem','gap-64':'gap:16rem','row-gap-0':'row-gap:0','row-gap-1':'row-gap:0.25rem','row-gap-2':'row-gap:0.5rem','row-gap-3':'row-gap:0.75rem','row-gap-4':'row-gap:1rem','row-gap-5':'row-gap:1.25rem','row-gap-6':'row-gap:1.5rem','row-gap-8':'row-gap:2rem','row-gap-10':'row-gap:2.5rem','row-gap-12':'row-gap:3rem','row-gap-16':'row-gap:4rem','row-gap-20':'row-gap:5rem','row-gap-24':'row-gap:6rem','row-gap-32':'row-gap:8rem','row-gap-40':'row-gap:10rem','row-gap-48':'row-gap:12rem','row-gap-56':'row-gap:14rem','row-gap-64':'row-gap:16rem','col-gap-0':'column-gap:0','col-gap-1':'column-gap:0.25rem','col-gap-2':'column-gap:0.5rem','col-gap-3':'column-gap:0.75rem','col-gap-4':'column-gap:1rem','col-gap-5':'column-gap:1.25rem','col-gap-6':'column-gap:1.5rem','col-gap-8':'column-gap:2rem','col-gap-10':'column-gap:2.5rem','col-gap-12':'column-gap:3rem','col-gap-16':'column-gap:4rem','col-gap-20':'column-gap:5rem','col-gap-24':'column-gap:6rem','col-gap-32':'column-gap:8rem','col-gap-40':'column-gap:10rem','col-gap-48':'column-gap:12rem','col-gap-56':'column-gap:14rem','col-gap-64':'column-gap:16rem','sm:block':'@media (min-width:640px){display:block !important;}','sm:inline':'@media (min-width:640px){display:inline !important;}','sm:flex':'@media (min-width:640px){display:flex !important;}','sm:hidden':'@media (min-width:640px){display:none !important;}','sm:text-left':'@media (min-width:640px){text-align:left !important;}','sm:text-center':'@media (min-width:640px){text-align:center !important;}','sm:text-right':'@media (min-width:640px){text-align:right !important;}','md:block':'@media (min-width:768px){display:block !important;}','md:inline':'@media (min-width:768px){display:inline !important;}','md:flex':'@media (min-width:768px){display:flex !important;}','md:hidden':'@media (min-width:768px){display:none !important;}','md:text-left':'@media (min-width:768px){text-align:left !important;}','md:text-center':'@media (min-width:768px){text-align:center !important;}','md:text-right':'@media (min-width:768px){text-align:right !important;}','lg:block':'@media (min-width:1024px){display:block !important;}','lg:inline':'@media (min-width:1024px){display:inline !important;}','lg:flex':'@media (min-width:1024px){display:flex !important;}','lg:hidden':'@media (min-width:1024px){display:none !important;}','lg:text-left':'@media (min-width:1024px){text-align:left !important;}','lg:text-center':'@media (min-width:1024px){text-align:center !important;}','lg:text-right':'@media (min-width:1024px){text-align:right !important;}','xl:block':'@media (min-width:1280px){display:block !important;}','xl:inline':'@media (min-width:1280px){display:inline !important;}','xl:flex':'@media (min-width:1280px){display:flex !important;}','xl:hidden':'@media (min-width:1280px){display:none !important;}','xl:text-left':'@media (min-width:1280px){text-align:left !important;}','xl:text-center':'@media (min-width:1280px){text-align:center !important;}','xl:text-right':'@media (min-width:1280px){text-align:right !important;}','2xl:block':'@media (min-width:1536px){display:block !important;}','2xl:inline':'@media (min-width:1536px){display:inline !important;}','2xl:flex':'@media (min-width:1536px){display:flex !important;}','2xl:hidden':'@media (min-width:1536px){display:none !important;}','2xl:text-left':'@media (min-width:1536px){text-align:left !important;}','2xl:text-center':'@media (min-width:1536px){text-align:center !important;}','2xl:text-right':'@media (min-width:1536px){text-align:right !important;}','dark:bg-black':'@media (prefers-color-scheme:dark){background-color:#000 !important;}','dark:bg-white':'@media (prefers-color-scheme:dark){background-color:#fff !important;}','dark:bg-gray-900':'@media (prefers-color-scheme:dark){background-color:#1a202c !important;}','dark:bg-gray-800':'@media (prefers-color-scheme:dark){background-color:#2d3748 !important;}','dark:bg-gray-700':'@media (prefers-color-scheme:dark){background-color:#4a5568 !important;}','dark:bg-gray-600':'@media (prefers-color-scheme:dark){background-color:#718096 !important;}','dark:text-black':'@media (prefers-color-scheme:dark){color:#000 !important;}','dark:text-white':'@media (prefers-color-scheme:dark){color:#fff !important;}','dark:text-gray-100':'@media (prefers-color-scheme:dark){color:#f7fafc !important;}','dark:text-gray-200':'@media (prefers-color-scheme:dark){color:#edf2f7 !important;}','dark:text-gray-300':'@media (prefers-color-scheme:dark){color:#e2e8f0 !important;}','dark:text-gray-400':'@media (prefers-color-scheme:dark){color:#cbd5e0 !important;}','dark-mode':'background-color:#1a202c;color:#f7fafc;','dark-mode .dark\\:bg-gray-800':'background-color:#2d3748;','dark-mode .dark\\:bg-gray-700':'background-color:#4a5568;','dark-mode .dark\\:text-white':'color:#fff;','dark-mode .dark\\:text-gray-200':'color:#edf2f7;'};this.animations = ` @keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}@keyframes slideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}@keyframes slideLeft{from{transform:translateX(100%);}to{transform:translateX(0);}}@keyframes slideRight{from{transform:translateX(-100%);}to{transform:translateX(0);}}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0;transform:scale3d(0.3,0.3,0.3);}20%{transform:scale3d(1.1,1.1,1.1);}40%{transform:scale3d(0.9,0.9,0.9);}60%{opacity:1;transform:scale3d(1.03,1.03,1.03);}80%{transform:scale3d(0.97,0.97,0.97);}to{transform:scale3d(1,1,1);}}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3,0.3,0.3);}50%{opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0);}to{opacity:1;transform:none;}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}to{opacity:1;transform:none;}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0);}to{opacity:1;transform:none;}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0);}to{opacity:1;transform:none;}}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0;}to{transform-origin:center;transform:none;opacity:1;}}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0;}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in;}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}to{transform:perspective(400px);}}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0;}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in;}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}to{transform:perspective(400px);}}@keyframes pulse{from{transform:scale3d(1,1,1);}50%{transform:scale3d(1.05,1.05,1.05);}to{transform:scale3d(1,1,1);}}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{transform:translate3d(0,-30px,0);}20%{transform:translate3d(0,0,0);}53%{transform:translate3d(0,-15px,0);}80%{transform:translate3d(0,0,0);}to{transform:translate3d(0,-4px,0);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes ping{75%,100%{transform:scale(2);opacity:0;}}@keyframes wiggle{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(3deg);}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0);}20%,80%{transform:translate3d(2px,0,0);}30%,50%,70%{transform:translate3d(-4px,0,0);}40%,60%{transform:translate3d(4px,0,0);}}@keyframes swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}to{transform:rotate(0deg);}}@keyframes tada{0%{transform:scale3d(1,1,1);}10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{transform:scale3d(1,1,1);}}@keyframes rubberBand{0%{transform:scale3d(1,1,1);}30%{transform:scale3d(1.25,0.75,1);}40%{transform:scale3d(0.75,1.25,1);}50%{transform:scale3d(1.15,0.85,1);}65%{transform:scale3d(0.95,1.05,1);}75%{transform:scale3d(1.05,0.95,1);}to{transform:scale3d(1,1,1);}}@keyframes jello{0%{transform:none;}11.1%{transform:skewX(-12.5deg) skewY(-12.5deg);}22.2%{transform:skewX(6.25deg) skewY(6.25deg);}33.3%{transform:skewX(-3.125deg) skewY(-3.125deg);}44.4%{transform:skewX(1.5625deg) skewY(1.5625deg);}55.5%{transform:skewX(-0.78125deg) skewY(-0.78125deg);}66.6%{transform:skewX(0.390625deg) skewY(0.390625deg);}77.7%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg);}88.8%{transform:skewX(0.09765625deg) skewY(0.09765625deg);}to{transform:none;}}@keyframes heartbeat{0%{transform:scale(1);}14%{transform:scale(1.3);}28%{transform:scale(1);}42%{transform:scale(1.3);}70%{transform:scale(1);}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeOutUp{from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(0,-100%,0);}}@keyframes fadeOutDown{from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(0,100%,0);}}@keyframes fadeOutLeft{from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(-100%,0,0);}}@keyframes fadeOutRight{from{opacity:1;transform:translate3d(0,0,0);}to{opacity:0;transform:translate3d(100%,0,0);}}@keyframes zoomOut{from{opacity:1;}50%{opacity:0;transform:scale3d(0.3,0.3,0.3);}to{opacity:0;}}@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}@keyframes slideDown{from{transform:translateY(-100%);}to{transform:translateY(0);}}@keyframes slideLeft{from{transform:translateX(100%);}to{transform:translateX(0);}}@keyframes slideRight{from{transform:translateX(-100%);}to{transform:translateX(0);}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{transform:translateY(0);}10%{transform:translateY(-20px);}30%{transform:translateY(-10px);}50%{transform:translateY(-5px);}70%{transform:translateY(-2.5px);}90%{transform:translateY(-1.25px);}}@keyframes zoomIn{from{transform:scale(0.9);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}@keyframes rotateIn{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes flipInX{from{transform:perspective(400px) rotateX(90deg);opacity:0;}to{transform:perspective(400px) rotateX(0deg);opacity:1;}}@keyframes flipInY{from{transform:perspective(400px) rotateY(90deg);opacity:0;}to{transform:perspective(400px) rotateY(0deg);opacity:1;}}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-30px);}60%{transform:translateY(-15px);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes ping{0%{transform:scale(1);opacity:1;}75%,100%{transform:scale(2);opacity:0;}}@keyframes wiggle{0%,100%{transform:rotate(-3deg);}50%{transform:rotate(3deg);}}@keyframes shake{0%,100%{transform:translateX(0);}10%,30%,50%,70%,90%{transform:translateX(-10px);}20%,40%,60%,80%{transform:translateX(10px);}}@keyframes swing{0%{transform:rotate(15deg);}10%{transform:rotate(-10deg);}20%{transform:rotate(5deg);}30%{transform:rotate(-5deg);}40%,100%{transform:rotate(0deg);}}@keyframes tada{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}}@keyframes rubberBand{0%{transform:scale(1);}30%{transform:scale(1.25) rotate(-5deg);}40%{transform:scale(0.75) rotate(3deg);}50%{transform:scale(1.15) rotate(-3deg);}65%{transform:scale(0.9) rotate(2deg);}75%{transform:scale(1.05) rotate(-1deg);}100%{transform:scale(1) rotate(0deg);}}@keyframes jello{0%{transform:scale(1,1) translate3d(0,0,0);}30%{transform:scale(1.25,0.75) translate3d(0,0,0);}40%{transform:scale(0.75,1.25) translate3d(0,0,0);}50%{transform:scale(1.15,0.85) translate3d(0,0,0);}65%{transform:scale(0.95,1.05) translate3d(0,0,0);}75%{transform:scale(1.05,0.95) translate3d(0,0,0);}100%{transform:scale(1,1) translate3d(0,0,0);}}@keyframes heartbeat{0%{transform:scale(1);}14%{transform:scale(1.3);}28%{transform:scale(1);}42%{transform:scale(1.3);}70%{transform:scale(1);}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeOutUp{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(-20px);}}@keyframes fadeOutDown{from{opacity:1;transform:translateY(0);}to{opacity:0;transform:translateY(20px);}}@keyframes fadeOutLeft{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(-20px);}}@keyframes fadeOutRight{from{opacity:1;transform:translateX(0);}to{opacity:0;transform:translateX(20px);}}@keyframes zoomOut{from{transform:scale(1);opacity:1;}to{transform:scale(0.9);opacity:0;}}@keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes slideDown{from{transform:translateY(-20px);opacity:0;}to{transform:translateY(0);opacity:1;}}@keyframes slideLeft{from{transform:translateX(20px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideRight{from{transform:translateX(-20px);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0;}50%{transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);opacity:1;}}@keyframes zoomIn{from{transform:scale(0.9);opacity:0;}to{transform:scale(1);opacity:1;}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes ping{0%{transform:scale(1);opacity:1;}75%,100%{transform:scale(2);opacity:0;}}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0);}to{opacity:1;transform:translate3d(0,0,0);}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0);}to{opacity:1;transform:translate3d(0,0,0);}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(100%,0,0);}to{opacity:1;transform:translate3d(0,0,0);}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(-100%,0,0);}to{opacity:1;transform:translate3d(0,0,0);}}@keyframes rotateIn{from{transform:rotate3d(0,0,1,-200deg);opacity:0;}to{transform:translate3d(0,0,0);opacity:1;}}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg);}to{transform:perspective(400px);}}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{transform:perspective(400px);}}@keyframes wiggle{0%{transform:rotate(0deg);}25%{transform:rotate(5deg);}50%{transform:rotate(-5deg);}75%{transform:rotate(3deg);}100%{transform:rotate(0deg);}}@keyframes shake{0%,100%{transform:translateX(0);}25%{transform:translateX(-5px);}75%{transform:translateX(5px);}}@keyframes swing{20%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}60%{transform:rotate(5deg);}80%{transform:rotate(-5deg);}100%{transform:rotate(0deg);}}@keyframes tada{0%{transform:scale(1);}10%,20%{transform:scale(0.9) rotate(-3deg);}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}40%,60%,80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}@keyframes rubberBand{0%{transform:scale(1);}30%{transform:scaleX(1.25) scaleY(0.75);}40%{transform:scaleX(0.75) scaleY(1.25);}50%{transform:scaleX(1.15) scaleY(0.85);}65%{transform:scaleX(0.95) scaleY(1.05);}75%{transform:scaleX(1.05) scaleY(0.95);}100%{transform:scale(1);}}@keyframes jello{0%,100%{transform:translate3d(0,0,0);}33%{transform:skewX(-12.5deg) skewY(-12.5deg);}66%{transform:skewX(6.25deg) skewY(6.25deg);}}@keyframes heartbeat{0%{transform:scale(1);}14%{transform:scale(1.3);}28%{transform:scale(1);}42%{transform:scale(1.3);}70%{transform:scale(1);}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeOutUp{from{opacity:1;}to{opacity:0;transform:translate3d(0,-100%,0);}}@keyframes fadeOutDown{from{opacity:1;}to{opacity:0;transform:translate3d(0,100%,0);}}@keyframes fadeOutLeft{from{opacity:1;}to{opacity:0;transform:translate3d(-100%,0,0);}}@keyframes fadeOutRight{from{opacity:1;}to{opacity:0;transform:translate3d(100%,0,0);}}@keyframes zoomOut{from{opacity:1;transform:scale3d(1,1,1);}50%{opacity:0;transform:scale3d(0.3,0.3,0.3);}to{opacity:0;}}.scar-\\:hover-pop:hover{transform:scale(1.05);}.scar-\\:hover-float:hover{transform:translateY(-5px);}.scar-\\:hover-glow:hover{box-shadow:0 0 15px rgba(0,0,0,0.3);}.scar-\\:hover-tilt:hover{transform:rotate(5deg);}`;this.styleCounter = 0;this.classMap = new Map();this.processedElements = new WeakSet();this.debugMode = false;this.init();}init(){this.addAnimations();if (document.readyState === 'loading'){document.addEventListener('DOMContentLoaded',() => this.processElements());}else{this.processElements();}this.observeDOM();}addAnimations(){if (!document.querySelector('#scarcss-animations')){const style = document.createElement('style');style.id = 'scarcss-animations';style.textContent = this.animations;document.head.appendChild(style);}}observeDOM(){const throttle = (func,limit) =>{let inThrottle;return function(){const args = arguments;const context = this;if (!inThrottle){func.apply(context,args);inThrottle = true;setTimeout(() => inThrottle = false,limit);}}};const processMutations = throttle((mutations) =>{mutations.forEach(mutation =>{mutation.addedNodes.forEach(node =>{if (node.nodeType === Node.ELEMENT_NODE){if (node.hasAttribute && (node.hasAttribute('@scar') \|\| node.hasAttribute('@action'))){this.processElement(node);}if (node.querySelectorAll){const elements = node.querySelectorAll('[\\@scar],[\\@action]');elements.forEach(el => this.processElement(el));}}});});},100);const observer = new MutationObserver(processMutations);observer.observe(document.body,{childList:true,subtree:true,attributes:false});}processElements(){const scarElements = document.querySelectorAll('[\\@scar]');scarElements.forEach(el => this.processScarElement(el));const actionElements = document.querySelectorAll('[\\@action]');actionElements.forEach(el => this.processActionElement(el));}processElement(element){if (this.processedElements.has(element)){return;}if (element.hasAttribute('@scar')){this.processScarElement(element);}if (element.hasAttribute('@action')){this.processActionElement(element);}this.processedElements.add(element);}processScarElement(element){if (this.processedElements.has(element)){return;}const scarValue = element.getAttribute('@scar');if (!scarValue) return;try{const classes = scarValue.trim().split(/\s+/);const styles =[];const hoverClasses =[];classes.forEach(cls =>{if (cls.startsWith('hover-')){hoverClasses.push(`scar-:${cls}`);}else if (this.utilityClasses[cls]){styles.push(this.utilityClasses[cls]);}else{this.logDebug(`Unknown utility class:${cls}`,element);}});if (styles.length > 0 \|\| hoverClasses.length > 0){const styleObj ={styles:styles.join(';')};this.applyStyles(element,styleObj);hoverClasses.forEach(cls => element.classList.add(cls));}this.processedElements.add(element);this.logDebug('Processed @scar element',{element,classes,styles,hoverClasses});}catch (e){console.error('Error parsing @scar attribute:',e);this.logDebug('Error parsing @scar attribute',{element,error:e});}}toKebabCase(str){return str.replace(/[A-Z]/g,match => `-${match.toLowerCase()}`);}generateClassName(styleObj){const styleString = JSON.stringify(styleObj);if (this.classMap.has(styleString)){return this.classMap.get(styleString);}const className = `scar-${this.styleCounter++}`;this.classMap.set(styleString,className);return className;}applyStyles(element,styleObj){const className = this.generateClassName(styleObj);if (!document.querySelector(`style[data-scar="${className}"]`)){this.createStyleRule(className,styleObj);}element.classList.add(className);}createStyleRule(className,styleObj){let cssText = `.${className}{${styleObj.styles};}`;const styleEl = document.createElement('style');styleEl.setAttribute('data-scar',className);styleEl.textContent = cssText;document.head.appendChild(styleEl);}processActionElement(element){if (this.processedElements.has(element)){return;}const actionValue = element.getAttribute('@action');if (!actionValue) return;try{const actionObj ={};const pairs = actionValue.trim().slice(1,-1).split(',');pairs.forEach(pair =>{const[key,value]= pair.split(':').map(s => s.trim());const cleanValue = value.replace(/^['"]\|['"]$/g,'');actionObj[key]= cleanValue;});for (const[action,value]of Object.entries(actionObj)){if (!this.validateAction(action)){continue;}switch (action){case 'alert':element.addEventListener('click',() => alert(value));break;case 'menuToggle':element.addEventListener('click',() => this.toggleMenu(value));break;case 'modalOpen':element.addEventListener('click',() => this.openModal(value));break;case 'modalClose':element.addEventListener('click',() => this.closeModal(value));break;case 'copyToClipboard':element.addEventListener('click',() => this.copyToClipboard(value));break;case 'toggleDarkMode':element.addEventListener('click',() => this.toggleDarkMode());break;case 'setDarkMode':element.addEventListener('click',() => this.setDarkMode(value === 'true'));break;default:if (typeof this[action]=== 'function'){element.addEventListener('click',() => this[action](value));}}}this.processedElements.add(element);this.logDebug('Processed @action element',{element,actions:actionObj});}catch (e){console.error('Error parsing @action attribute:',e);this.logDebug('Error parsing @action attribute',{element,error:e});}}toggleMenu(selector){const menu = document.querySelector(selector);if (menu){menu.classList.toggle('scar-menu-open');}}openModal(selector){const modal = document.querySelector(selector);if (modal){modal.style.display = 'block';let overlay = document.querySelector('.scar-modal-overlay');if (!overlay){overlay = document.createElement('div');overlay.className = 'scar-modal-overlay';overlay.style.cssText = ` position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;`;document.body.appendChild(overlay);overlay.addEventListener('click',() =>{this.closeModal(selector);});}overlay.style.display = 'block';}}closeModal(selector){const modal = document.querySelector(selector);if (modal){modal.style.display = 'none';}const overlay = document.querySelector('.scar-modal-overlay');if (overlay){overlay.style.display = 'none';}}copyToClipboard(text){navigator.clipboard.writeText(text).then(() =>{console.log('Text copied to clipboard');}).catch(err =>{console.error('Failed to copy:',err);});}toggleDarkMode(){document.body.classList.toggle('dark-mode');}setDarkMode(enabled){if (enabled){document.body.classList.add('dark-mode');}else{document.body.classList.remove('dark-mode');}}enableDebugMode(){this.debugMode = true;console.log('ScarCSS Debug Mode Enabled');}disableDebugMode(){this.debugMode = false;console.log('ScarCSS Debug Mode Disabled');}logDebug(message,data = null){if (this.debugMode){console.log(`[ScarCSS Debug]${message}`,data);}}getStats(){return{processedElements:this.processedElements.size \|\| 'Unknown',styleCounter:this.styleCounter,classMapSize:this.classMap.size};}validateUtilityClass(className){if (!this.utilityClasses[className]){this.logDebug(`Unknown utility class:${className}`);return false;}return true;}validateAction(actionName){const validActions =['alert','menuToggle','modalOpen','modalClose','copyToClipboard','toggleDarkMode','setDarkMode'];if (!validActions.includes(actionName) && typeof this[actionName]!== 'function'){this.logDebug(`Unknown action:${actionName}`);return false;}return true;}}const scarCSS = new ScarCSS();if (typeof module !== 'undefined' && module.exports){module.exports = ScarCSS;}if (typeof window !== 'undefined'){window.ScarCSS = ScarCSS;}
		class ScarCSS{constructor(){this.utilityClasses={"bg-magic":"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)","bg-fire":"background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)","bg-ocean":"background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)","bg-sunset":"background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)","bg-forest":"background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%)","bg-cosmic":"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)","bg-aurora":"background: linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%)","bg-lava":"background: linear-gradient(135deg, #f46b45 0%, #eea849 100%)","bg-neon":"background: linear-gradient(135deg, #12c2e9 0%, #c471ed 100%)","bg-rainbow":"background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%)","text-glow":"text-shadow: 0 0 10px rgba(0,0,0,0.3)","text-shadow":"text-shadow: 2px 2px 4px rgba(0,0,0,0.5)","text-3d":"text-shadow: 1px 1px 1px #999, 2px 2px 1px #888, 3px 3px 1px #777","text-neon":"text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6","text-retro":"text-shadow: 3px 3px 0 #000, 5px 5px 0 #000","text-embossed":"text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb","text-carved":"text-shadow: 0 1px 1px #fff, 0 -1px 1px #000","text-fire":"text-shadow: 0 0 10px #ff9a9e, 0 0 20px #ff9a9e, 0 0 30px #ff9a9e","border-glow":"border: 2px solid; border-image: linear-gradient(45deg, #f093fb, #f5576c) 1","border-neon":"border: 2px solid #00f2fe; box-shadow: 0 0 10px #00f2fe","border-dashed-bold":"border: 3px dashed #333","border-double-bold":"border: 6px double #333","border-rainbow":"border: 3px solid transparent; border-image: linear-gradient(45deg, #ff9a9e, #fecfef, #fecfef) 1","border-wave":"border: 2px solid; border-image: repeating-linear-gradient(45deg, #f093fb, #f5576c 10px, #f093fb 20px) 10","border-dashed-neon":"border: 2px dashed #00f2fe; box-shadow: 0 0 10px #00f2fe","border-gradient":"border: 3px solid transparent; border-image: linear-gradient(45deg, #667eea, #764ba2) 1","shape-circle":"border-radius: 50%","shape-blob":"border-radius: 40% 60% 70% 30% / 30% 30% 70% 70%","shape-star":"clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)","shape-heart":'clip-path: path("M10,30 A20,20,0,0,1,50,30 A20,20,0,0,1,90,30 Q90,60,50,90 Q10,60,10,30 Z")',"shape-triangle":"clip-path: polygon(50% 0%, 0% 100%, 100% 100%)","shape-hexagon":"clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)","shape-diamond":"clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)","shape-parallelogram":"clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)","animate-fade-in":"animation: fadeIn 0.5s ease-in","animate-slide-up":"animation: slideUp 0.5s ease-out","animate-slide-down":"animation: slideDown 0.5s ease-out","animate-slide-left":"animation: slideLeft 0.5s ease-out","animate-slide-right":"animation: slideRight 0.5s ease-out","animate-bounce-in":"animation: bounceIn 0.7s ease-out","animate-zoom-in":"animation: zoomIn 0.3s ease-out","animate-fade-in-up":"animation: fadeInUp 0.5s ease-out","animate-fade-in-down":"animation: fadeInDown 0.5s ease-out","animate-fade-in-left":"animation: fadeInLeft 0.5s ease-out","animate-fade-in-right":"animation: fadeInRight 0.5s ease-out","animate-rotate-in":"animation: rotateIn 0.5s ease-out","animate-flip-in-x":"animation: flipInX 0.7s ease-out","animate-flip-in-y":"animation: flipInY 0.7s ease-out","hover-pop":"transition: transform 0.2s ease; cursor: pointer","hover-float":"transition: transform 0.3s ease; cursor: pointer","hover-glow":"transition: box-shadow 0.3s ease; cursor: pointer","hover-tilt":"transition: transform 0.3s ease; cursor: pointer","animate-pulse":"animation: pulse 2s infinite","animate-bounce":"animation: bounce 1s infinite","animate-spin":"animation: spin 1s linear infinite","animate-ping":"animation: ping 1s cubic-bezier(0,0,0.2,1) infinite","animate-pulse-fast":"animation: pulse 0.5s infinite","animate-wiggle":"animation: wiggle 1s ease-in-out infinite","animate-shake":"animation: shake 0.5s ease-in-out infinite","animate-swing":"animation: swing 1s ease-in-out infinite","animate-tada":"animation: tada 1s ease-in-out infinite","animate-rubber-band":"animation: rubberBand 1s ease-in-out infinite","animate-jello":"animation: jello 1s ease-in-out infinite","animate-heartbeat":"animation: heartbeat 1.5s ease-in-out infinite","animate-fade-out":"animation: fadeOut 0.5s ease-out","animate-fade-out-up":"animation: fadeOutUp 0.5s ease-out","animate-fade-out-down":"animation: fadeOutDown 0.5s ease-out","animate-fade-out-left":"animation: fadeOutLeft 0.5s ease-out","animate-fade-out-right":"animation: fadeOutRight 0.5s ease-out","animate-zoom-out":"animation: zoomOut 0.3s ease-out","shadow-soft":"box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08)","shadow-hard":"box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08)","shadow-xl":"box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04)","shadow-inner":"box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06)","shadow-outline":"box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5)","filter-blur-sm":"filter: blur(4px)","filter-blur":"filter: blur(8px)","filter-blur-lg":"filter: blur(16px)","filter-brightness-110":"filter: brightness(1.1)","filter-brightness-90":"filter: brightness(0.9)","filter-contrast-125":"filter: contrast(1.25)","filter-saturate-150":"filter: saturate(1.5)","filter-sepia":"filter: sepia(100%)","filter-invert":"filter: invert(100%)","filter-hue-rotate-90":"filter: hue-rotate(90deg)","filter-hue-rotate-180":"filter: hue-rotate(180deg)","filter-grayscale":"filter: grayscale(100%)","filter-drop-shadow":"filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.5))","filter-glow":"filter: drop-shadow(0 0 10px rgba(255,255,255,0.8))","transform-scale-90":"transform: scale(0.9)","transform-scale-95":"transform: scale(0.95)","transform-scale-105":"transform: scale(1.05)","transform-scale-110":"transform: scale(1.1)","transform-rotate-5":"transform: rotate(5deg)","transform-rotate-10":"transform: rotate(10deg)","transform-rotate-45":"transform: rotate(45deg)","transform-rotate-90":"transform: rotate(90deg)","transform-skew-x-5":"transform: skewX(5deg)","transform-skew-x-10":"transform: skewX(10deg)","transform-skew-y-5":"transform: skewY(5deg)","transform-skew-y-10":"transform: skewY(10deg)","transform-flip-x":"transform: scaleX(-1)","transform-flip-y":"transform: scaleY(-1)","transform-3d":"transform: perspective(1000px) rotateY(15deg)","p-0":"padding:0","p-1":"padding:0.25rem","p-2":"padding:0.5rem","p-3":"padding:0.75rem","p-4":"padding:1rem","p-5":"padding:1.25rem","p-6":"padding:1.5rem","p-8":"padding:2rem","p-10":"padding:2.5rem","p-12":"padding:3rem","p-16":"padding:4rem","p-20":"padding:5rem","p-24":"padding:6rem","p-32":"padding:8rem","p-40":"padding:10rem","p-48":"padding:12rem","p-56":"padding:14rem","p-64":"padding:16rem","px-0":"padding-left:0;padding-right:0","px-1":"padding-left:0.25rem;padding-right:0.25rem","px-2":"padding-left:0.5rem;padding-right:0.5rem","px-3":"padding-left:0.75rem;padding-right:0.75rem","px-4":"padding-left:1rem;padding-right:1rem","px-5":"padding-left:1.25rem;padding-right:1.25rem","px-6":"padding-left:1.5rem;padding-right:1.5rem","px-8":"padding-left:2rem;padding-right:2rem","py-0":"padding-top:0;padding-bottom:0","py-1":"padding-top:0.25rem;padding-bottom:0.25rem","py-2":"padding-top:0.5rem;padding-bottom:0.5rem","py-3":"padding-top:0.75rem;padding-bottom:0.75rem","py-4":"padding-top:1rem;padding-bottom:1rem","py-5":"padding-top:1.25rem;padding-bottom:1.25rem","py-6":"padding-top:1.5rem;padding-bottom:1.5rem","py-8":"padding-top:2rem;padding-bottom:2rem","m-0":"margin:0","m-1":"margin:0.25rem","m-2":"margin:0.5rem","m-3":"margin:0.75rem","m-4":"margin:1rem","m-5":"margin:1.25rem","m-6":"margin:1.5rem","m-8":"margin:2rem","m-10":"margin:2.5rem","m-12":"margin:3rem","m-16":"margin:4rem","m-20":"margin:5rem","m-24":"margin:6rem","m-32":"margin:8rem","m-40":"margin:10rem","m-48":"margin:12rem","m-56":"margin:14rem","m-64":"margin:16rem","mx-0":"margin-left:0;margin-right:0","mx-1":"margin-left:0.25rem;margin-right:0.25rem","mx-2":"margin-left:0.5rem;margin-right:0.5rem","mx-3":"margin-left:0.75rem;margin-right:0.75rem","mx-4":"margin-left:1rem;margin-right:1rem","mx-5":"margin-left:1.25rem;margin-right:1.25rem","mx-6":"margin-left:1.5rem;margin-right:1.5rem","mx-8":"margin-left:2rem;margin-right:2rem","mx-auto":"margin-left:auto;margin-right:auto","my-0":"margin-top:0;margin-bottom:0","my-1":"margin-top:0.25rem;margin-bottom:0.25rem","my-2":"margin-top:0.5rem;margin-bottom:0.5rem","my-3":"margin-top:0.75rem;margin-bottom:0.75rem","my-4":"margin-top:1rem;margin-bottom:1rem","my-5":"margin-top:1.25rem;margin-bottom:1.25rem","my-6":"margin-top:1.5rem;margin-bottom:1.5rem","my-8":"margin-top:2rem;margin-bottom:2rem","w-0":"width:0","w-1":"width:0.25rem","w-2":"width:0.5rem","w-3":"width:0.75rem","w-4":"width:1rem","w-5":"width:1.25rem","w-6":"width:1.5rem","w-8":"width:2rem","w-10":"width:2.5rem","w-12":"width:3rem","w-16":"width:4rem","w-20":"width:5rem","w-24":"width:6rem","w-32":"width:8rem","w-40":"width:10rem","w-48":"width:12rem","w-56":"width:14rem","w-64":"width:16rem","w-auto":"width:auto","w-px":"width:1px","w-1/2":"width:50%","w-1/3":"width:33.333333%","w-2/3":"width:66.666667%","w-1/4":"width:25%","w-2/4":"width:50%","w-3/4":"width:75%","w-1/5":"width:20%","w-2/5":"width:40%","w-3/5":"width:60%","w-4/5":"width:80%","w-1/6":"width:16.666667%","w-2/6":"width:33.333333%","w-3/6":"width:50%","w-4/6":"width:66.666667%","w-5/6":"width:83.333333%","w-full":"width:100%","w-screen":"width:100vw","h-0":"height:0","h-1":"height:0.25rem","h-2":"height:0.5rem","h-3":"height:0.75rem","h-4":"height:1rem","h-5":"height:1.25rem","h-6":"height:1.5rem","h-8":"height:2rem","h-10":"height:2.5rem","h-12":"height:3rem","h-16":"height:4rem","h-20":"height:5rem","h-24":"height:6rem","h-32":"height:8rem","h-40":"height:10rem","h-48":"height:12rem","h-56":"height:14rem","h-64":"height:16rem","h-auto":"height:auto","h-px":"height:1px","h-full":"height:100%","h-screen":"height:100vh","text-xs":"font-size:0.75rem","text-sm":"font-size:0.875rem","text-base":"font-size:1rem","text-lg":"font-size:1.125rem","text-xl":"font-size:1.25rem","text-2xl":"font-size:1.5rem","text-3xl":"font-size:1.875rem","text-4xl":"font-size:2.25rem","text-5xl":"font-size:3rem","text-6xl":"font-size:4rem","font-thin":"font-weight:100","font-extralight":"font-weight:200","font-light":"font-weight:300","font-normal":"font-weight:400","font-medium":"font-weight:500","font-semibold":"font-weight:600","font-bold":"font-weight:700","font-extrabold":"font-weight:800","font-black":"font-weight:900","text-transparent":"color:transparent","text-current":"color:currentColor","text-black":"color:#000","text-white":"color:#fff","text-gray-100":"color:#f7fafc","text-gray-200":"color:#edf2f7","text-gray-300":"color:#e2e8f0","text-gray-400":"color:#cbd5e0","text-gray-500":"color:#a0aec0","text-gray-600":"color:#718096","text-gray-700":"color:#4a5568","text-gray-800":"color:#2d3748","text-gray-900":"color:#1a202c","text-red-100":"color:#fff5f5","text-red-200":"color:#fed7d7","text-red-300":"color:#feb2b2","text-red-400":"color:#fc8181","text-red-500":"color:#f56565","text-red-600":"color:#e53e3e","text-red-700":"color:#c53030","text-red-800":"color:#9b2c2c","text-red-900":"color:#742a2a","text-orange-100":"color:#fffaf0","text-orange-200":"color:#feebc8","text-orange-300":"color:#fbd38d","text-orange-400":"color:#f6ad55","text-orange-500":"color:#ed8936","text-orange-600":"color:#dd6b20","text-orange-700":"color:#c05621","text-orange-800":"color:#9c4221","text-orange-900":"color:#7b341e","text-yellow-100":"color:#fffff0","text-yellow-200":"color:#fefcbf","text-yellow-300":"color:#faf089","text-yellow-400":"color:#f6e05e","text-yellow-500":"color:#ecc94b","text-yellow-600":"color:#d69e2e","text-yellow-700":"color:#b7791f","text-yellow-800":"color:#975a16","text-yellow-900":"color:#744210","text-green-100":"color:#f0fff4","text-green-200":"color:#c6f6d5","text-green-300":"color:#9ae6b4","text-green-400":"color:#68d391","text-green-500":"color:#48bb78","text-green-600":"color:#38a169","text-green-700":"color:#2f855a","text-green-800":"color:#276749","text-green-900":"color:#22543d","text-teal-100":"color:#e6fffa","text-teal-200":"color:#b2f5ea","text-teal-300":"color:#81e6d9","text-teal-400":"color:#4fd1c5","text-teal-500":"color:#38b2ac","text-teal-600":"color:#319795","text-teal-700":"color:#2c7a7b","text-teal-800":"color:#285e61","text-teal-900":"color:#234e52","text-blue-100":"color:#ebf8ff","text-blue-200":"color:#bee3f8","text-blue-300":"color:#90cdf4","text-blue-400":"color:#63b3ed","text-blue-500":"color:#4299e1","text-blue-600":"color:#3182ce","text-blue-700":"color:#2b6cb0","text-blue-800":"color:#2c5282","text-blue-900":"color:#2a4365","text-indigo-100":"color:#ebf4ff","text-indigo-200":"color:#c3dafe","text-indigo-300":"color:#a3bffa","text-indigo-400":"color:#7f9cf5","text-indigo-500":"color:#667eea","text-indigo-600":"color:#5a67d8","text-indigo-700":"color:#4c51bf","text-indigo-800":"color:#434190","text-indigo-900":"color:#3c366b","text-purple-100":"color:#faf5ff","text-purple-200":"color:#e9d8fd","text-purple-300":"color:#d6bcfa","text-purple-400":"color:#b794f6","text-purple-500":"color:#9f7aea","text-purple-600":"color:#805ad5","text-purple-700":"color:#6b46c1","text-purple-800":"color:#553c9a","text-purple-900":"color:#44337a","text-pink-100":"color:#fff5f7","text-pink-200":"color:#fed7e2","text-pink-300":"color:#fbb6ce","text-pink-400":"color:#f687b3","text-pink-500":"color:#ed64a6","text-pink-600":"color:#d53f8c","text-pink-700":"color:#b83280","text-pink-800":"color:#97266d","text-pink-900":"color:#702459","bg-transparent":"background-color:transparent","bg-current":"background-color:currentColor","bg-black":"background-color:#000","bg-white":"background-color:#fff","bg-gray-100":"background-color:#f7fafc","bg-gray-200":"background-color:#edf2f7","bg-gray-300":"background-color:#e2e8f0","bg-gray-400":"background-color:#cbd5e0","bg-gray-500":"background-color:#a0aec0","bg-gray-600":"background-color:#718096","bg-gray-700":"background-color:#4a5568","bg-gray-800":"background-color:#2d3748","bg-gray-900":"background-color:#1a202c","bg-red-100":"background-color:#fff5f5","bg-red-200":"background-color:#fed7d7","bg-red-300":"background-color:#feb2b2","bg-red-400":"background-color:#fc8181","bg-red-500":"background-color:#f56565","bg-red-600":"background-color:#e53e3e","bg-red-700":"background-color:#c53030","bg-red-800":"background-color:#9b2c2c","bg-red-900":"background-color:#742a2a","bg-orange-100":"background-color:#fffaf0","bg-orange-200":"background-color:#feebc8","bg-orange-300":"background-color:#fbd38d","bg-orange-400":"background-color:#f6ad55","bg-orange-500":"background-color:#ed8936","bg-orange-600":"background-color:#dd6b20","bg-orange-700":"background-color:#c05621","bg-orange-800":"background-color:#9c4221","bg-orange-900":"background-color:#7b341e","bg-yellow-100":"background-color:#fffff0","bg-yellow-200":"background-color:#fefcbf","bg-yellow-300":"background-color:#faf089","bg-yellow-400":"background-color:#f6e05e","bg-yellow-500":"background-color:#ecc94b","bg-yellow-600":"background-color:#d69e2e","bg-yellow-700":"background-color:#b7791f","bg-yellow-800":"background-color:#975a16","bg-yellow-900":"background-color:#744210","bg-green-100":"background-color:#f0fff4","bg-green-200":"background-color:#c6f6d5","bg-green-300":"background-color:#9ae6b4","bg-green-400":"background-color:#68d391","bg-green-500":"background-color:#48bb78","bg-green-600":"background-color:#38a169","bg-green-700":"background-color:#2f855a","bg-green-800":"background-color:#276749","bg-green-900":"background-color:#22543d","bg-teal-100":"background-color:#e6fffa","bg-teal-200":"background-color:#b2f5ea","bg-teal-300":"background-color:#81e6d9","bg-teal-400":"background-color:#4fd1c5","bg-teal-500":"background-color:#38b2ac","bg-teal-600":"background-color:#319795","bg-teal-700":"background-color:#2c7a7b","bg-teal-800":"background-color:#285e61","bg-teal-900":"background-color:#234e52","bg-blue-100":"background-color:#ebf8ff","bg-blue-200":"background-color:#bee3f8","bg-blue-300":"background-color:#90cdf4","bg-blue-400":"background-color:#63b3ed","bg-blue-500":"background-color:#4299e1","bg-blue-600":"background-color:#3182ce","bg-blue-700":"background-color:#2b6cb0","bg-blue-800":"background-color:#2c5282","bg-blue-900":"background-color:#2a4365","bg-indigo-100":"background-color:#ebf4ff","bg-indigo-200":"background-color:#c3dafe","bg-indigo-300":"background-color:#a3bffa","bg-indigo-400":"background-color:#7f9cf5","bg-indigo-500":"background-color:#667eea","bg-indigo-600":"background-color:#5a67d8","bg-indigo-700":"background-color:#4c51bf","bg-indigo-800":"background-color:#434190","bg-indigo-900":"background-color:#3c366b","bg-purple-100":"background-color:#faf5ff","bg-purple-200":"background-color:#e9d8fd","bg-purple-300":"background-color:#d6bcfa","bg-purple-400":"background-color:#b794f6","bg-purple-500":"background-color:#9f7aea","bg-purple-600":"background-color:#805ad5","bg-purple-700":"background-color:#6b46c1","bg-purple-800":"background-color:#553c9a","bg-purple-900":"background-color:#44337a","bg-pink-100":"background-color:#fff5f7","bg-pink-200":"background-color:#fed7e2","bg-pink-300":"background-color:#fbb6ce","bg-pink-400":"background-color:#f687b3","bg-pink-500":"background-color:#ed64a6","bg-pink-600":"background-color:#d53f8c","bg-pink-700":"background-color:#b83280","bg-pink-800":"background-color:#97266d","bg-pink-900":"background-color:#702459","border-0":"border-width:0","border-2":"border-width:2px","border-4":"border-width:4px","border-8":"border-width:8px",border:"border-width:1px","border-t-0":"border-top-width:0","border-r-0":"border-right-width:0","border-b-0":"border-bottom-width:0","border-l-0":"border-left-width:0","border-t-2":"border-top-width:2px","border-r-2":"border-right-width:2px","border-b-2":"border-bottom-width:2px","border-l-2":"border-left-width:2px","border-t-4":"border-top-width:4px","border-r-4":"border-right-width:4px","border-b-4":"border-bottom-width:4px","border-l-4":"border-left-width:4px","border-t-8":"border-top-width:8px","border-r-8":"border-right-width:8px","border-b-8":"border-bottom-width:8px","border-l-8":"border-left-width:8px","border-t":"border-top-width:1px","border-r":"border-right-width:1px","border-b":"border-bottom-width:1px","border-l":"border-left-width:1px","border-transparent":"border-color:transparent","border-current":"border-color:currentColor","border-black":"border-color:#000","border-white":"border-color:#fff","border-gray-100":"border-color:#f7fafc","border-gray-200":"border-color:#edf2f7","border-gray-300":"border-color:#e2e8f0","border-gray-400":"border-color:#cbd5e0","border-gray-500":"border-color:#a0aec0","border-gray-600":"border-color:#718096","border-gray-700":"border-color:#4a5568","border-gray-800":"border-color:#2d3748","border-gray-900":"border-color:#1a202c","border-red-100":"border-color:#fff5f5","border-red-200":"border-color:#fed7d7","border-red-300":"border-color:#feb2b2","border-red-400":"border-color:#fc8181","border-red-500":"border-color:#f56565","border-red-600":"border-color:#e53e3e","border-red-700":"border-color:#c53030","border-red-800":"border-color:#9b2c2c","border-red-900":"border-color:#742a2a","rounded-none":"border-radius:0","rounded-sm":"border-radius:0.125rem",rounded:"border-radius:0.25rem","rounded-md":"border-radius:0.375rem","rounded-lg":"border-radius:0.5rem","rounded-xl":"border-radius:0.75rem","rounded-2xl":"border-radius:1rem","rounded-3xl":"border-radius:1.5rem","rounded-full":"border-radius:9999px","rounded-t-none":"border-top-left-radius:0;border-top-right-radius:0","rounded-t-sm":"border-top-left-radius:0.125rem;border-top-right-radius:0.125rem","rounded-t":"border-top-left-radius:0.25rem;border-top-right-radius:0.25rem","rounded-t-md":"border-top-left-radius:0.375rem;border-top-right-radius:0.375rem","rounded-t-lg":"border-top-left-radius:0.5rem;border-top-right-radius:0.5rem","rounded-t-xl":"border-top-left-radius:0.75rem;border-top-right-radius:0.75rem","rounded-t-2xl":"border-top-left-radius:1rem;border-top-right-radius:1rem","rounded-t-3xl":"border-top-left-radius:1.5rem;border-top-right-radius:1.5rem","rounded-t-full":"border-top-left-radius:9999px;border-top-right-radius:9999px",block:"display:block","inline-block":"display:inline-block",inline:"display:inline",flex:"display:flex","inline-flex":"display:inline-flex",table:"display:table","table-row":"display:table-row","table-cell":"display:table-cell",grid:"display:grid","inline-grid":"display:inline-grid",hidden:"display:none","flex-row":"flex-direction:row","flex-row-reverse":"flex-direction:row-reverse","flex-col":"flex-direction:column","flex-col-reverse":"flex-direction:column-reverse","flex-wrap":"flex-wrap:wrap","flex-wrap-reverse":"flex-wrap:wrap-reverse","flex-nowrap":"flex-wrap:nowrap","items-start":"align-items:flex-start","items-end":"align-items:flex-end","items-center":"align-items:center","items-baseline":"align-items:baseline","items-stretch":"align-items:stretch","justify-start":"justify-content:flex-start","justify-end":"justify-content:flex-end","justify-center":"justify-content:center","justify-between":"justify-content:space-between","justify-around":"justify-content:space-around","justify-evenly":"justify-content:space-evenly","flex-1":"flex:1 1 0%","flex-auto":"flex:1 1 auto","flex-initial":"flex:none","flex-none":"flex:none",static:"position:static",fixed:"position:fixed",absolute:"position:absolute",relative:"position:relative",sticky:"position:sticky","top-0":"top:0","right-0":"right:0","bottom-0":"bottom:0","left-0":"left:0","top-auto":"top:auto","right-auto":"right:auto","bottom-auto":"bottom:auto","left-auto":"left:auto","shadow-sm":"box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)",shadow:"box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)","shadow-md":"box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)","shadow-lg":"box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)","shadow-xl":"box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)","shadow-2xl":"box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25)","shadow-inner":"box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)","shadow-none":"box-shadow:none","cursor-auto":"cursor:auto","cursor-default":"cursor:default","cursor-pointer":"cursor:pointer","cursor-wait":"cursor:wait","cursor-text":"cursor:text","cursor-move":"cursor:move","cursor-not-allowed":"cursor:not-allowed","cursor-crosshair":"cursor:crosshair","cursor-help":"cursor:help","cursor-zoom-in":"cursor:zoom-in","cursor-zoom-out":"cursor:zoom-out","cursor-grab":"cursor:grab","cursor-grabbing":"cursor:grabbing","transition-none":"transition-property:none","transition-all":"transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",transition:"transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms","transition-colors":"transition-property:background-color, border-color, color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms","transition-opacity":"transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms","transition-shadow":"transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms","transition-transform":"transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms",transform:"transform:translateX(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))","transform-gpu":"transform:translate3d(var(--tw-translate-x, 0), var(--tw-translate-y, 0), 0) rotate(var(--tw-rotate, 0)) skewX(var(--tw-skew-x, 0)) skewY(var(--tw-skew-y, 0)) scaleX(var(--tw-scale-x, 1)) scaleY(var(--tw-scale-y, 1))","transform-none":"transform:none","overflow-auto":"overflow:auto","overflow-hidden":"overflow:hidden","overflow-visible":"overflow:visible","overflow-scroll":"overflow:scroll","overflow-x-auto":"overflow-x:auto","overflow-y-auto":"overflow-y:auto","overflow-x-hidden":"overflow-x:hidden","overflow-y-hidden":"overflow-y:hidden","overflow-x-visible":"overflow-x:visible","overflow-y-visible":"overflow-y:visible","overflow-x-scroll":"overflow-x:scroll","overflow-y-scroll":"overflow-y:scroll","overflow-clip":"overflow:clip","overflow-x-clip":"overflow-x:clip","overflow-y-clip":"overflow-y:clip","z-0":"z-index:0","z-10":"z-index:10","z-20":"z-index:20","z-30":"z-index:30","z-40":"z-index:40","z-50":"z-index:50","z-auto":"z-index:auto","gap-0":"gap:0","gap-1":"gap:0.25rem","gap-2":"gap:0.5rem","gap-3":"gap:0.75rem","gap-4":"gap:1rem","gap-5":"gap:1.25rem","gap-6":"gap:1.5rem","gap-8":"gap:2rem","gap-10":"gap:2.5rem","gap-12":"gap:3rem","gap-16":"gap:4rem","gap-20":"gap:5rem","gap-24":"gap:6rem","gap-32":"gap:8rem","gap-40":"gap:10rem","gap-48":"gap:12rem","gap-56":"gap:14rem","gap-64":"gap:16rem","row-gap-0":"row-gap:0","row-gap-1":"row-gap:0.25rem","row-gap-2":"row-gap:0.5rem","row-gap-3":"row-gap:0.75rem","row-gap-4":"row-gap:1rem","row-gap-5":"row-gap:1.25rem","row-gap-6":"row-gap:1.5rem","row-gap-8":"row-gap:2rem","row-gap-10":"row-gap:2.5rem","row-gap-12":"row-gap:3rem","row-gap-16":"row-gap:4rem","row-gap-20":"row-gap:5rem","row-gap-24":"row-gap:6rem","row-gap-32":"row-gap:8rem","row-gap-40":"row-gap:10rem","row-gap-48":"row-gap:12rem","row-gap-56":"row-gap:14rem","row-gap-64":"row-gap:16rem","col-gap-0":"column-gap:0","col-gap-1":"column-gap:0.25rem","col-gap-2":"column-gap:0.5rem","col-gap-3":"column-gap:0.75rem","col-gap-4":"column-gap:1rem","col-gap-5":"column-gap:1.25rem","col-gap-6":"column-gap:1.5rem","col-gap-8":"column-gap:2rem","col-gap-10":"column-gap:2.5rem","col-gap-12":"column-gap:3rem","col-gap-16":"column-gap:4rem","col-gap-20":"column-gap:5rem","col-gap-24":"column-gap:6rem","col-gap-32":"column-gap:8rem","col-gap-40":"column-gap:10rem","col-gap-48":"column-gap:12rem","col-gap-56":"column-gap:14rem","col-gap-64":"column-gap:16rem","sm:block":"@media (min-width: 640px) { display: block !important; }","sm:inline":"@media (min-width: 640px) { display: inline !important; }","sm:flex":"@media (min-width: 640px) { display: flex !important; }","sm:hidden":"@media (min-width: 640px) { display: none !important; }","sm:text-left":"@media (min-width: 640px) { text-align: left !important; }","sm:text-center":"@media (min-width: 640px) { text-align: center !important; }","sm:text-right":"@media (min-width: 640px) { text-align: right !important; }","md:block":"@media (min-width: 768px) { display: block !important; }","md:inline":"@media (min-width: 768px) { display: inline !important; }","md:flex":"@media (min-width: 768px) { display: flex !important; }","md:hidden":"@media (min-width: 768px) { display: none !important; }","md:text-left":"@media (min-width: 768px) { text-align: left !important; }","md:text-center":"@media (min-width: 768px) { text-align: center !important; }","md:text-right":"@media (min-width: 768px) { text-align: right !important; }","lg:block":"@media (min-width: 1024px) { display: block !important; }","lg:inline":"@media (min-width: 1024px) { display: inline !important; }","lg:flex":"@media (min-width: 1024px) { display: flex !important; }","lg:hidden":"@media (min-width: 1024px) { display: none !important; }","lg:text-left":"@media (min-width: 1024px) { text-align: left !important; }","lg:text-center":"@media (min-width: 1024px) { text-align: center !important; }","lg:text-right":"@media (min-width: 1024px) { text-align: right !important; }","xl:block":"@media (min-width: 1280px) { display: block !important; }","xl:inline":"@media (min-width: 1280px) { display: inline !important; }","xl:flex":"@media (min-width: 1280px) { display: flex !important; }","xl:hidden":"@media (min-width: 1280px) { display: none !important; }","xl:text-left":"@media (min-width: 1280px) { text-align: left !important; }","xl:text-center":"@media (min-width: 1280px) { text-align: center !important; }","xl:text-right":"@media (min-width: 1280px) { text-align: right !important; }","2xl:block":"@media (min-width: 1536px) { display: block !important; }","2xl:inline":"@media (min-width: 1536px) { display: inline !important; }","2xl:flex":"@media (min-width: 1536px) { display: flex !important; }","2xl:hidden":"@media (min-width: 1536px) { display: none !important; }","2xl:text-left":"@media (min-width: 1536px) { text-align: left !important; }","2xl:text-center":"@media (min-width: 1536px) { text-align: center !important; }","2xl:text-right":"@media (min-width: 1536px) { text-align: right !important; }","dark:bg-black":"@media (prefers-color-scheme: dark) { background-color: #000 !important; }","dark:bg-white":"@media (prefers-color-scheme: dark) { background-color: #fff !important; }","dark:bg-gray-900":"@media (prefers-color-scheme: dark) { background-color: #1a202c !important; }","dark:bg-gray-800":"@media (prefers-color-scheme: dark) { background-color: #2d3748 !important; }","dark:bg-gray-700":"@media (prefers-color-scheme: dark) { background-color: #4a5568 !important; }","dark:bg-gray-600":"@media (prefers-color-scheme: dark) { background-color: #718096 !important; }","dark:text-black":"@media (prefers-color-scheme: dark) { color: #000 !important; }","dark:text-white":"@media (prefers-color-scheme: dark) { color: #fff !important; }","dark:text-gray-100":"@media (prefers-color-scheme: dark) { color: #f7fafc !important; }","dark:text-gray-200":"@media (prefers-color-scheme: dark) { color: #edf2f7 !important; }","dark:text-gray-300":"@media (prefers-color-scheme: dark) { color: #e2e8f0 !important; }","dark:text-gray-400":"@media (prefers-color-scheme: dark) { color: #cbd5e0 !important; }","dark-mode":"background-color: #1a202c; color: #f7fafc;","dark-mode .dark\\:bg-gray-800":"background-color: #2d3748;","dark-mode .dark\\:bg-gray-700":"background-color: #4a5568;","dark-mode .dark\\:text-white":"color: #fff;","dark-mode .dark\\:text-gray-200":"color: #edf2f7;"},this.animations="\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideDown {\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideLeft {\n from { transform: translateX(100%); }\n to { transform: translateX(0); }\n }\n @keyframes slideRight {\n from { transform: translateX(-100%); }\n to { transform: translateX(0); }\n }\n @keyframes bounceIn {\n from, 20%, 40%, 60%, 80%, to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes zoomIn {\n from {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 50% {\n opacity: 1;\n }\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: none;\n }\n }\n @keyframes rotateIn {\n from {\n transform-origin: center;\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n to {\n transform-origin: center;\n transform: none;\n opacity: 1;\n }\n }\n @keyframes flipInX {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes flipInY {\n from {\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n animation-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n animation-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n to {\n transform: perspective(400px);\n }\n }\n @keyframes pulse {\n from {\n transform: scale3d(1, 1, 1);\n }\n 50% {\n transform: scale3d(1.05, 1.05, 1.05);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n transform: translate3d(0, -30px, 0);\n }\n 20% {\n transform: translate3d(0, 0, 0);\n }\n 53% {\n transform: translate3d(0, -15px, 0);\n }\n 80% {\n transform: translate3d(0, 0, 0);\n }\n to {\n transform: translate3d(0, -4px, 0);\n }\n }\n @keyframes spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n @keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n @keyframes wiggle {\n 0%,\n 100% {\n transform: rotate(-3deg);\n }\n 50% {\n transform: rotate(3deg);\n }\n }\n @keyframes shake {\n 10%,\n 90% {\n transform: translate3d(-1px, 0, 0);\n }\n 20%,\n 80% {\n transform: translate3d(2px, 0, 0);\n }\n 30%,\n 50%,\n 70% {\n transform: translate3d(-4px, 0, 0);\n }\n 40%,\n 60% {\n transform: translate3d(4px, 0, 0);\n }\n }\n @keyframes swing {\n 20% {\n transform: rotate(15deg);\n }\n 40% {\n transform: rotate(-10deg);\n }\n 60% {\n transform: rotate(5deg);\n }\n 80% {\n transform: rotate(-5deg);\n }\n to {\n transform: rotate(0deg);\n }\n }\n @keyframes tada {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n 10%,\n 20% {\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n 30%,\n 50%,\n 70%,\n 90% {\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n 40%,\n 60%,\n 80% {\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes rubberBand {\n 0% {\n transform: scale3d(1, 1, 1);\n }\n 30% {\n transform: scale3d(1.25, 0.75, 1);\n }\n 40% {\n transform: scale3d(0.75, 1.25, 1);\n }\n 50% {\n transform: scale3d(1.15, 0.85, 1);\n }\n 65% {\n transform: scale3d(0.95, 1.05, 1);\n }\n 75% {\n transform: scale3d(1.05, 0.95, 1);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes jello {\n 0% {\n transform: none;\n }\n 11.1% {\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n 22.2% {\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n 33.3% {\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n 44.4% {\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n 55.5% {\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n 66.6% {\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n 77.7% {\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n 88.8% {\n transform: skewX(0.09765625deg) skewY(0.09765625deg);\n }\n to {\n transform: none;\n }\n }\n @keyframes heartbeat {\n 0% {\n transform: scale(1);\n }\n 14% {\n transform: scale(1.3);\n }\n 28% {\n transform: scale(1);\n }\n 42% {\n transform: scale(1.3);\n }\n 70% {\n transform: scale(1);\n }\n }\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n @keyframes fadeOutUp {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n }\n @keyframes fadeOutDown {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n }\n @keyframes fadeOutLeft {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n }\n @keyframes fadeOutRight {\n from {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n }\n @keyframes zoomOut {\n from {\n opacity: 1;\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideDown {\n from { transform: translateY(-100%); }\n to { transform: translateY(0); }\n }\n @keyframes slideLeft {\n from { transform: translateX(100%); }\n to { transform: translateX(0); }\n }\n @keyframes slideRight {\n from { transform: translateX(-100%); }\n to { transform: translateX(0); }\n }\n @keyframes bounceIn {\n 0%, 20%, 40%, 60%, 80%, 100% { transform: translateY(0); }\n 10% { transform: translateY(-20px); }\n 30% { transform: translateY(-10px); }\n 50% { transform: translateY(-5px); }\n 70% { transform: translateY(-2.5px); }\n 90% { transform: translateY(-1.25px); }\n }\n @keyframes zoomIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInDown {\n from { opacity: 0; transform: translateY(-20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes fadeInRight {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n @keyframes rotateIn {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes flipInX {\n from { transform: perspective(400px) rotateX(90deg); opacity: 0; }\n to { transform: perspective(400px) rotateX(0deg); opacity: 1; }\n }\n @keyframes flipInY {\n from { transform: perspective(400px) rotateY(90deg); opacity: 0; }\n to { transform: perspective(400px) rotateY(0deg); opacity: 1; }\n }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n @keyframes bounce {\n 0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\n 40% { transform: translateY(-30px); }\n 60% { transform: translateY(-15px); }\n }\n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes ping {\n 0% { transform: scale(1); opacity: 1; }\n 75%, 100% { transform: scale(2); opacity: 0; }\n }\n @keyframes wiggle {\n 0%, 100% { transform: rotate(-3deg); }\n 50% { transform: rotate(3deg); }\n }\n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }\n 20%, 40%, 60%, 80% { transform: translateX(10px); }\n }\n @keyframes swing {\n 0% { transform: rotate(15deg); }\n 10% { transform: rotate(-10deg); }\n 20% { transform: rotate(5deg); }\n 30% { transform: rotate(-5deg); }\n 40%, 100% { transform: rotate(0deg); }\n }\n @keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n }\n @keyframes rubberBand {\n 0% { transform: scale(1); }\n 30% { transform: scale(1.25) rotate(-5deg); }\n 40% { transform: scale(0.75) rotate(3deg); }\n 50% { transform: scale(1.15) rotate(-3deg); }\n 65% { transform: scale(0.9) rotate(2deg); }\n 75% { transform: scale(1.05) rotate(-1deg); }\n 100% { transform: scale(1) rotate(0deg); }\n }\n @keyframes jello {\n 0% { transform: scale(1, 1) translate3d(0, 0, 0); }\n 30% { transform: scale(1.25, 0.75) translate3d(0, 0, 0); }\n 40% { transform: scale(0.75, 1.25) translate3d(0, 0, 0); }\n 50% { transform: scale(1.15, 0.85) translate3d(0, 0, 0); }\n 65% { transform: scale(0.95, 1.05) translate3d(0, 0, 0); }\n 75% { transform: scale(1.05, 0.95) translate3d(0, 0, 0); }\n 100% { transform: scale(1, 1) translate3d(0, 0, 0); }\n }\n @keyframes heartbeat {\n 0% { transform: scale(1); }\n 14% { transform: scale(1.3); }\n 28% { transform: scale(1); }\n 42% { transform: scale(1.3); }\n 70% { transform: scale(1); }\n }\n @keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n @keyframes fadeOutUp {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(-20px); }\n }\n @keyframes fadeOutDown {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(20px); }\n }\n @keyframes fadeOutLeft {\n from { opacity: 1; transform: translateX(0); }\n to { opacity: 0; transform: translateX(-20px); }\n }\n @keyframes fadeOutRight {\n from { opacity: 1; transform: translateX(0); }\n to { opacity: 0; transform: translateX(20px); }\n }\n @keyframes zoomOut {\n from { transform: scale(1); opacity: 1; }\n to { transform: scale(0.9); opacity: 0; }\n }\n \n @keyframes slideUp {\n from { transform: translateY(20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes slideDown {\n from { transform: translateY(-20px); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n \n @keyframes slideLeft {\n from { transform: translateX(20px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes slideRight {\n from { transform: translateX(-20px); opacity: 0; }\n to { transform: translateX(0); opacity: 1; }\n }\n \n @keyframes bounceIn {\n 0% { transform: scale(0.3); opacity: 0; }\n 50% { transform: scale(1.05); }\n 70% { transform: scale(0.9); }\n 100% { transform: scale(1); opacity: 1; }\n }\n \n @keyframes zoomIn {\n from { transform: scale(0.9); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n \n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n }\n \n @keyframes bounce {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n @keyframes spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n \n @keyframes ping {\n 0% { transform: scale(1); opacity: 1; }\n 75%, 100% { transform: scale(2); opacity: 0; }\n }\n \n /* NEW: Additional animation keyframes /\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n }\n \n @keyframes rotateIn {\n from {\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n to {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n }\n \n @keyframes flipInX {\n from {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n \n @keyframes flipInY {\n from {\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n }\n 60% {\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n to {\n transform: perspective(400px);\n }\n }\n \n @keyframes wiggle {\n 0% { transform: rotate(0deg); }\n 25% { transform: rotate(5deg); }\n 50% { transform: rotate(-5deg); }\n 75% { transform: rotate(3deg); }\n 100% { transform: rotate(0deg); }\n }\n \n @keyframes shake {\n 0%, 100% { transform: translateX(0); }\n 25% { transform: translateX(-5px); }\n 75% { transform: translateX(5px); }\n }\n \n @keyframes swing {\n 20% { transform: rotate(15deg); }\n 40% { transform: rotate(-10deg); }\n 60% { transform: rotate(5deg); }\n 80% { transform: rotate(-5deg); }\n 100% { transform: rotate(0deg); }\n }\n \n @keyframes tada {\n 0% { transform: scale(1); }\n 10%, 20% { transform: scale(0.9) rotate(-3deg); }\n 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }\n 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }\n 100% { transform: scale(1) rotate(0); }\n }\n \n @keyframes rubberBand {\n 0% { transform: scale(1); }\n 30% { transform: scaleX(1.25) scaleY(0.75); }\n 40% { transform: scaleX(0.75) scaleY(1.25); }\n 50% { transform: scaleX(1.15) scaleY(0.85); }\n 65% { transform: scaleX(0.95) scaleY(1.05); }\n 75% { transform: scaleX(1.05) scaleY(0.95); }\n 100% { transform: scale(1); }\n }\n \n @keyframes jello {\n 0%, 100% { transform: translate3d(0, 0, 0); }\n 33% { transform: skewX(-12.5deg) skewY(-12.5deg); }\n 66% { transform: skewX(6.25deg) skewY(6.25deg); }\n }\n \n @keyframes heartbeat {\n 0% { transform: scale(1); }\n 14% { transform: scale(1.3); }\n 28% { transform: scale(1); }\n 42% { transform: scale(1.3); }\n 70% { transform: scale(1); }\n }\n \n @keyframes fadeOut {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n \n @keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n }\n \n @keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(0, 100%, 0);\n }\n }\n \n @keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(-100%, 0, 0);\n }\n }\n \n @keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translate3d(100%, 0, 0);\n }\n }\n \n @keyframes zoomOut {\n from {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n 50% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n to {\n opacity: 0;\n }\n }\n \n / Hover effects using CSS (NEW) /\n .scar-\\:hover-pop:hover {\n transform: scale(1.05);\n }\n \n .scar-\\:hover-float:hover {\n transform: translateY(-5px);\n }\n \n .scar-\\:hover-glow:hover {\n box-shadow: 0 0 15px rgba(0,0,0,0.3);\n }\n \n .scar-\\:hover-tilt:hover {\n transform: rotate(5deg);\n }\n ",this.styleCounter=0,this.classMap=new Map,this.processedElements=new WeakSet,this.debugMode=!1,this.init()}init(){this.applyDefaultStyles(),this.addAnimations(),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>this.processElements()):this.processElements(),this.observeDOM()}addAnimations(){if(!document.querySelector("#scarcss-animations")){const r=document.createElement("style");r.id="scarcss-animations",r.textContent=this.animations,document.head.appendChild(r)}}applyDefaultStyles(){if(!document.querySelector("#scarcss-default-styles")){const r=document.createElement("style");r.id="scarcss-default-styles",r.textContent="\n , ::before, ::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n ul, ol {\n list-style-type: none;\n }\n a {\n text-decoration: none;\n color: black;\n }\n body {\n font-family: monospace, sans-serif;\n }\n ",document.head.appendChild(r)}}observeDOM(){const r=(r=>{let e;return function(){e\|\|(r.apply(this,arguments),e=!0,setTimeout(()=>e=!1,100))}})(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{r.nodeType===Node.ELEMENT_NODE&&(r.hasAttribute&&(r.hasAttribute("@scar")\|\|r.hasAttribute("@action"))&&this.processElement(r),r.querySelectorAll)&&r.querySelectorAll("[\\@scar], [\\@action]").forEach(r=>this.processElement(r))})})});new MutationObserver(r).observe(document.body,{childList:!0,subtree:!0,attributes:!1})}processElements(){document.querySelectorAll("[\\@scar]").forEach(r=>this.processScarElement(r)),document.querySelectorAll("[\\@action]").forEach(r=>this.processActionElement(r))}processElement(r){this.processedElements.has(r)\|\|(r.hasAttribute("@scar")&&this.processScarElement(r),r.hasAttribute("@action")&&this.processActionElement(r),this.processedElements.add(r))}processScarElement(r){if(this.processedElements.has(r))return;const e=r.getAttribute("@scar");if(e)try{const n=e.trim().split(/\s+/),t=[],o=[];if(n.forEach(e=>{e.startsWith("hover-")?o.push(`scar-:${e}`):this.utilityClasses[e]?t.push(this.utilityClasses[e]):this.logDebug(`Unknown utility class: ${e}`,r)}),t.length>0\|\|o.length>0){const e={styles:t.join(";")};this.applyStyles(r,e),o.forEach(e=>r.classList.add(e))}this.processedElements.add(r),this.logDebug("Processed @scar element",{element:r,classes:n,styles:t,hoverClasses:o})}catch(e){this.logDebug("Error parsing @scar attribute",{element:r,error:e})}}toKebabCase(r){return r.replace(/[A-Z]/g,r=>`-${r.toLowerCase()}`)}generateClassName(r){const e=JSON.stringify(r);if(this.classMap.has(e))return this.classMap.get(e);const n="scar-"+this.styleCounter++;return this.classMap.set(e,n),n}applyStyles(r,e){const n=this.generateClassName(e);document.querySelector(`style[data-scar="${n}"]`)\|\|this.createStyleRule(n,e),r.classList.add(n)}createStyleRule(r,e){let n=`.${r} { ${e.styles}; }`;const t=document.createElement("style");t.setAttribute("data-scar",r),t.textContent=n,document.head.appendChild(t)}processActionElement(r){if(this.processedElements.has(r))return;const e=r.getAttribute("@action");if(e)try{const n={};e.trim().slice(1,-1).split(",").forEach(r=>{const[e,t]=r.split(":").map(r=>r.trim()),o=t.replace(/^['"]\|['"]$/g,"");n[e]=o});for(const[e,t]of Object.entries(n))if(this.validateAction(e))switch(e){case"alert":r.addEventListener("click",()=>alert(t));break;case"menuToggle":r.addEventListener("click",()=>this.toggleMenu(t));break;case"modalOpen":r.addEventListener("click",()=>this.openModal(t));break;case"modalClose":r.addEventListener("click",()=>this.closeModal(t));break;case"copyToClipboard":r.addEventListener("click",()=>this.copyToClipboard(t));break;case"toggleDarkMode":r.addEventListener("click",()=>this.toggleDarkMode());break;case"setDarkMode":r.addEventListener("click",()=>this.setDarkMode("true"===t));break;default:"function"==typeof this[e]&&r.addEventListener("click",()=>this[e](t))}this.processedElements.add(r),this.logDebug("Processed @action element",{element:r,actions:n})}catch(e){this.logDebug("Error parsing @action attribute",{element:r,error:e})}}toggleMenu(r){const e=document.querySelector(r);e&&e.classList.toggle("scar-menu-open")}openModal(r){const e=document.querySelector(r);if(e){e.style.display="block";let n=document.querySelector(".scar-modal-overlay");n\|\|(n=document.createElement("div"),n.className="scar-modal-overlay",n.style.cssText="\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0,0,0,0.5);\n z-index: 999;\n ",document.body.appendChild(n),n.addEventListener("click",()=>{this.closeModal(r)})),n.style.display="block"}}closeModal(r){const e=document.querySelector(r);e&&(e.style.display="none");const n=document.querySelector(".scar-modal-overlay");n&&(n.style.display="none")}copyToClipboard(r){navigator.clipboard.writeText(r).then(()=>{}).catch(r=>{})}toggleDarkMode(){document.body.classList.toggle("dark-mode")}setDarkMode(r){r?document.body.classList.add("dark-mode"):document.body.classList.remove("dark-mode")}enableDebugMode(){this.debugMode=!0}disableDebugMode(){this.debugMode=!1}logDebug(r,e=null){this.debugMode}getStats(){return{processedElements:this.processedElements.size\|\|"Unknown",styleCounter:this.styleCounter,classMapSize:this.classMap.size}}validateUtilityClass(r){return!!this.utilityClasses[r]\|\|(this.logDebug(`Unknown utility class: ${r}`),!1)}validateAction(r){return!(!["alert","menuToggle","modalOpen","modalClose","copyToClipboard","toggleDarkMode","setDarkMode"].includes(r)&&"function"!=typeof this[r]&&(this.logDebug(`Unknown action: ${r}`),1))}}const scarCSS=new ScarCSS;"undefined"!=typeof module&&module.exports&&(module.exports=ScarCSS),"undefined"!=typeof window&&(window.ScarCSS=ScarCSS);

+10

-4

package.json

		{
		"name": "scarcss",
		"version": "3.0.0",
		"description": "A lightweight, utility-first frontend framework with Widget System. Pre-built SEO-optimized components, SPA navigation, and 500+ utility classes.",
		"version": "3.0.1",
		"description": "A lightweight, utility-first frontend framework with Widget System. Pre-built SEO-optimized components, SPA navigation, and 500+ utility classes. Bug fixes for installation issues and default styles.",
		"main": "dist/scarcss.min.js",
		@@ -19,2 +19,3 @@ "module": "src/scarcss.js",
		"build": "node build.js",
		"build:secure": "node build-secure.js",
		"test": "echo \"Error: no test specified\" && exit 1"
		@@ -50,3 +51,8 @@ },
		},
		"homepage": "https://github.com/ScarfazeTechnologies/scarcss#readme"
		}
		"homepage": "https://github.com/ScarfazeTechnologies/scarcss#readme",
		"devDependencies": {
		"@rollup/plugin-commonjs": "^29.0.0",
		"@rollup/plugin-node-resolve": "^16.0.3",
		"terser": "^5.44.1"
		}
		}

+19

-3

README.md

		@@ -1,7 +0,7 @@
		<script src="https://cdn.jsdelivr.net/npm/scarcss@2.0.0/dist/scarcss.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.0/dist/scarcss.min.js"></script>
		</head>
		<body>
		<h1 @scar="text-3xl text-blue-500 text-glow">Hello ScarCSS v2.0!</h1>
		<h1 @scar="text-3xl text-blue-500 text-glow">Hello ScarCSS v3.0!</h1>
		<button @scar="bg-magic text-white py-2 px-4 rounded hover-pop"
		@action="{alert:'Hello from ScarCSS v2.0!'}">
		@action="{alert:'Hello from ScarCSS v3.0!'}">
		Click Me
		@@ -19,2 +19,18 @@ </button>

		### Secure/Obsfucated Versions

		For enhanced security, ScarCSS also provides obfuscated versions that protect the core code:

		```html
		<!-- Secure version with code protection -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/dist/scarcss.secure.min.js"></script>

		<!-- Highly obfuscated version -->
		<script src="https://cdn.jsdelivr.net/npm/scarcss@3.0.1/dist/scarcss.obfuscated.min.js"></script>
		```

		These versions provide the same functionality but with obfuscated code that makes it difficult to reverse engineer the core implementation.

		### With Module Bundler

		```javascript
		@@ -21,0 +37,0 @@ import ScarCSS from 'scarcss';

dist/scarcss.js

Sorry, the diff of this file is too big to display

src/scarcss.js

Sorry, the diff of this file is too big to display

scarcss - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics