@fluidattacks/design 1.2.20 → 1.2.21

package/dist/design.js

@@ -1,3 +1,4 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.\\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-\\[500px\\]{height:500px}.w-full{width:100%}.max-w-72{max-width:18rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.self-stretch{align-self:stretch}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\\[90px\\]{padding-top:90px;padding-bottom:90px}.align-middle{vertical-align:middle}.text-sm{font-size:.875rem;line-height:1.25rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@property --animate-position{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --color-1{syntax: "<color>"; initial-value: #f32637; inherits: false;}@property --color-2{syntax: "<color>"; initial-value: #b8075d; inherits: false;}@property --btn-padding-x{syntax: "<length>"; initial-value: 16px; inherits: false;}@property --btn-padding-y{syntax: "<length>"; initial-value: 10px; inherits: false;}@property --btn-spacing{syntax: "<length>"; initial-value: 8px; inherits: false;}@property --grid-columns{syntax: "<number>"; initial-value: 12; inherits: false;}@property --grid-width{syntax: "<length>"; initial-value: 1440px; inherits: false;}@property --angle-grad{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --opacity-grad{syntax: "<number>"; initial-value: 0; inherits: false;}@keyframes spinAnimation{to{--border-angle: 360deg}}@keyframes gradientAnimation{0%{--animate-position: 45deg}33%{--animate-position: -50deg}66%{--animate-position: -100deg}to{--animate-position: 45deg}}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),ml=require("react-dom"),ua=e=>({getVariant:(t,r)=>e(t)[r]}),fa=["padding","px","py","pl","pr","pt","pb","margin","mx","my","ml","mr","mt","mb","zIndex","position","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","scroll","visibility","display","height","width","maxHeight","maxWidth","minHeight","minWidth","shadow","bgColor","bgGradient","gap","flexDirection","flexGrow","justify","justifySelf","alignItems","alignSelf","wrap","color","fontFamily","fontSize","fontWeight","textAlign","whiteSpace","letterSpacing","lineSpacing","textDecoration","textOverflow","whiteSpace","wordBreak","wordWrap","cursor","transition","borderColorHover","bgColorHover","shadowHover"];var ut=function(){return ut=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},ut.apply(this,arguments)};function Cr(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}function yl(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var vl=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,bl=yl(function(e){return vl.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),Sn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function da(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ke="-ms-",Yr="-moz-",he="-webkit-",pa="comm",Yn="rule",gi="decl",wl="@import",ha="@keyframes",_l="@layer",ga=Math.abs,mi=String.fromCharCode,Fo=Object.assign;function xl(e,t){return et(e,0)^45?(((t<<2^et(e,0))<<2^et(e,1))<<2^et(e,2))<<2^et(e,3):0}function ma(e){return e.trim()}function Xt(e,t){return(e=t.exec(e))?e[0]:e}function ee(e,t,r){return e.replace(t,r)}function On(e,t,r){return e.indexOf(t,r)}function et(e,t){return e.charCodeAt(t)|0}function Or(e,t,r){return e.slice(t,r)}function qt(e){return e.length}function ya(e){return e.length}function Hr(e,t){return t.push(e),e}function Sl(e,t){return e.map(t).join("")}function ts(e,t){return e.filter(function(r){return!Xt(r,t)})}var Qn=1,Rr=1,va=0,Dt=0,Ue=0,Lr="";function Jn(e,t,r,n,o,i,s,c){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:Qn,column:Rr,length:s,return:"",siblings:c}}function rr(e,t){return Fo(Jn("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function $r(e){for(;e.root;)e=rr(e.root,{children:[e]});Hr(e,e.siblings)}function $l(){return Ue}function El(){return Ue=Dt>0?et(Lr,--Dt):0,Rr--,Ue===10&&(Rr=1,Qn--),Ue}function Vt(){return Ue=Dt<va?et(Lr,Dt++):0,Rr++,Ue===10&&(Rr=1,Qn++),Ue}function hr(){return et(Lr,Dt)}function Rn(){return Dt}function Kn(e,t){return Or(Lr,e,t)}function Vo(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Tl(e){return Qn=Rr=1,va=qt(Lr=e),Dt=0,[]}function Al(e){return Lr="",e}function Ao(e){return ma(Kn(Dt-1,Bo(e===91?e+2:e===40?e+1:e)))}function Cl(e){for(;(Ue=hr())&&Ue<33;)Vt();return Vo(e)>2||Vo(Ue)>3?"":" "}function Ol(e,t){for(;--t&&Vt()&&!(Ue<48||Ue>102||Ue>57&&Ue<65||Ue>70&&Ue<97););return Kn(e,Rn()+(t<6&&hr()==32&&Vt()==32))}function Bo(e){for(;Vt();)switch(Ue){case e:return Dt;case 34:case 39:e!==34&&e!==39&&Bo(Ue);break;case 40:e===41&&Bo(e);break;case 92:Vt();break}return Dt}function Rl(e,t){for(;Vt()&&e+Ue!==57;)if(e+Ue===84&&hr()===47)break;return"/*"+Kn(t,Dt-1)+"*"+mi(e===47?e:Vt())}function kl(e){for(;!Vo(hr());)Vt();return Kn(e,Dt)}function jl(e){return Al(kn("",null,null,null,[""],e=Tl(e),0,[0],e))}function kn(e,t,r,n,o,i,s,c,u){for(var d=0,h=0,m=s,_=0,v=0,T=0,C=1,O=1,x=1,A=0,R="",M=o,L=i,N=n,P=R;O;)switch(T=A,A=Vt()){case 40:if(T!=108&&et(P,m-1)==58){On(P+=ee(Ao(A),"&","&\f"),"&\f",ga(d?c[d-1]:0))!=-1&&(x=-1);break}case 34:case 39:case 91:P+=Ao(A);break;case 9:case 10:case 13:case 32:P+=Cl(T);break;case 92:P+=Ol(Rn()-1,7);continue;case 47:switch(hr()){case 42:case 47:Hr(Pl(Rl(Vt(),Rn()),t,r,u),u);break;default:P+="/"}break;case 123*C:c[d++]=qt(P)*x;case 125*C:case 59:case 0:switch(A){case 0:case 125:O=0;case 59+h:x==-1&&(P=ee(P,/\f/g,"")),v>0&&qt(P)-m&&Hr(v>32?ns(P+";",n,r,m-1,u):ns(ee(P," ","")+";",n,r,m-2,u),u);break;case 59:P+=";";default:if(Hr(N=rs(P,t,r,d,h,o,c,R,M=[],L=[],m,i),i),A===123)if(h===0)kn(P,t,N,N,M,i,m,c,L);else switch(_===99&&et(P,3)===110?100:_){case 100:case 108:case 109:case 115:kn(e,N,N,n&&Hr(rs(e,N,N,0,0,o,c,R,o,M=[],m,L),L),o,L,m,c,n?M:L);break;default:kn(P,N,N,N,[""],L,0,c,L)}}d=h=v=0,C=x=1,R=P="",m=s;break;case 58:m=1+qt(P),v=T;default:if(C<1){if(A==123)--C;else if(A==125&&C++==0&&El()==125)continue}switch(P+=mi(A),A*C){case 38:x=h>0?1:(P+="\f",-1);break;case 44:c[d++]=(qt(P)-1)*x,x=1;break;case 64:hr()===45&&(P+=Ao(Vt())),_=hr(),h=m=qt(R=P+=kl(Rn())),A++;break;case 45:T===45&&qt(P)==2&&(C=0)}}return i}function rs(e,t,r,n,o,i,s,c,u,d,h,m){for(var _=o-1,v=o===0?i:[""],T=ya(v),C=0,O=0,x=0;C<n;++C)for(var A=0,R=Or(e,_+1,_=ga(O=s[C])),M=e;A<T;++A)(M=ma(O>0?v[A]+" "+R:ee(R,/&\f/g,v[A])))&&(u[x++]=M);return Jn(e,t,r,o===0?Yn:c,u,d,h,m)}function Pl(e,t,r,n){return Jn(e,t,r,pa,mi($l()),Or(e,2,-2),0,n)}function ns(e,t,r,n,o){return Jn(e,t,r,gi,Or(e,0,n),Or(e,n+1,-1),n,o)}function ba(e,t,r){switch(xl(e,t)){case 5103:return he+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return he+e+e;case 4789:return Yr+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return he+e+Yr+e+ke+e+e;case 5936:switch(et(e,t+11)){case 114:return he+e+ke+ee(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return he+e+ke+ee(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return he+e+ke+ee(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return he+e+ke+e+e;case 6165:return he+e+ke+"flex-"+e+e;case 5187:return he+e+ee(e,/(\w+).+(:[^]+)/,he+"box-$1$2"+ke+"flex-$1$2")+e;case 5443:return he+e+ke+"flex-item-"+ee(e,/flex-|-self/g,"")+(Xt(e,/flex-|baseline/)?"":ke+"grid-row-"+ee(e,/flex-|-self/g,""))+e;case 4675:return he+e+ke+"flex-line-pack"+ee(e,/align-content|flex-|-self/g,"")+e;case 5548:return he+e+ke+ee(e,"shrink","negative")+e;case 5292:return he+e+ke+ee(e,"basis","preferred-size")+e;case 6060:return he+"box-"+ee(e,"-grow","")+he+e+ke+ee(e,"grow","positive")+e;case 4554:return he+ee(e,/([^-])(transform)/g,"$1"+he+"$2")+e;case 6187:return ee(ee(ee(e,/(zoom-|grab)/,he+"$1"),/(image-set)/,he+"$1"),e,"")+e;case 5495:case 3959:return ee(e,/(image-set\([^]*)/,he+"$1$`$1");case 4968:return ee(ee(e,/(.+:)(flex-)?(.*)/,he+"box-pack:$3"+ke+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+he+e+e;case 4200:if(!Xt(e,/flex-|baseline/))return ke+"grid-column-align"+Or(e,t)+e;break;case 2592:case 3360:return ke+ee(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,o){return t=o,Xt(n.props,/grid-\w+-end/)})?~On(e+(r=r[t].value),"span",0)?e:ke+ee(e,"-start","")+e+ke+"grid-row-span:"+(~On(r,"span",0)?Xt(r,/\d+/):+Xt(r,/\d+/)-+Xt(e,/\d+/))+";":ke+ee(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return Xt(n.props,/grid-\w+-start/)})?e:ke+ee(ee(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return ee(e,/(.+)-inline(.+)/,he+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(qt(e)-1-t>6)switch(et(e,t+1)){case 109:if(et(e,t+4)!==45)break;case 102:return ee(e,/(.+:)(.+)-([^]+)/,"$1"+he+"$2-$3$1"+Yr+(et(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~On(e,"stretch",0)?ba(ee(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return ee(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,i,s,c,u,d){return ke+o+":"+i+d+(s?ke+o+"-span:"+(c?u:+u-+i)+d:"")+e});case 4949:if(et(e,t+6)===121)return ee(e,":",":"+he)+e;break;case 6444:switch(et(e,et(e,14)===45?18:11)){case 120:return ee(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+he+(et(e,14)===45?"inline-":"")+"box$3$1"+he+"$2$3$1"+ke+"$2box$3")+e;case 100:return ee(e,":",":"+ke)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return ee(e,"scroll-","scroll-snap-")+e}return e}function In(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Il(e,t,r,n){switch(e.type){case _l:if(e.children.length)break;case wl:case gi:return e.return=e.return||e.value;case pa:return"";case ha:return e.return=e.value+"{"+In(e.children,n)+"}";case Yn:if(!qt(e.value=e.props.join(",")))return""}return qt(r=In(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ml(e){var t=ya(e);return function(r,n,o,i){for(var s="",c=0;c<t;c++)s+=e[c](r,n,o,i)||"";return s}}function Ll(e){return function(t){t.root||(t=t.return)&&e(t)}}function Dl(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case gi:e.return=ba(e.value,e.length,r);return;case ha:return In([rr(e,{value:ee(e.value,"@","@"+he)})],n);case Yn:if(e.length)return Sl(r=e.props,function(o){switch(Xt(o,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":$r(rr(e,{props:[ee(o,/:(read-\w+)/,":"+Yr+"$1")]})),$r(rr(e,{props:[o]})),Fo(e,{props:ts(r,n)});break;case"::placeholder":$r(rr(e,{props:[ee(o,/:(plac\w+)/,":"+he+"input-$1")]})),$r(rr(e,{props:[ee(o,/:(plac\w+)/,":"+Yr+"$1")]})),$r(rr(e,{props:[ee(o,/:(plac\w+)/,ke+"input-$1")]})),$r(rr(e,{props:[o]})),Fo(e,{props:ts(r,n)});break}return""})}}var Nl={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},yr=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",wa="active",_a="data-styled-version",Xn="6.1.13",yi=`/*!sc*/
 `,Mn=typeof window<"u"&&"HTMLElement"in window,Fl=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),os=/invalid hook call/i,$n=new Set,Vl=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",n="The component ".concat(e).concat(r,` has been created dynamically.
 `)+`You may see this warning because you've called styled inside another component.
@@ -282,6 +283,7 @@ Check the top-level render call using <`+E+">.")}return b}}function Ie(f,b){{if(
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.gray[100]};
+        color: ${e.palette.gray[800]};
       }
     `,ghostWeb:`
       --btn-padding-x: ${e.spacing[.5]};
@@ -298,6 +300,7 @@ Check the top-level render call using <`+E+">.")}return b}}function Ie(f,b){{if(
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.gray[100]};
+        color: ${e.palette.gray[800]};
       }
 
       @media screen and (max-width: ${e.breakpoints.mobile}) {
@@ -333,6 +336,7 @@ Check the top-level render call using <`+E+">.")}return b}}function Ie(f,b){{if(
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.primary[700]};
+        color: ${e.palette.white};
       }
     `,primaryWeb:`
       background:
@@ -345,6 +349,7 @@ Check the top-level render call using <`+E+">.")}return b}}function Ie(f,b){{if(
       &:hover {
         --color-1: ${e.palette.primary[700]};
         --color-2: ${e.palette.primary[700]};
+        color: ${e.palette.white};
       }
     `,secondary:`
       background: ${e.palette.gray[800]};
@@ -360,6 +365,7 @@ Check the top-level render call using <`+E+">.")}return b}}function Ie(f,b){{if(
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.gray[600]};
+        color: ${e.palette.white};
       }
     `,secondaryWeb:`
       &.dark {
@@ -726,7 +732,7 @@ Check the top-level render call using <`+y+">.")}return p}function Vr(a,p){if(!(
     border: none;
     color: ${e.palette.gray[600]};
     font-family: ${e.typography.type.primary};
-    font-size: ${e.typography.text.lg};
+    font-size: ${e.typography.text.md};
     font-weight: ${e.typography.weight.regular};
     line-height: ${e.spacing[1.5]};
     outline: none;
@@ -741,6 +747,10 @@ Check the top-level render call using <`+y+">.")}return p}function Vr(a,p){if(!(
     &::-webkit-search-results-decoration {
       -webkit-appearance:none;
     }
+
+    @media screen and (max-width: ${e.breakpoints.mobile}) {
+      font-size: ${e.typography.text.sm};
+    }
   `}
 `,Mv=$e.button`
   ${({theme:e})=>`
@@ -766,7 +776,6 @@ Check the top-level render call using <`+y+">.")}return p}function Vr(a,p){if(!(
   ${({theme:e,$empty:t=!1,$showHits:r=!1})=>`
     align-items: flex-start;
     align-self: stretch;
-    background-image: ${t?"url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729698411/airs/search-bar/empty_state_bg.png) !important":"inherit"};
     background-repeat: no-repeat;
     background-size: 100% 100%;
     display: flex;
@@ -782,6 +791,16 @@ Check the top-level render call using <`+y+">.")}return p}function Vr(a,p){if(!(
     @media screen and (max-width: ${e.breakpoints.sm}) and (${!t}) {
       max-height: 410px;
     }
+    ${t&&`
+    @media screen and (min-width: ${e.breakpoints.mobile}) {
+      border: none !important;
+      background-image: url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729784164/airs/search-bar/empty_state_bg.webp);
+    }
+    @media screen and (max-width: ${e.breakpoints.mobile}) {
+      border: none !important;
+      background-image: url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729783908/airs/search-bar/empty_state_bg_mobile.webp);
+    }
+      `}
 
     &::-webkit-scrollbar {
       height: ${e.spacing[.5]};
@@ -796,7 +815,7 @@ Check the top-level render call using <`+y+">.")}return p}function Vr(a,p){if(!(
       height: ${e.spacing[.5]};
     }
   `}
-`,No=({hit:e,icon:t="infinity",showIcon:r=!1})=>{const{slug:n,title:o}=e,i=String(n).startsWith("/pages/")?String(n).replace("/pages/","/"):String(n);return j.jsxs(Rv,{href:i,rel:"nofollow noopener noreferrer",children:[r&&j.jsx(kv,{children:j.jsx(er,{icon:t,iconClass:"fill-gradient-01",iconSize:"sm",iconType:"fa-light"})}),j.jsx(Ot,{color:oe.palette.gray[800],lineSpacing:1.5,size:"md",sizeSm:"sm",whiteSpace:"wrap",children:String(o)})]})},Lv=[{hit:{slug:"/services/continuous-hacking/",title:"Continuous Hacking"},icon:"infinity"},{hit:{slug:"/platform/",title:"Platform"},icon:"sidebar"},{hit:{slug:"/plans/",title:"Plans"},icon:"star-christmas"},{hit:{slug:"/blog/",title:"Blog"},icon:"pen-line"}],la={hit:{slug:"/contact-us/",title:"Contact Support"},icon:"envelope"},Dv=({items:e,placeholder:t="Search",refine:r,query:n})=>{const[o,i]=w.useState(n),[s,c]=w.useState(!1),u=w.useRef(null),d=w.useRef(null),h=o.length>=2,m=w.useCallback(x=>{i(x),r(x)},[r]),_=w.useCallback(()=>{m("")},[m]),v=w.useCallback(()=>{c(!0)},[]),T=w.useCallback(x=>{m(x.currentTarget.value)},[m]),C=w.useCallback(x=>{x.preventDefault(),x.stopPropagation(),_(),d.current&&d.current.focus()},[_]),O=w.useCallback(x=>{x.preventDefault(),x.stopPropagation(),d.current&&d.current.blur()},[]);return $y(u.current,()=>{_(),c(!1)},!0),j.jsxs(jv,{ref:u,children:[j.jsxs(Pv,{action:"",noValidate:!0,onReset:C,onSubmit:O,role:"search",children:[j.jsxs("div",{className:"flex gap-2 w-full",children:[j.jsx("div",{className:"h-10 p-2",children:j.jsx(er,{icon:"magnifying-glass",iconSize:"sm",iconType:"fa-light"})}),j.jsx(Iv,{autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",maxLength:512,onChange:T,onFocus:v,placeholder:t,ref:d,spellCheck:!1,type:"search",value:o})]}),h&&j.jsx(Mv,{type:"reset",children:j.jsx(er,{icon:"xmark",iconSize:"sm",iconType:"fa-light"})})]}),s&&o.length<2&&j.jsxs(Do,{children:[j.jsx(Ot,{color:oe.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"lg",sizeSm:"md",children:"Suggested"}),j.jsx("div",{className:"flex flex-col items-start self-stretch",children:Lv.map(({hit:x,icon:A},R)=>j.jsx(No,{hit:x,icon:A,showIcon:!0},`${A}-${R}`))}),j.jsx(Ot,{color:oe.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"lg",sizeSm:"md",children:"Can’t find what you’re looking for?"}),j.jsx(No,{hit:la.hit,icon:la.icon,showIcon:!0})]}),h&&e.length>0&&j.jsxs(Do,{$showHits:h,children:[j.jsx(Ot,{color:oe.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"lg",sizeSm:"md",children:"Results"}),j.jsx("div",{className:"flex flex-col items-start self-stretch",children:e.map(x=>j.jsx(No,{hit:x},x.objectID))})]}),h&&e.length===0&&j.jsx(Do,{$empty:e.length===0,children:j.jsxs("div",{className:"items-center	flex flex-col	gap-4 py-[90px] w-full",children:[j.jsx(Hi,{height:96,publicId:"airs/search-bar/empty-state-icon",width:96}),j.jsx(Va,{display:"flex",size:"sm",sizeSm:"xs",textAlign:"center",children:"No results found"}),j.jsxs(Ot,{display:"flex",lineSpacing:1.5,size:"md",sizeSm:"sm",textAlign:"center",children:[`“${o}” did not match.`,j.jsx("br",{}),"Please try again."]}),j.jsx(fc,{mode:"light",onClick:_,variant:"secondaryWeb",children:"Clear search"})]})})]})},Nv=$e.div`
+`,No=({hit:e,icon:t="infinity",showIcon:r=!1})=>{const{slug:n,title:o}=e,i=String(n).startsWith("/pages/")?String(n).replace("/pages/","/"):String(n);return j.jsxs(Rv,{href:i,rel:"nofollow noopener noreferrer",children:[r&&j.jsx(kv,{children:j.jsx(er,{icon:t,iconClass:"fill-gradient-01",iconSize:"sm",iconType:"fa-light"})}),j.jsx(Ot,{color:oe.palette.gray[800],lineSpacing:1.5,size:"md",sizeSm:"sm",whiteSpace:"wrap",children:String(o)})]})},Lv=[{hit:{slug:"/services/continuous-hacking/",title:"Continuous Hacking"},icon:"infinity"},{hit:{slug:"/platform/",title:"Platform"},icon:"sidebar"},{hit:{slug:"/plans/",title:"Plans"},icon:"star-christmas"},{hit:{slug:"/blog/",title:"Blog"},icon:"pen-line"}],la={hit:{slug:"/contact-us/",title:"Contact Support"},icon:"envelope"},Dv=({items:e,placeholder:t="Search",refine:r,query:n})=>{const[o,i]=w.useState(n),[s,c]=w.useState(!1),u=w.useRef(null),d=w.useRef(null),h=o.length>=2,m=w.useCallback(x=>{i(x),r(x)},[r]),_=w.useCallback(()=>{m("")},[m]),v=w.useCallback(()=>{c(!0)},[]),T=w.useCallback(x=>{m(x.currentTarget.value)},[m]),C=w.useCallback(x=>{x.preventDefault(),x.stopPropagation(),_(),d.current&&d.current.focus()},[_]),O=w.useCallback(x=>{x.preventDefault(),x.stopPropagation(),d.current&&d.current.blur()},[]);return $y(u.current,()=>{_(),c(!1)},!0),j.jsxs(jv,{ref:u,children:[j.jsxs(Pv,{action:"",noValidate:!0,onReset:C,onSubmit:O,role:"search",children:[j.jsxs("div",{className:"flex gap-2 w-full",children:[j.jsx("div",{className:"h-10 p-2",children:j.jsx(er,{icon:"magnifying-glass",iconSize:"sm",iconType:"fa-light"})}),j.jsx(Iv,{autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",maxLength:512,onChange:T,onFocus:v,placeholder:t,ref:d,spellCheck:!1,type:"search",value:o})]}),h&&j.jsx(Mv,{type:"reset",children:j.jsx(er,{icon:"xmark",iconSize:"sm",iconType:"fa-light"})})]}),s&&o.length<2&&j.jsxs(Do,{children:[j.jsx(Ot,{color:oe.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"md",sizeSm:"sm",children:"Suggested"}),j.jsx("div",{className:"flex flex-col items-start self-stretch",children:Lv.map(({hit:x,icon:A},R)=>j.jsx(No,{hit:x,icon:A,showIcon:!0},`${A}-${R}`))}),j.jsx(Ot,{color:oe.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"md",sizeSm:"sm",children:"Can’t find what you’re looking for?"}),j.jsx(No,{hit:la.hit,icon:la.icon,showIcon:!0})]}),h&&e.length>0&&j.jsxs(Do,{$showHits:h,children:[j.jsx(Ot,{color:oe.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"md",sizeSm:"sm",children:"Results"}),j.jsx("div",{className:"flex flex-col items-start self-stretch",children:e.map(x=>j.jsx(No,{hit:x},x.objectID))})]}),h&&e.length===0&&j.jsx(Do,{$empty:e.length===0,children:j.jsxs("div",{className:"items-center	flex flex-col	gap-4 py-[90px] w-full",children:[j.jsx(Hi,{height:96,publicId:"airs/search-bar/empty-state-icon",width:96}),j.jsx(Va,{display:"flex",size:"sm",sizeSm:"xs",textAlign:"center",children:"No results found"}),j.jsxs(Ot,{display:"flex",lineSpacing:1.5,size:"md",sizeSm:"sm",textAlign:"center",children:[`“${o}” did not match.`,j.jsx("br",{}),"Please try again."]}),j.jsx(fc,{mode:"light",onClick:_,variant:"secondaryWeb",children:"Clear search"})]})})]})},Nv=$e.div`
   ${({theme:e})=>`
     align-items: center;
     display: flex;

package/dist/design.mjs

@@ -1,3 +1,4 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.\\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-\\[500px\\]{height:500px}.w-full{width:100%}.max-w-72{max-width:18rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.self-stretch{align-self:stretch}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\\[90px\\]{padding-top:90px;padding-bottom:90px}.align-middle{vertical-align:middle}.text-sm{font-size:.875rem;line-height:1.25rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@property --animate-position{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --color-1{syntax: "<color>"; initial-value: #f32637; inherits: false;}@property --color-2{syntax: "<color>"; initial-value: #b8075d; inherits: false;}@property --btn-padding-x{syntax: "<length>"; initial-value: 16px; inherits: false;}@property --btn-padding-y{syntax: "<length>"; initial-value: 10px; inherits: false;}@property --btn-spacing{syntax: "<length>"; initial-value: 8px; inherits: false;}@property --grid-columns{syntax: "<number>"; initial-value: 12; inherits: false;}@property --grid-width{syntax: "<length>"; initial-value: 1440px; inherits: false;}@property --angle-grad{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --opacity-grad{syntax: "<number>"; initial-value: 0; inherits: false;}@keyframes spinAnimation{to{--border-angle: 360deg}}@keyframes gradientAnimation{0%{--animate-position: 45deg}33%{--animate-position: -50deg}66%{--animate-position: -100deg}to{--animate-position: 45deg}}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import at, { useMemo as Wo, useRef as St, useDebugValue as is, createElement as yl, useContext as ga, forwardRef as Er, useState as Se, useCallback as Nt, useEffect as _e, createContext as vl, useImperativeHandle as bl, useLayoutEffect as wl, StrictMode as _l } from "react";
 import { createPortal as xl } from "react-dom";
 const $l = (e) => ({
@@ -2573,6 +2574,7 @@ const lr = Er(function({
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.gray[100]};
+        color: ${e.palette.gray[800]};
       }
     `,
     ghostWeb: `
@@ -2590,6 +2592,7 @@ const lr = Er(function({
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.gray[100]};
+        color: ${e.palette.gray[800]};
       }
 
       @media screen and (max-width: ${e.breakpoints.mobile}) {
@@ -2627,6 +2630,7 @@ const lr = Er(function({
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.primary[700]};
+        color: ${e.palette.white};
       }
     `,
     primaryWeb: `
@@ -2640,6 +2644,7 @@ const lr = Er(function({
       &:hover {
         --color-1: ${e.palette.primary[700]};
         --color-2: ${e.palette.primary[700]};
+        color: ${e.palette.white};
       }
     `,
     secondary: `
@@ -2656,6 +2661,7 @@ const lr = Er(function({
 
       &:hover:not([disabled]) {
         background-color: ${e.palette.gray[600]};
+        color: ${e.palette.white};
       }
     `,
     secondaryWeb: `
@@ -9463,7 +9469,7 @@ const Cv = ({
     border: none;
     color: ${e.palette.gray[600]};
     font-family: ${e.typography.type.primary};
-    font-size: ${e.typography.text.lg};
+    font-size: ${e.typography.text.md};
     font-weight: ${e.typography.weight.regular};
     line-height: ${e.spacing[1.5]};
     outline: none;
@@ -9478,6 +9484,10 @@ const Cv = ({
     &::-webkit-search-results-decoration {
       -webkit-appearance:none;
     }
+
+    @media screen and (max-width: ${e.breakpoints.mobile}) {
+      font-size: ${e.typography.text.sm};
+    }
   `}
 `, Bv = Ee.button`
   ${({ theme: e }) => `
@@ -9503,7 +9513,6 @@ const Cv = ({
   ${({ theme: e, $empty: t = !1, $showHits: r = !1 }) => `
     align-items: flex-start;
     align-self: stretch;
-    background-image: ${t ? "url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729698411/airs/search-bar/empty_state_bg.png) !important" : "inherit"};
     background-repeat: no-repeat;
     background-size: 100% 100%;
     display: flex;
@@ -9519,6 +9528,16 @@ const Cv = ({
     @media screen and (max-width: ${e.breakpoints.sm}) and (${!t}) {
       max-height: 410px;
     }
+    ${t && `
+    @media screen and (min-width: ${e.breakpoints.mobile}) {
+      border: none !important;
+      background-image: url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729784164/airs/search-bar/empty_state_bg.webp);
+    }
+    @media screen and (max-width: ${e.breakpoints.mobile}) {
+      border: none !important;
+      background-image: url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729783908/airs/search-bar/empty_state_bg_mobile.webp);
+    }
+      `}
 
     &::-webkit-scrollbar {
       height: ${e.spacing[0.5]};
@@ -9680,8 +9699,8 @@ const Cv = ({
           color: oe.palette.gray[400],
           fontWeight: "bold",
           lineSpacing: 1.5,
-          size: "lg",
-          sizeSm: "md",
+          size: "md",
+          sizeSm: "sm",
           children: "Suggested"
         }
       ),
@@ -9700,8 +9719,8 @@ const Cv = ({
           color: oe.palette.gray[400],
           fontWeight: "bold",
           lineSpacing: 1.5,
-          size: "lg",
-          sizeSm: "md",
+          size: "md",
+          sizeSm: "sm",
           children: "Can’t find what you’re looking for?"
         }
       ),
@@ -9721,8 +9740,8 @@ const Cv = ({
           color: oe.palette.gray[400],
           fontWeight: "bold",
           lineSpacing: 1.5,
-          size: "lg",
-          sizeSm: "md",
+          size: "md",
+          sizeSm: "sm",
           children: "Results"
         }
       ),

package/dist/src/components/message-banner/types.d.ts

@@ -1,6 +1,7 @@
 import { IconName } from '@fortawesome/free-solid-svg-icons';
 import { Property } from 'csstype';
 import { MouseEventHandler } from 'react';
+type TVariant = "web" | "platform";
 /**
  * Message banner props.
  * @extends IMessageBannerProps
@@ -18,5 +19,6 @@ interface IMessageBannerProps {
     icon?: IconName;
     onClickButton?: MouseEventHandler<HTMLButtonElement>;
     onClose?: () => void;
+    variant?: TVariant;
 }
-export type { IMessageBannerProps };
+export type { IMessageBannerProps, TVariant };

package/dist/src/components/message-banner/utils.d.ts

@@ -0,0 +1,7 @@
+import { TVariant } from './types';
+import { TSize } from '../@core';
+declare const getFontSize: (variant: TVariant) => {
+    normal: TSize;
+    small: TSize | undefined;
+};
+export { getFontSize };

package/package.json

@@ -50,6 +50,7 @@
     "typescript": "5.6.3",
     "typescript-eslint": "8.11.0",
     "vite": "5.4.10",
+    "vite-plugin-css-injected-by-js": "3.5.2",
     "vite-plugin-dts": "4.3.0"
   },
   "files": [
@@ -81,7 +82,7 @@
     "preview": "vite preview",
     "storybook": "storybook dev"
   },
-  "version": "1.2.20",
+  "version": "1.2.21",
   "eslintConfig": {
     "extends": [
       "plugin:storybook/recommended"

package/dist/style.css

@@ -1 +0,0 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-\[500px\]{height:500px}.w-full{width:100%}.max-w-72{max-width:18rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.self-stretch{align-self:stretch}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[90px\]{padding-top:90px;padding-bottom:90px}.align-middle{vertical-align:middle}.text-sm{font-size:.875rem;line-height:1.25rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@property --animate-position{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --color-1{syntax: "<color>"; initial-value: #f32637; inherits: false;}@property --color-2{syntax: "<color>"; initial-value: #b8075d; inherits: false;}@property --btn-padding-x{syntax: "<length>"; initial-value: 16px; inherits: false;}@property --btn-padding-y{syntax: "<length>"; initial-value: 10px; inherits: false;}@property --btn-spacing{syntax: "<length>"; initial-value: 8px; inherits: false;}@property --grid-columns{syntax: "<number>"; initial-value: 12; inherits: false;}@property --grid-width{syntax: "<length>"; initial-value: 1440px; inherits: false;}@property --angle-grad{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --opacity-grad{syntax: "<number>"; initial-value: 0; inherits: false;}@keyframes spinAnimation{to{--border-angle: 360deg}}@keyframes gradientAnimation{0%{--animate-position: 45deg}33%{--animate-position: -50deg}66%{--animate-position: -100deg}to{--animate-position: 45deg}}