@warp-ds/elements 2.2.0-next.9 → 2.3.0-next.1

package/dist/packages/attention/react.js

@@ -1,3405 +1,17 @@
-var Kr=Object.create;var Ge=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var Gr=Object.getOwnPropertyNames;var Qr=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var Ce=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var to=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Gr(t))!eo.call(e,n)&&n!==r&&Ge(e,n,{get:()=>t[n],enumerable:!(o=wt(t,n))||o.enumerable});return e};var xt=(e,t,r)=>(r=e!=null?Kr(Qr(e)):{},to(t||!e||!e.__esModule?Ge(r,"default",{value:e,enumerable:!0}):r,e));var R=(e,t,r,o)=>{for(var n=o>1?void 0:o?wt(t,r):t,a=e.length-1,i;a>=0;a--)(i=e[a])&&(n=(o?i(t,r,n):i(n))||n);return o&&n&&Ge(t,r,n),n};var Dt=Ce(b=>{"use strict";var et=Symbol.for("react.transitional.element"),ro=Symbol.for("react.portal"),oo=Symbol.for("react.fragment"),no=Symbol.for("react.strict_mode"),io=Symbol.for("react.profiler"),ao=Symbol.for("react.consumer"),so=Symbol.for("react.context"),lo=Symbol.for("react.forward_ref"),co=Symbol.for("react.suspense"),uo=Symbol.for("react.memo"),At=Symbol.for("react.lazy"),yt=Symbol.iterator;function po(e){return e===null||typeof e!="object"?null:(e=yt&&e[yt]||e["@@iterator"],typeof e=="function"?e:null)}var Ot={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Rt=Object.assign,St={};function ue(e,t,r){this.props=e,this.context=t,this.refs=St,this.updater=r||Ot}ue.prototype.isReactComponent={};ue.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};ue.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Tt(){}Tt.prototype=ue.prototype;function tt(e,t,r){this.props=e,this.context=t,this.refs=St,this.updater=r||Ot}var rt=tt.prototype=new Tt;rt.constructor=tt;Rt(rt,ue.prototype);rt.isPureReactComponent=!0;var kt=Array.isArray,y={H:null,A:null,T:null,S:null,V:null},Lt=Object.prototype.hasOwnProperty;function ot(e,t,r,o,n,a){return r=a.ref,{$$typeof:et,type:e,key:t,ref:r!==void 0?r:null,props:a}}function mo(e,t){return ot(e.type,t,void 0,void 0,void 0,e.props)}function nt(e){return typeof e=="object"&&e!==null&&e.$$typeof===et}function go(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(r){return t[r]})}var Et=/\/+/g;function Qe(e,t){return typeof e=="object"&&e!==null&&e.key!=null?go(""+e.key):t.toString(36)}function _t(){}function fo(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(_t,_t):(e.status="pending",e.then(function(t){e.status==="pending"&&(e.status="fulfilled",e.value=t)},function(t){e.status==="pending"&&(e.status="rejected",e.reason=t)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function de(e,t,r,o,n){var a=typeof e;(a==="undefined"||a==="boolean")&&(e=null);var i=!1;if(e===null)i=!0;else switch(a){case"bigint":case"string":case"number":i=!0;break;case"object":switch(e.$$typeof){case et:case ro:i=!0;break;case At:return i=e._init,de(i(e._payload),t,r,o,n)}}if(i)return n=n(e),i=o===""?"."+Qe(e,0):o,kt(n)?(r="",i!=null&&(r=i.replace(Et,"$&/")+"/"),de(n,t,r,"",function(c){return c})):n!=null&&(nt(n)&&(n=mo(n,r+(n.key==null||e&&e.key===n.key?"":(""+n.key).replace(Et,"$&/")+"/")+i)),t.push(n)),1;i=0;var s=o===""?".":o+":";if(kt(e))for(var l=0;l<e.length;l++)o=e[l],a=s+Qe(o,l),i+=de(o,t,r,a,n);else if(l=po(e),typeof l=="function")for(e=l.call(e),l=0;!(o=e.next()).done;)o=o.value,a=s+Qe(o,l++),i+=de(o,t,r,a,n);else if(a==="object"){if(typeof e.then=="function")return de(fo(e),t,r,o,n);throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.")}return i}function Ae(e,t,r){if(e==null)return e;var o=[],n=0;return de(e,o,"","",function(a){return t.call(r,a,n++)}),o}function bo(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(r){(e._status===0||e._status===-1)&&(e._status=1,e._result=r)},function(r){(e._status===0||e._status===-1)&&(e._status=2,e._result=r)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var Ct=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var t=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function ho(){}b.Children={map:Ae,forEach:function(e,t,r){Ae(e,function(){t.apply(this,arguments)},r)},count:function(e){var t=0;return Ae(e,function(){t++}),t},toArray:function(e){return Ae(e,function(t){return t})||[]},only:function(e){if(!nt(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};b.Component=ue;b.Fragment=oo;b.Profiler=io;b.PureComponent=tt;b.StrictMode=no;b.Suspense=co;b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=y;b.__COMPILER_RUNTIME={__proto__:null,c:function(e){return y.H.useMemoCache(e)}};b.cache=function(e){return function(){return e.apply(null,arguments)}};b.cloneElement=function(e,t,r){if(e==null)throw Error("The argument must be a React element, but you passed "+e+".");var o=Rt({},e.props),n=e.key,a=void 0;if(t!=null)for(i in t.ref!==void 0&&(a=void 0),t.key!==void 0&&(n=""+t.key),t)!Lt.call(t,i)||i==="key"||i==="__self"||i==="__source"||i==="ref"&&t.ref===void 0||(o[i]=t[i]);var i=arguments.length-2;if(i===1)o.children=r;else if(1<i){for(var s=Array(i),l=0;l<i;l++)s[l]=arguments[l+2];o.children=s}return ot(e.type,n,void 0,void 0,a,o)};b.createContext=function(e){return e={$$typeof:so,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:ao,_context:e},e};b.createElement=function(e,t,r){var o,n={},a=null;if(t!=null)for(o in t.key!==void 0&&(a=""+t.key),t)Lt.call(t,o)&&o!=="key"&&o!=="__self"&&o!=="__source"&&(n[o]=t[o]);var i=arguments.length-2;if(i===1)n.children=r;else if(1<i){for(var s=Array(i),l=0;l<i;l++)s[l]=arguments[l+2];n.children=s}if(e&&e.defaultProps)for(o in i=e.defaultProps,i)n[o]===void 0&&(n[o]=i[o]);return ot(e,a,void 0,void 0,null,n)};b.createRef=function(){return{current:null}};b.forwardRef=function(e){return{$$typeof:lo,render:e}};b.isValidElement=nt;b.lazy=function(e){return{$$typeof:At,_payload:{_status:-1,_result:e},_init:bo}};b.memo=function(e,t){return{$$typeof:uo,type:e,compare:t===void 0?null:t}};b.startTransition=function(e){var t=y.T,r={};y.T=r;try{var o=e(),n=y.S;n!==null&&n(r,o),typeof o=="object"&&o!==null&&typeof o.then=="function"&&o.then(ho,Ct)}catch(a){Ct(a)}finally{y.T=t}};b.unstable_useCacheRefresh=function(){return y.H.useCacheRefresh()};b.use=function(e){return y.H.use(e)};b.useActionState=function(e,t,r){return y.H.useActionState(e,t,r)};b.useCallback=function(e,t){return y.H.useCallback(e,t)};b.useContext=function(e){return y.H.useContext(e)};b.useDebugValue=function(){};b.useDeferredValue=function(e,t){return y.H.useDeferredValue(e,t)};b.useEffect=function(e,t,r){var o=y.H;if(typeof r=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return o.useEffect(e,t)};b.useId=function(){return y.H.useId()};b.useImperativeHandle=function(e,t,r){return y.H.useImperativeHandle(e,t,r)};b.useInsertionEffect=function(e,t){return y.H.useInsertionEffect(e,t)};b.useLayoutEffect=function(e,t){return y.H.useLayoutEffect(e,t)};b.useMemo=function(e,t){return y.H.useMemo(e,t)};b.useOptimistic=function(e,t){return y.H.useOptimistic(e,t)};b.useReducer=function(e,t,r){return y.H.useReducer(e,t,r)};b.useRef=function(e){return y.H.useRef(e)};b.useState=function(e){return y.H.useState(e)};b.useSyncExternalStore=function(e,t,r){return y.H.useSyncExternalStore(e,t,r)};b.useTransition=function(){return y.H.useTransition()};b.version="19.1.1"});var Pt=Ce((Xn,zt)=>{"use strict";zt.exports=Dt()});var Nt=Ce(oe=>{"use strict";Object.defineProperty(oe,"__esModule",{value:!0});oe.errorMessages=oe.ErrorType=void 0;var pe;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(pe=oe.ErrorType||(oe.ErrorType={}));oe.errorMessages=new Map([[pe.MalformedUnicode,"malformed Unicode character escape sequence"],[pe.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[pe.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[pe.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[pe.EndOfString,"malformed escape sequence at end of string"]])});var Bt=Ce(V=>{"use strict";Object.defineProperty(V,"__esModule",{value:!0});V.unraw=V.errorMessages=V.ErrorType=void 0;var O=Nt();Object.defineProperty(V,"ErrorType",{enumerable:!0,get:function(){return O.ErrorType}});Object.defineProperty(V,"errorMessages",{enumerable:!0,get:function(){return O.errorMessages}});function wo(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function Re(e,t,r){let o=wo(e);if(Number.isNaN(o)||r!==void 0&&r!==e.length)throw new SyntaxError(O.errorMessages.get(t));return o}function xo(e){let t=Re(e,O.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(t)}function $t(e,t){let r=Re(e,O.ErrorType.MalformedUnicode,4);if(t!==void 0){let o=Re(t,O.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function yo(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function ko(e){if(!yo(e))throw new SyntaxError(O.errorMessages.get(O.ErrorType.MalformedUnicode));let t=e.slice(1,-1),r=Re(t,O.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(O.errorMessages.get(O.ErrorType.CodePointLimit)):o}}function Eo(e,t=!1){if(t)throw new SyntaxError(O.errorMessages.get(O.ErrorType.OctalDeprecation));let r=parseInt(e,8);return String.fromCharCode(r)}var _o=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Co(e){return _o.get(e)||e}var Ao=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Ht(e,t=!1){return e.replace(Ao,function(r,o,n,a,i,s,l,c,d){if(o!==void 0)return"\\";if(n!==void 0)return xo(n);if(a!==void 0)return ko(a);if(i!==void 0)return $t(i,s);if(l!==void 0)return $t(l);if(c==="0")return"\0";if(c!==void 0)return Eo(c,!t);if(d!==void 0)return Co(d);throw new SyntaxError(O.errorMessages.get(O.ErrorType.EndOfString))})}V.unraw=Ht;V.default=Ht});var Wr=xt(Pt(),1);var vo=new Set(["children","localName","ref","style","className"]),Mt=new WeakMap,jt=(e,t,r,o,n)=>{let a=n==null?void 0:n[t];a===void 0?(e[t]=r,r==null&&t in HTMLElement.prototype&&e.removeAttribute(t)):r!==o&&((i,s,l)=>{let c=Mt.get(i);c===void 0&&Mt.set(i,c=new Map);let d=c.get(s);l!==void 0?d===void 0?(c.set(s,d={handleEvent:l}),i.addEventListener(s,d)):d.handleEvent=l:d!==void 0&&(c.delete(s),i.removeEventListener(s,d))})(e,a,r)},it=({react:e,tagName:t,elementClass:r,events:o,displayName:n})=>{let a=new Set(Object.keys(o!=null?o:{})),i=e.forwardRef((s,l)=>{let c=e.useRef(new Map),d=e.useRef(null),p={},g={};for(let[u,m]of Object.entries(s))vo.has(u)?p[u==="className"?"class":u]=m:a.has(u)||u in r.prototype?g[u]=m:p[u]=m;return e.useLayoutEffect(()=>{if(d.current===null)return;let u=new Map;for(let m in g)jt(d.current,m,s[m],c.current.get(m),o),c.current.delete(m),u.set(m,s[m]);for(let[m,f]of c.current)jt(d.current,m,void 0,f,o);c.current=u}),e.useLayoutEffect(()=>{var u;(u=d.current)==null||u.removeAttribute("defer-hydration")},[]),p.suppressHydrationWarning=!0,e.createElement(t,{...p,ref:e.useCallback(u=>{d.current=u,typeof l=="function"?l(u):l!==null&&(l.current=u)},[l])})});return i.displayName=n!=null?n:r.name,i};import{css as $n,html as be,LitElement as Hn,nothing as qr}from"lit";var Oe=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?Oe.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(n){return o[n]?n:""}):"")},[]).join(" ")};var Ft=xt(Bt(),1);var ee=e=>typeof e=="string",Oo=e=>typeof e=="function",Yt=new Map,Ut="en";function ct(e){return[...Array.isArray(e)?e:[e],Ut]}function dt(e,t,r){let o=ct(e);r||(r="default");let n;if(typeof r=="string")switch(n={day:"numeric",month:"short",year:"numeric"},r){case"full":n.weekday="long";case"long":n.month="long";break;case"short":n.month="numeric";break}else n=r;return Se(()=>Te("date",o,r),()=>new Intl.DateTimeFormat(o,n)).format(ee(t)?new Date(t):t)}function Ro(e,t,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return dt(e,t,o)}function at(e,t,r){let o=ct(e);return Se(()=>Te("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function It(e,t,r,{offset:o=0,...n}){var s,l;let a=ct(e),i=t?Se(()=>Te("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Se(()=>Te("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=n[r])!=null?s:n[i.select(r-o)])!=null?l:n.other}function Se(e,t){let r=e(),o=Yt.get(r);return o||(o=t(),Yt.set(r,o)),o}function Te(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Xt=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Vt="%__lingui_octothorpe__%",So=(e,t,r={})=>{let o=t||e,n=i=>typeof i=="object"?i:r[i],a=(i,s)=>{let l=Object.keys(r).length?n("number"):void 0,c=at(o,i,l);return s.replace(new RegExp(Vt,"g"),c)};return{plural:(i,s)=>{let{offset:l=0}=s,c=It(o,!1,i,s);return a(i-l,c)},selectordinal:(i,s)=>{let{offset:l=0}=s,c=It(o,!0,i,s);return a(i-l,c)},select:To,number:(i,s)=>at(o,i,n(s)||{style:s}),date:(i,s)=>dt(o,i,n(s)||s),time:(i,s)=>Ro(o,i,n(s)||s)}},To=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function Lo(e,t,r){return(o={},n)=>{let a=So(t,r,n),i=(l,c=!1)=>Array.isArray(l)?l.reduce((d,p)=>{if(p==="#"&&c)return d+Vt;if(ee(p))return d+p;let[g,u,m]=p,f={};u==="plural"||u==="selectordinal"||u==="select"?Object.entries(m).forEach(([v,w])=>{f[v]=i(w,u==="plural"||u==="selectordinal")}):f=m;let h;if(u){let v=a[u];h=v(o[g],f)}else h=o[g];return h==null?d:d+h},""):l,s=i(e);return ee(s)&&Xt.test(s)?(0,Ft.unraw)(s):ee(s)?s:s?String(s):""}}var Do=Object.defineProperty,zo=(e,t,r)=>t in e?Do(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Po=(e,t,r)=>(zo(e,typeof t!="symbol"?t+"":t,r),r),st=class{constructor(){Po(this,"_events",{})}on(t,r){var n;var o;return(n=(o=this._events)[t])!=null||(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let n=o.indexOf(r);~n&&o.splice(n,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(n=>n.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},Mo=Object.defineProperty,jo=(e,t,r)=>t in e?Mo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ne=(e,t,r)=>(jo(e,typeof t!="symbol"?t+"":t,r),r),lt=class extends st{constructor(t){var r;super(),ne(this,"_locale",""),ne(this,"_locales"),ne(this,"_localeData",{}),ne(this,"_messages",{}),ne(this,"_missing"),ne(this,"_messageCompiler"),ne(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate((r=t.locale)!=null?r:Ut,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,n])=>this._load(o,n)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let n=o==null?void 0:o.message;t||(t=""),ee(t)||(r=t.values||r,n=t.message,t=t.id);let a=this.messages[t],i=a===void 0,s=this._missing;if(s&&i)return Oo(s)?s(this._locale,t):s;i&&this.emit("missing",{id:t,locale:this._locale});let l=a||n||t;return ee(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
-
-> ${l}
-
-That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
-ICU features such as interpolation and plurals will not work properly for that message. 
-
-Please compile your catalog first. 
-`)),ee(l)&&Xt.test(l)?JSON.parse(`"${l}"`):ee(l)?l:Lo(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return dt(this._locales||this._locale,t,r)}number(t,r){return at(this._locales||this._locale,t,r)}};function No(e={}){return new lt(e)}var _=No();var Wt=["top","right","bottom","left"];var q=Math.min,S=Math.max,we=Math.round;var $=e=>({x:e,y:e}),$o={left:"right",right:"left",bottom:"top",top:"bottom"},Ho={start:"end",end:"start"};function De(e,t,r){return S(e,q(t,r))}function te(e,t){return typeof e=="function"?e(t):e}function Z(e){return e.split("-")[0]}function ie(e){return e.split("-")[1]}function ut(e){return e==="x"?"y":"x"}function ze(e){return e==="y"?"height":"width"}var Bo=new Set(["top","bottom"]);function I(e){return Bo.has(Z(e))?"y":"x"}function Pe(e){return ut(I(e))}function Jt(e,t,r){r===void 0&&(r=!1);let o=ie(e),n=Pe(e),a=ze(n),i=n==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=ve(i)),[i,ve(i)]}function Kt(e){let t=ve(e);return[Le(e),t,Le(t)]}function Le(e){return e.replace(/start|end/g,t=>Ho[t])}var qt=["left","right"],Zt=["right","left"],Yo=["top","bottom"],Io=["bottom","top"];function Fo(e,t,r){switch(e){case"top":case"bottom":return r?t?Zt:qt:t?qt:Zt;case"left":case"right":return t?Yo:Io;default:return[]}}function Gt(e,t,r,o){let n=ie(e),a=Fo(Z(e),r==="start",o);return n&&(a=a.map(i=>i+"-"+n),t&&(a=a.concat(a.map(Le)))),a}function ve(e){return e.replace(/left|right|bottom|top/g,t=>$o[t])}function Uo(e){return{top:0,right:0,bottom:0,left:0,...e}}function pt(e){return typeof e!="number"?Uo(e):{top:e,right:e,bottom:e,left:e}}function ae(e){let{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}function Qt(e,t,r){let{reference:o,floating:n}=e,a=I(t),i=Pe(t),s=ze(i),l=Z(t),c=a==="y",d=o.x+o.width/2-n.width/2,p=o.y+o.height/2-n.height/2,g=o[s]/2-n[s]/2,u;switch(l){case"top":u={x:d,y:o.y-n.height};break;case"bottom":u={x:d,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:p};break;case"left":u={x:o.x-n.width,y:p};break;default:u={x:o.x,y:o.y}}switch(ie(t)){case"start":u[i]-=g*(r&&c?-1:1);break;case"end":u[i]+=g*(r&&c?-1:1);break}return u}var rr=async(e,t,r)=>{let{placement:o="bottom",strategy:n="absolute",middleware:a=[],platform:i}=r,s=a.filter(Boolean),l=await(i.isRTL==null?void 0:i.isRTL(t)),c=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:d,y:p}=Qt(c,o,l),g=o,u={},m=0;for(let f=0;f<s.length;f++){let{name:h,fn:v}=s[f],{x:w,y:x,data:C,reset:k}=await v({x:d,y:p,initialPlacement:o,placement:g,strategy:n,middlewareData:u,rects:c,platform:i,elements:{reference:e,floating:t}});d=w!=null?w:d,p=x!=null?x:p,u={...u,[h]:{...u[h],...C}},k&&m<=50&&(m++,typeof k=="object"&&(k.placement&&(g=k.placement),k.rects&&(c=k.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:n}):k.rects),{x:d,y:p}=Qt(c,g,l)),f=-1)}return{x:d,y:p,placement:g,strategy:n,middlewareData:u}};async function me(e,t){var r;t===void 0&&(t={});let{x:o,y:n,platform:a,rects:i,elements:s,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:p="floating",altBoundary:g=!1,padding:u=0}=te(t,e),m=pt(u),h=s[g?p==="floating"?"reference":"floating":p],v=ae(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(h)))==null||r?h:h.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:c,rootBoundary:d,strategy:l})),w=p==="floating"?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,x=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),C=await(a.isElement==null?void 0:a.isElement(x))?await(a.getScale==null?void 0:a.getScale(x))||{x:1,y:1}:{x:1,y:1},k=ae(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:w,offsetParent:x,strategy:l}):w);return{top:(v.top-k.top+m.top)/C.y,bottom:(k.bottom-v.bottom+m.bottom)/C.y,left:(v.left-k.left+m.left)/C.x,right:(k.right-v.right+m.right)/C.x}}var or=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:n,rects:a,platform:i,elements:s,middlewareData:l}=t,{element:c,padding:d=0}=te(e,t)||{};if(c==null)return{};let p=pt(d),g={x:r,y:o},u=Pe(n),m=ze(u),f=await i.getDimensions(c),h=u==="y",v=h?"top":"left",w=h?"bottom":"right",x=h?"clientHeight":"clientWidth",C=a.reference[m]+a.reference[u]-g[u]-a.floating[m],k=g[u]-a.reference[u],J=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c)),M=J?J[x]:0;(!M||!await(i.isElement==null?void 0:i.isElement(J)))&&(M=s.floating[x]||a.floating[m]);let U=C/2-k/2,B=M/2-f[m]/2-1,D=q(p[v],B),K=q(p[w],B),Y=D,G=M-f[m]-K,A=M/2-f[m]/2+U,re=De(Y,A,G),X=!l.arrow&&ie(n)!=null&&A!==re&&a.reference[m]/2-(A<Y?D:K)-f[m]/2<0,j=X?A<Y?A-Y:A-G:0;return{[u]:g[u]+j,data:{[u]:re,centerOffset:A-re-j,...X&&{alignmentOffset:j}},reset:X}}});var nr=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:n,middlewareData:a,rects:i,initialPlacement:s,platform:l,elements:c}=t,{mainAxis:d=!0,crossAxis:p=!0,fallbackPlacements:g,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:f=!0,...h}=te(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let v=Z(n),w=I(s),x=Z(s)===s,C=await(l.isRTL==null?void 0:l.isRTL(c.floating)),k=g||(x||!f?[ve(s)]:Kt(s)),J=m!=="none";!g&&J&&k.push(...Gt(s,f,m,C));let M=[s,...k],U=await me(t,h),B=[],D=((o=a.flip)==null?void 0:o.overflows)||[];if(d&&B.push(U[v]),p){let A=Jt(n,i,C);B.push(U[A[0]],U[A[1]])}if(D=[...D,{placement:n,overflows:B}],!B.every(A=>A<=0)){var K,Y;let A=(((K=a.flip)==null?void 0:K.index)||0)+1,re=M[A];if(re&&(!(p==="alignment"?w!==I(re):!1)||D.every(N=>I(N.placement)===w?N.overflows[0]>0:!0)))return{data:{index:A,overflows:D},reset:{placement:re}};let X=(Y=D.filter(j=>j.overflows[0]<=0).sort((j,N)=>j.overflows[1]-N.overflows[1])[0])==null?void 0:Y.placement;if(!X)switch(u){case"bestFit":{var G;let j=(G=D.filter(N=>{if(J){let Q=I(N.placement);return Q===w||Q==="y"}return!0}).map(N=>[N.placement,N.overflows.filter(Q=>Q>0).reduce((Q,Jr)=>Q+Jr,0)]).sort((N,Q)=>N[1]-Q[1])[0])==null?void 0:G[0];j&&(X=j);break}case"initialPlacement":X=s;break}if(n!==X)return{reset:{placement:X}}}return{}}}};function er(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function tr(e){return Wt.some(t=>e[t]>=0)}var ir=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r}=t,{strategy:o="referenceHidden",...n}=te(e,t);switch(o){case"referenceHidden":{let a=await me(t,{...n,elementContext:"reference"}),i=er(a,r.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:tr(i)}}}case"escaped":{let a=await me(t,{...n,altBoundary:!0}),i=er(a,r.floating);return{data:{escapedOffsets:i,escaped:tr(i)}}}default:return{}}}}};var Xo=new Set(["left","top"]);async function Vo(e,t){let{placement:r,platform:o,elements:n}=e,a=await(o.isRTL==null?void 0:o.isRTL(n.floating)),i=Z(r),s=ie(r),l=I(r)==="y",c=Xo.has(i)?-1:1,d=a&&l?-1:1,p=te(t,e),{mainAxis:g,crossAxis:u,alignmentAxis:m}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return s&&typeof m=="number"&&(u=s==="end"?m*-1:m),l?{x:u*d,y:g*c}:{x:g*c,y:u*d}}var ar=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:n,y:a,placement:i,middlewareData:s}=t,l=await Vo(t,e);return i===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:i}}}}},sr=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:n}=t,{mainAxis:a=!0,crossAxis:i=!1,limiter:s={fn:h=>{let{x:v,y:w}=h;return{x:v,y:w}}},...l}=te(e,t),c={x:r,y:o},d=await me(t,l),p=I(Z(n)),g=ut(p),u=c[g],m=c[p];if(a){let h=g==="y"?"top":"left",v=g==="y"?"bottom":"right",w=u+d[h],x=u-d[v];u=De(w,u,x)}if(i){let h=p==="y"?"top":"left",v=p==="y"?"bottom":"right",w=m+d[h],x=m-d[v];m=De(w,m,x)}let f=s.fn({...t,[g]:u,[p]:m});return{...f,data:{x:f.x-r,y:f.y-o,enabled:{[g]:a,[p]:i}}}}}};var lr=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:n,rects:a,platform:i,elements:s}=t,{apply:l=()=>{},...c}=te(e,t),d=await me(t,c),p=Z(n),g=ie(n),u=I(n)==="y",{width:m,height:f}=a.floating,h,v;p==="top"||p==="bottom"?(h=p,v=g===(await(i.isRTL==null?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(v=p,h=g==="end"?"top":"bottom");let w=f-d.top-d.bottom,x=m-d.left-d.right,C=q(f-d[h],w),k=q(m-d[v],x),J=!t.middlewareData.shift,M=C,U=k;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(U=x),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(M=w),J&&!g){let D=S(d.left,0),K=S(d.right,0),Y=S(d.top,0),G=S(d.bottom,0);u?U=m-2*(D!==0||K!==0?D+K:S(d.left,d.right)):M=f-2*(Y!==0||G!==0?Y+G:S(d.top,d.bottom))}await l({...t,availableWidth:U,availableHeight:M});let B=await i.getDimensions(s.floating);return m!==B.width||f!==B.height?{reset:{rects:!0}}:{}}}};function je(){return typeof window!="undefined"}function se(e){return dr(e)?(e.nodeName||"").toLowerCase():"#document"}function T(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function F(e){var t;return(t=(dr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function dr(e){return je()?e instanceof Node||e instanceof T(e).Node:!1}function z(e){return je()?e instanceof Element||e instanceof T(e).Element:!1}function H(e){return je()?e instanceof HTMLElement||e instanceof T(e).HTMLElement:!1}function cr(e){return!je()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof T(e).ShadowRoot}var qo=new Set(["inline","contents"]);function ge(e){let{overflow:t,overflowX:r,overflowY:o,display:n}=P(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!qo.has(n)}var Zo=new Set(["table","td","th"]);function ur(e){return Zo.has(se(e))}var Wo=[":popover-open",":modal"];function xe(e){return Wo.some(t=>{try{return e.matches(t)}catch(r){return!1}})}var Jo=["transform","translate","scale","rotate","perspective"],Ko=["transform","translate","scale","rotate","perspective","filter"],Go=["paint","layout","strict","content"];function Ne(e){let t=$e(),r=z(e)?P(e):e;return Jo.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||Ko.some(o=>(r.willChange||"").includes(o))||Go.some(o=>(r.contain||"").includes(o))}function pr(e){let t=W(e);for(;H(t)&&!le(t);){if(Ne(t))return t;if(xe(t))return null;t=W(t)}return null}function $e(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Qo=new Set(["html","body","#document"]);function le(e){return Qo.has(se(e))}function P(e){return T(e).getComputedStyle(e)}function ye(e){return z(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function W(e){if(se(e)==="html")return e;let t=e.assignedSlot||e.parentNode||cr(e)&&e.host||F(e);return cr(t)?t.host:t}function mr(e){let t=W(e);return le(t)?e.ownerDocument?e.ownerDocument.body:e.body:H(t)&&ge(t)?t:mr(t)}function Me(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let n=mr(e),a=n===((o=e.ownerDocument)==null?void 0:o.body),i=T(n);if(a){let s=He(i);return t.concat(i,i.visualViewport||[],ge(n)?n:[],s&&r?Me(s):[])}return t.concat(n,Me(n,[],r))}function He(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function br(e){let t=P(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,n=H(e),a=n?e.offsetWidth:r,i=n?e.offsetHeight:o,s=we(r)!==a||we(o)!==i;return s&&(r=a,o=i),{width:r,height:o,$:s}}function hr(e){return z(e)?e:e.contextElement}function fe(e){let t=hr(e);if(!H(t))return $(1);let r=t.getBoundingClientRect(),{width:o,height:n,$:a}=br(t),i=(a?we(r.width):r.width)/o,s=(a?we(r.height):r.height)/n;return(!i||!Number.isFinite(i))&&(i=1),(!s||!Number.isFinite(s))&&(s=1),{x:i,y:s}}var en=$(0);function vr(e){let t=T(e);return!$e()||!t.visualViewport?en:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function tn(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==T(e)?!1:t}function ke(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let n=e.getBoundingClientRect(),a=hr(e),i=$(1);t&&(o?z(o)&&(i=fe(o)):i=fe(e));let s=tn(a,r,o)?vr(a):$(0),l=(n.left+s.x)/i.x,c=(n.top+s.y)/i.y,d=n.width/i.x,p=n.height/i.y;if(a){let g=T(a),u=o&&z(o)?T(o):o,m=g,f=He(m);for(;f&&o&&u!==m;){let h=fe(f),v=f.getBoundingClientRect(),w=P(f),x=v.left+(f.clientLeft+parseFloat(w.paddingLeft))*h.x,C=v.top+(f.clientTop+parseFloat(w.paddingTop))*h.y;l*=h.x,c*=h.y,d*=h.x,p*=h.y,l+=x,c+=C,m=T(f),f=He(m)}}return ae({width:d,height:p,x:l,y:c})}function gt(e,t){let r=ye(e).scrollLeft;return t?t.left+r:ke(F(e)).left+r}function wr(e,t,r){r===void 0&&(r=!1);let o=e.getBoundingClientRect(),n=o.left+t.scrollLeft-(r?0:gt(e,o)),a=o.top+t.scrollTop;return{x:n,y:a}}function rn(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e,a=n==="fixed",i=F(o),s=t?xe(t.floating):!1;if(o===i||s&&a)return r;let l={scrollLeft:0,scrollTop:0},c=$(1),d=$(0),p=H(o);if((p||!p&&!a)&&((se(o)!=="body"||ge(i))&&(l=ye(o)),H(o))){let u=ke(o);c=fe(o),d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}let g=i&&!p&&!a?wr(i,l,!0):$(0);return{width:r.width*c.x,height:r.height*c.y,x:r.x*c.x-l.scrollLeft*c.x+d.x+g.x,y:r.y*c.y-l.scrollTop*c.y+d.y+g.y}}function on(e){return Array.from(e.getClientRects())}function nn(e){let t=F(e),r=ye(e),o=e.ownerDocument.body,n=S(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=S(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),i=-r.scrollLeft+gt(e),s=-r.scrollTop;return P(o).direction==="rtl"&&(i+=S(t.clientWidth,o.clientWidth)-n),{width:n,height:a,x:i,y:s}}function an(e,t){let r=T(e),o=F(e),n=r.visualViewport,a=o.clientWidth,i=o.clientHeight,s=0,l=0;if(n){a=n.width,i=n.height;let c=$e();(!c||c&&t==="fixed")&&(s=n.offsetLeft,l=n.offsetTop)}return{width:a,height:i,x:s,y:l}}function sn(e,t){let r=ke(e,!0,t==="fixed"),o=r.top+e.clientTop,n=r.left+e.clientLeft,a=H(e)?fe(e):$(1),i=e.clientWidth*a.x,s=e.clientHeight*a.y,l=n*a.x,c=o*a.y;return{width:i,height:s,x:l,y:c}}function gr(e,t,r){let o;if(t==="viewport")o=an(e,r);else if(t==="document")o=nn(F(e));else if(z(t))o=sn(t,r);else{let n=vr(e);o={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return ae(o)}function xr(e,t){let r=W(e);return r===t||!z(r)||le(r)?!1:P(r).position==="fixed"||xr(r,t)}function ln(e,t){let r=t.get(e);if(r)return r;let o=Me(e,[],!1).filter(s=>z(s)&&se(s)!=="body"),n=null,a=P(e).position==="fixed",i=a?W(e):e;for(;z(i)&&!le(i);){let s=P(i),l=Ne(i);!l&&s.position==="fixed"&&(n=null),(a?!l&&!n:!l&&s.position==="static"&&!!n&&["absolute","fixed"].includes(n.position)||ge(i)&&!l&&xr(e,i))?o=o.filter(d=>d!==i):n=s,i=W(i)}return t.set(e,o),o}function cn(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e,i=[...r==="clippingAncestors"?xe(t)?[]:ln(t,this._c):[].concat(r),o],s=i[0],l=i.reduce((c,d)=>{let p=gr(t,d,n);return c.top=S(p.top,c.top),c.right=q(p.right,c.right),c.bottom=q(p.bottom,c.bottom),c.left=S(p.left,c.left),c},gr(t,s,n));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function dn(e){let{width:t,height:r}=br(e);return{width:t,height:r}}function un(e,t,r){let o=H(t),n=F(t),a=r==="fixed",i=ke(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=$(0);if(o||!o&&!a)if((se(t)!=="body"||ge(n))&&(s=ye(t)),o){let g=ke(t,!0,a,t);l.x=g.x+t.clientLeft,l.y=g.y+t.clientTop}else n&&(l.x=gt(n));let c=n&&!o&&!a?wr(n,s):$(0),d=i.left+s.scrollLeft-l.x-c.x,p=i.top+s.scrollTop-l.y-c.y;return{x:d,y:p,width:i.width,height:i.height}}function mt(e){return P(e).position==="static"}function fr(e,t){if(!H(e)||P(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return F(e)===r&&(r=r.ownerDocument.body),r}function yr(e,t){let r=T(e);if(xe(e))return r;if(!H(e)){let n=W(e);for(;n&&!le(n);){if(z(n)&&!mt(n))return n;n=W(n)}return r}let o=fr(e,t);for(;o&&ur(o)&&mt(o);)o=fr(o,t);return o&&le(o)&&mt(o)&&!Ne(o)?r:o||pr(e)||r}var pn=async function(e){let t=this.getOffsetParent||yr,r=this.getDimensions,o=await r(e.floating);return{reference:un(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function mn(e){return P(e).direction==="rtl"}var gn={convertOffsetParentRelativeRectToViewportRelativeRect:rn,getDocumentElement:F,getClippingRect:cn,getOffsetParent:yr,getElementRects:pn,getClientRects:on,getDimensions:dn,getScale:fe,isElement:z,isRTL:mn};var kr=ar;var Er=sr,_r=nr,Cr=lr,Ar=ir,Or=or;var Rr=(e,t,r)=>{let o=new Map,n={platform:gn,...r},a={...n.platform,_c:o};return rr(e,t,{...n,platform:a})};var Ye="top-start",Ie="top",Fe="top-end",Ue="right-start",Xe="right",Ve="right-end",qe="bottom-start",Ee="bottom",Ze="bottom-end",We="left-start",Je="left",Ke="left-end",ft=[Ye,Ie,Fe,Ue,Xe,Ve,qe,Ee,Ze,We,Je,Ke],ce={[Ye]:qe,[Ie]:Ee,[Fe]:Ze,[qe]:Ye,[Ee]:Ie,[Ze]:Fe,[We]:Ue,[Je]:Xe,[Ke]:Ve,[Ue]:We,[Xe]:Je,[Ve]:Ke},fn={[We]:-45,[Je]:-45,[Ke]:-45,[Ye]:45,[Ie]:45,[Fe]:45,[Ue]:135,[Xe]:135,[Ve]:135,[qe]:-135,[Ee]:-135,[Ze]:-135},bt=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},bn=e=>e.split("-")[0],hn=e=>ce[bn(e)],Tr=e=>ce[e],vn=e=>fn[Tr(e)],wn=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${bt(hn(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},Sr=8,Be=24;async function ht(e){var o,n,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return Rr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:Ee,middleware:[kr({mainAxis:(n=e==null?void 0:e.distance)!=null?n:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&_r({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&Er({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&Or({element:e==null?void 0:e.arrowEl}),Ar(),Cr({apply(){Object.assign(r.style,{paddingRight:`${Sr}px`,paddingLeft:`${Sr}px`})}})]}).then(({x:i,y:s,middlewareData:l,placement:c})=>{if(e.actualDirection=c,e!=null&&e.isCallout||Object.assign(r.style,{left:`${i}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:d}=l.hide;Object.assign(r.style,{visibility:d?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let d=e==null?void 0:e.arrowEl,{x:p,y:g}=l.arrow,u=window.getComputedStyle(r).direction==="rtl",m=Tr(c).split("-")[1],f="",h="",v="",w="";if(m==="start"){let x=typeof p=="number"?`calc(${Be}px - ${d.offsetWidth/2}px)`:"";f=typeof g=="number"?`calc(${Be}px - ${d.offsetWidth/2}px)`:"",h=u?x:"",w=u?"":x}else if(m==="end"){let x=typeof p=="number"?`calc(${Be}px - ${d.offsetWidth/2}px)`:"";h=u?"":x,w=u?x:"",v=typeof g=="number"?`calc(${Be}px - ${d.offsetWidth/2}px)`:""}else w=typeof p=="number"?`${p}px`:"",f=typeof g=="number"?`${g}px`:"";Object.assign(d.style,{top:f,right:h,bottom:v,left:w}),wn(d,vn(c),c)}}),e}import{property as L}from"lit/decorators.js";import{ifDefined as Bn}from"lit/directives/if-defined.js";var xn=["en","nb","fi","da","sv"],Dr="en",Lr=e=>xn.find(t=>e===t||e.toLowerCase().includes(t))||Dr;function yn(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Lr(e)}try{let e=document.documentElement.lang;return Lr(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Dr}}var kn=(e,t,r,o,n,a)=>e==="nb"?r:e==="fi"?o:e==="da"?n:e==="sv"?a:t,zr=(e,t,r,o,n)=>{let a=yn(),i=kn(a,e,t,r,o,n);_.load(a,i),_.activate(a)};import{css as Pr}from"lit";var Mr=Pr`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-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 {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
-`,ki=Pr`*, :before, :after {
-            --w-rotate: 0;
-            --w-rotate-x: 0;
-            --w-rotate-y: 0;
-            --w-rotate-z: 0;
-            --w-scale-x: 1;
-            --w-scale-y: 1;
-            --w-scale-z: 1;
-            --w-skew-x: 0;
-            --w-skew-y: 0;
-            --w-translate-x: 0;
-            --w-translate-y: 0;
-            --w-translate-z: 0
-        }
-
-            .h4, .t4 {
-                font-weight: 700;
-                font-size: var(--w-font-size-m);
-                line-height: var(--w-line-height-m)
-            }
-
-            .t3 {
-                font-weight: 700;
-                font-size: var(--w-font-size-l);
-                line-height: var(--w-line-height-l)
-            }
-
-            @media (min-width: 480px) {
-                .sm\\:h3 {
-                    font-weight: 700;
-                    font-size: var(--w-font-size-l);
-                    line-height: var(--w-line-height-l)
-                }
-            }
-
-            .text-center {
-                text-align: center
-            }
-
-            .before\\:text-center:before {
-                text-align: center
-            }
-
-            .text-left {
-                text-align: left
-            }
-
-            .text-right {
-                text-align: right
-            }
-
-            .align-middle {
-                vertical-align: middle
-            }
-
-            .animate-inprogress {
-                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
-                background-size: 30px 30px;
-                animation: animate-inprogress 3s linear infinite
-            }
-
-            @keyframes animate-inprogress {
-                0% {
-                    background-position: 0 0
-                }
-                to {
-                    background-position: 60px 0
-                }
-            }
-
-            .\\[--w-modal-max-height\\:80\\%\\] {
-                --w-modal-max-height: 80%
-            }
-
-            .\\[--w-modal-width\\:640px\\] {
-                --w-modal-width: 640px
-            }
-
-            .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
-                --w-outline-offset: -2px
-            }
-
-            .backdrop-blur {
-                -webkit-backdrop-filter: blur(4px);
-                backdrop-filter: blur(4px)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
-                background-position: center
-            }
-
-            .hover\\:bg-clip-padding:hover {
-                -webkit-background-clip: padding-box;
-                background-clip: padding-box
-            }
-
-            .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
-                background-color: transparent
-            }
-
-            .bg-\\[--w-black\\/25\\] {
-                background-color: rgba(var(--w-rgb-black), .25)
-            }
-
-            .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
-                background-color: rgba(var(--w-rgb-black), .7)
-            }
-
-            .bg-\\[--w-color-badge-info-background\\] {
-                background-color: var(--w-color-badge-info-background)
-            }
-
-            .bg-\\[--w-color-badge-negative-background\\] {
-                background-color: var(--w-color-badge-negative-background)
-            }
-
-            .bg-\\[--w-color-badge-neutral-background\\] {
-                background-color: var(--w-color-badge-neutral-background)
-            }
-
-            .bg-\\[--w-color-badge-positive-background\\] {
-                background-color: var(--w-color-badge-positive-background)
-            }
-
-            .bg-\\[--w-color-badge-sponsored-background\\] {
-                background-color: var(--w-color-badge-sponsored-background)
-            }
-
-            .bg-\\[--w-color-badge-warning-background\\] {
-                background-color: var(--w-color-badge-warning-background)
-            }
-
-            .bg-\\[--w-color-button-primary-background\\] {
-                background-color: var(--w-color-button-primary-background)
-            }
-
-            .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
-                background-color: var(--w-color-buttongroup-utility-background-selected)
-            }
-
-            .bg-\\[--w-color-callout-background\\] {
-                background-color: var(--w-color-callout-background)
-            }
-
-            .bg-\\[--w-color-pill-suggestion-background\\] {
-                background-color: var(--w-color-pill-suggestion-background)
-            }
-
-            .bg-\\[--w-color-switch-track-background\\] {
-                background-color: var(--w-color-switch-track-background)
-            }
-
-            .bg-\\[--w-s-color-surface-elevated-100\\] {
-                background-color: var(--w-s-color-surface-elevated-100)
-            }
-
-            .bg-\\[--w-s-color-surface-elevated-300\\] {
-                background-color: var(--w-s-color-surface-elevated-300)
-            }
-
-            .bg-\\[--w-s-icon-selected\\] {
-                background-color: var(--w-s-icon-selected)
-            }
-
-            .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
-                background-color: var(--w-color-switch-track-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
-                background-color: var(--w-color-button-pill-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
-                background-color: var(--w-color-button-primary-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
-                background-color: var(--w-color-buttongroup-utility-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
-                background-color: var(--w-color-pill-suggestion-background-hover)
-            }
-
-            .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
-                background-color: var(--w-s-icon-subtle)
-            }
-
-            .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
-                background-color: rgba(var(--w-rgb-black), .85)
-            }
-
-            .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
-                background-color: var(--w-color-button-pill-background-active)
-            }
-
-            .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
-                background-color: var(--w-color-button-primary-background-active)
-            }
-
-            .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
-                background-color: var(--w-color-buttongroup-utility-background-selected)
-            }
-
-            .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
-                background-color: var(--w-color-pill-suggestion-background-active)
-            }
-
-            .active\\:bg-\\[var\\(--w-black\\)\\]:active {
-                background-color: var(--w-black)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
-                background-image: var(--w-icon-toggle-checked)
-            }
-
-            .appearance-none {
-                -moz-appearance: none;
-                appearance: none;
-                -webkit-appearance: none
-            }
-
-            .will-change-height {
-                will-change: height
-            }
-
-            .border, .border-1 {
-                border-width: 1px
-            }
-
-            .border-b {
-                border-bottom-width: 1px
-            }
-
-            .before\\:border:before {
-                border-width: 1px
-            }
-
-            .border-0 {
-                border-width: 0
-            }
-
-            .border-2 {
-                border-width: 2px
-            }
-
-            .border-b-0 {
-                border-bottom-width: 0
-            }
-
-            .border-b-4 {
-                border-bottom-width: 4px
-            }
-
-            .border-l-4 {
-                border-left-width: 4px
-            }
-
-            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
-                border-right-width: 0
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
-                border-width: .6rem
-            }
-
-            .border-transparent {
-                border-color: transparent
-            }
-
-            .border-\\[--w-color-buttongroup-utility-border\\] {
-                border-color: var(--w-color-buttongroup-utility-border)
-            }
-
-            .border-\\[--w-color-callout-border\\] {
-                border-color: var(--w-color-callout-border)
-            }
-
-            .border-\\[--w-s-color-background-inverted\\] {
-                border-color: var(--w-s-color-background-inverted)
-            }
-
-            .border-\\[--w-s-color-surface-elevated-300\\] {
-                border-color: var(--w-s-color-surface-elevated-300)
-            }
-
-            .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
-                border-color: var(--w-color-buttongroup-utility-border-selected)
-            }
-
-            .divide-x > * + * {
-                --w-divide-x-reverse: 0;
-                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
-                border-right-width: calc(1px * var(--w-divide-x-reverse))
-            }
-
-            .divide-y > * + * {
-                --w-divide-y-reverse: 0;
-                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
-                border-bottom-width: calc(1px * var(--w-divide-y-reverse))
-            }
-
-            .rounded-4 {
-                border-radius: 4px
-            }
-
-            .rounded-8 {
-                border-radius: 8px
-            }
-
-            .rounded-full {
-                border-radius: 9999px
-            }
-
-            .before\\:rounded-2:before {
-                border-radius: 2px
-            }
-
-            .before\\:rounded-full:before {
-                border-radius: 9999px
-            }
-
-            .rounded-b-0 {
-                border-bottom-left-radius: 0;
-                border-bottom-right-radius: 0
-            }
-
-            .rounded-bl-0 {
-                border-bottom-left-radius: 0
-            }
-
-            .rounded-br-0 {
-                border-bottom-right-radius: 0
-            }
-
-            .rounded-l-0 {
-                border-top-left-radius: 0;
-                border-bottom-left-radius: 0
-            }
-
-            .rounded-l-full {
-                border-top-left-radius: 9999px;
-                border-bottom-left-radius: 9999px
-            }
-
-            .rounded-r-0 {
-                border-top-right-radius: 0;
-                border-bottom-right-radius: 0
-            }
-
-            .rounded-r-full {
-                border-top-right-radius: 9999px;
-                border-bottom-right-radius: 9999px
-            }
-
-            .rounded-tl-0 {
-                border-top-left-radius: 0
-            }
-
-            .rounded-tl-4 {
-                border-top-left-radius: 4px
-            }
-
-            .rounded-tr-0 {
-                border-top-right-radius: 0
-            }
-
-            .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
-                border-bottom-left-radius: 8px
-            }
-
-            .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
-                border-top-left-radius: 8px
-            }
-
-            .first\\:rounded-lb-4:first-child {
-                border-bottom-left-radius: 4px
-            }
-
-            .first\\:rounded-lt-4:first-child {
-                border-top-left-radius: 4px
-            }
-
-            .first\\:rounded-rt-4:first-child {
-                border-top-right-radius: 4px
-            }
-
-            .group:last-of-type .group-last-of-type\\:rounded-br-8 {
-                border-bottom-right-radius: 8px
-            }
-
-            .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
-                border-top-right-radius: 8px
-            }
-
-            .last\\:rounded-lb-4:last-child {
-                border-bottom-left-radius: 4px
-            }
-
-            .last\\:rounded-rb-4:last-child {
-                border-bottom-right-radius: 4px
-            }
-
-            .last\\:rounded-rt-4:last-child {
-                border-top-right-radius: 4px
-            }
-
-            .caret-current {
-                caret-color: currentColor
-            }
-
-            .opacity-25 {
-                opacity: 25%
-            }
-
-            .block {
-                display: block
-            }
-
-            .before\\:block:before {
-                display: block
-            }
-
-            .inline-block {
-                display: inline-block
-            }
-
-            .inline {
-                display: inline
-            }
-
-            .flex, .open\\:flex[open] {
-                display: flex
-            }
-
-            .inline-flex {
-                display: inline-flex
-            }
-
-            .grid {
-                display: grid
-            }
-
-            .inline-grid {
-                display: inline-grid
-            }
-
-            .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
-                display: none
-            }
-
-            .before\\:hidden:before {
-                display: none
-            }
-
-            .hover\\:underline:hover {
-                text-decoration-line: underline
-            }
-
-            .focus\\:underline:focus {
-                text-decoration-line: underline
-            }
-
-            .focus-visible\\:underline:focus-visible {
-                text-decoration-line: underline
-            }
-
-            .active\\:underline:active {
-                text-decoration-line: underline
-            }
-
-            .hover\\:no-underline:hover {
-                text-decoration: none
-            }
-
-            .focus\\:no-underline:focus {
-                text-decoration: none
-            }
-
-            .active\\:no-underline:active {
-                text-decoration: none
-            }
-
-            .flex-1 {
-                flex: 1 1 0%
-            }
-
-            .shrink {
-                flex-shrink: 1
-            }
-
-            .shrink-0 {
-                flex-shrink: 0
-            }
-
-            .shrink-0\\! {
-                flex-shrink: 0 !important
-            }
-
-            .grow, .grow-1 {
-                flex-grow: 1
-            }
-
-            .basis-auto {
-                flex-basis: auto
-            }
-
-            .flex-col {
-                flex-direction: column
-            }
-
-            .focus-within\\:focusable:focus-within {
-                outline: 2px solid var(--w-s-color-border-focus);
-                outline-offset: var(--w-outline-offset, 1px)
-            }
-
-            .focusable:focus, .focusable:focus-visible {
-                outline: 2px solid var(--w-s-color-border-focus);
-                outline-offset: var(--w-outline-offset, 1px)
-            }
-
-            .focusable:not(:focus-visible) {
-                outline: none
-            }
-
-            .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
-                outline: 2px solid var(--w-s-color-border-focus);
-                outline-offset: var(--w-outline-offset, 1px)
-            }
-
-            .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
-                outline: none
-            }
-
-            .focusable-inset {
-                --w-outline-offset: -3px
-            }
-
-            .gap-12 {
-                gap: 1.2rem
-            }
-
-            .gap-8 {
-                gap: .8rem
-            }
-
-            .gap-x-16 {
-                column-gap: 1.6rem
-            }
-
-            .gap-y-16 {
-                row-gap: 1.6rem
-            }
-
-            .row-span-2 {
-                grid-row: span 2/span 2
-            }
-
-            .col-span-2 {
-                grid-column: span 2/span 2
-            }
-
-            .col-span-3 {
-                grid-column: span 3/span 3
-            }
-
-            .row-start-1 {
-                grid-row-start: 1
-            }
-
-            .row-start-2 {
-                grid-row-start: 2
-            }
-
-            .col-start-2 {
-                grid-column-start: 2
-            }
-
-            .auto-rows-auto {
-                grid-auto-rows: auto
-            }
-
-            .grid-flow-col {
-                grid-auto-flow: column
-            }
-
-            .grid-rows-\\[20px_auto\\] {
-                grid-template-rows:20px auto
-            }
-
-            .grid-rows-\\[auto_20px\\] {
-                grid-template-rows:auto 20px
-            }
-
-            .grid-cols-\\[1fr_20px_1fr\\] {
-                grid-template-columns:1fr 20px 1fr
-            }
-
-            .grid-cols-\\[1fr_20px\\] {
-                grid-template-columns:1fr 20px
-            }
-
-            .grid-cols-\\[20px_1fr\\] {
-                grid-template-columns:20px 1fr
-            }
-
-            .grid-cols-\\[auto_1fr_auto\\] {
-                grid-template-columns:auto 1fr auto
-            }
-
-            .grid-cols-1 {
-                grid-template-columns:repeat(1, minmax(0, 1fr))
-            }
-
-            .grid-cols-2 {
-                grid-template-columns:repeat(2, minmax(0, 1fr))
-            }
-
-            .grid-cols-3 {
-                grid-template-columns:repeat(3, minmax(0, 1fr))
-            }
-
-            .grid-cols-4 {
-                grid-template-columns:repeat(4, minmax(0, 1fr))
-            }
-
-            .grid-cols-5 {
-                grid-template-columns:repeat(5, minmax(0, 1fr))
-            }
-
-            .grid-cols-6 {
-                grid-template-columns:repeat(6, minmax(0, 1fr))
-            }
-
-            .grid-cols-7 {
-                grid-template-columns:repeat(7, minmax(0, 1fr))
-            }
-
-            .grid-cols-8 {
-                grid-template-columns:repeat(8, minmax(0, 1fr))
-            }
-
-            .grid-cols-9 {
-                grid-template-columns:repeat(9, minmax(0, 1fr))
-            }
-
-            .overflow-hidden {
-                overflow: hidden
-            }
-
-            .overflow-x-hidden {
-                overflow-x: hidden
-            }
-
-            .overflow-y-auto {
-                overflow-y: auto
-            }
-
-            .list-none {
-                list-style-type: none
-            }
-
-            .outline-\\[--w-s-color-border-negative\\]\\! {
-                outline-color: var(--w-s-color-border-negative) !important
-            }
-
-            .outline-none {
-                outline: 2px solid transparent;
-                outline-offset: 2px
-            }
-
-            .focus\\:outline-none:focus {
-                outline: 2px solid transparent;
-                outline-offset: 2px
-            }
-
-            .items-start {
-                align-items: flex-start
-            }
-
-            .items-end {
-                align-items: flex-end
-            }
-
-            .items-center {
-                align-items: center
-            }
-
-            .self-center {
-                align-self: center
-            }
-
-            .inset-0 {
-                top: 0rem;
-                right: 0rem;
-                bottom: 0rem;
-                left: 0rem
-            }
-
-            .-bottom-0 {
-                bottom: -0rem
-            }
-
-            .bottom-0 {
-                bottom: 0rem
-            }
-
-            .bottom-10 {
-                bottom: 1rem
-            }
-
-            .bottom-16 {
-                bottom: 1.6rem
-            }
-
-            .left-0 {
-                left: 0rem
-            }
-
-            .left-4 {
-                left: .4rem
-            }
-
-            .right-0 {
-                right: 0rem
-            }
-
-            .right-8 {
-                right: .8rem
-            }
-
-            .top-\\[1\\.92rem\\] {
-                top: 1.92rem
-            }
-
-            .top-0 {
-                top: 0rem
-            }
-
-            .top-20 {
-                top: 2rem
-            }
-
-            .top-4 {
-                top: .4rem
-            }
-
-            .top-8 {
-                top: .8rem
-            }
-
-            .before\\:bottom-0:before {
-                bottom: 0rem
-            }
-
-            .before\\:left-0:before {
-                left: 0rem
-            }
-
-            .before\\:right-0:before {
-                right: 0rem
-            }
-
-            .before\\:top-2:before {
-                top: .2rem
-            }
-
-            .-bottom-\\[8px\\] {
-                bottom: -8px
-            }
-
-            .-left-\\[8px\\] {
-                left: -8px
-            }
-
-            .-right-\\[8px\\] {
-                right: -8px
-            }
-
-            .-top-\\[8px\\] {
-                top: -8px
-            }
-
-            .top-\\[19px\\] {
-                top: 19px
-            }
-
-            .top-\\[30\\%\\] {
-                top: 30%
-            }
-
-            .justify-end {
-                justify-content: flex-end
-            }
-
-            .justify-center {
-                justify-content: center
-            }
-
-            .justify-between {
-                justify-content: space-between
-            }
-
-            .justify-items-center {
-                justify-items: center
-            }
-
-            .justify-self-start {
-                justify-self: start
-            }
-
-            .justify-self-end {
-                justify-self: end
-            }
-
-            .justify-self-center {
-                justify-self: center
-            }
-
-            .absolute {
-                position: absolute
-            }
-
-            .fixed {
-                position: fixed
-            }
-
-            .relative {
-                position: relative
-            }
-
-            .open\\:fixed[open] {
-                position: fixed
-            }
-
-            .before\\:absolute:before {
-                position: absolute
-            }
-
-            .z-10, .peer:checked ~ .peer-checked\\:z-10 {
-                z-index: 10
-            }
-
-            .z-30 {
-                z-index: 30
-            }
-
-            .z-50 {
-                z-index: 50
-            }
-
-            .hover\\:z-30:hover {
-                z-index: 30
-            }
-
-            .\\!s-bg-selected {
-                background-color: var(--w-s-color-background-selected) !important
-            }
-
-            .s-bg {
-                background-color: var(--w-s-color-background)
-            }
-
-            .s-bg-disabled {
-                background-color: var(--w-s-color-background-disabled)
-            }
-
-            .s-bg-disabled-subtle {
-                background-color: var(--w-s-color-background-disabled-subtle)
-            }
-
-            .s-bg-info-subtle {
-                background-color: var(--w-s-color-background-info-subtle)
-            }
-
-            .s-bg-inverted {
-                background-color: var(--w-s-color-background-inverted)
-            }
-
-            .s-bg-negative {
-                background-color: var(--w-s-color-background-negative)
-            }
-
-            .s-bg-negative-subtle {
-                background-color: var(--w-s-color-background-negative-subtle)
-            }
-
-            .s-bg-positive-subtle {
-                background-color: var(--w-s-color-background-positive-subtle)
-            }
-
-            .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
-                background-color: var(--w-s-color-background-primary)
-            }
-
-            .s-bg-selected {
-                background-color: var(--w-s-color-background-selected)
-            }
-
-            .s-bg-subtle {
-                background-color: var(--w-s-color-background-subtle)
-            }
-
-            .s-bg-warning-subtle {
-                background-color: var(--w-s-color-background-warning-subtle)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
-                background-color: var(--w-s-color-background-negative-hover)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
-                background-color: var(--w-s-color-background-disabled)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
-                background-color: var(--w-s-color-background-negative)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
-                background-color: var(--w-s-color-background-primary)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
-                background-color: var(--w-s-color-background-disabled)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
-                background-color: var(--w-s-color-background-negative)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
-                background-color: var(--w-s-color-background-primary)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
-                background-color: var(--w-s-color-background-negative-hover)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .\\!hover\\:s-bg-selected-hover:hover {
-                background-color: var(--w-s-color-background-selected-hover) !important
-            }
-
-            .group:hover .group-hover\\:s-bg-primary-hover {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .hover\\:before\\:s-bg-hover:hover:before {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
-                background-color: var(--w-s-color-background-negative-subtle-hover)
-            }
-
-            .hover\\:s-bg-hover:hover {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .hover\\:s-bg-negative-hover:hover {
-                background-color: var(--w-s-color-background-negative-hover)
-            }
-
-            .hover\\:s-bg-negative-subtle-hover:hover {
-                background-color: var(--w-s-color-background-negative-subtle-hover)
-            }
-
-            .hover\\:s-bg-primary-hover:hover {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .hover\\:s-bg-selected-hover:hover {
-                background-color: var(--w-s-color-background-selected-hover)
-            }
-
-            .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
-                background-color: var(--w-s-color-background-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
-                background-color: var(--w-s-color-background-negative-subtle)
-            }
-
-            .focus\\:s-bg-primary-hover:focus {
-                background-color: var(--w-s-color-background-primary-hover)
-            }
-
-            .\\!active\\:s-bg-selected-active:active {
-                background-color: var(--w-s-color-background-selected-active) !important
-            }
-
-            .active\\:s-bg-active:active {
-                background-color: var(--w-s-color-background-active)
-            }
-
-            .active\\:s-bg-negative-active:active {
-                background-color: var(--w-s-color-background-negative-active)
-            }
-
-            .active\\:s-bg-negative-subtle-active:active {
-                background-color: var(--w-s-color-background-negative-subtle-active)
-            }
-
-            .active\\:s-bg-primary-active:active {
-                background-color: var(--w-s-color-background-primary-active)
-            }
-
-            .active\\:s-bg-selected-active:active {
-                background-color: var(--w-s-color-background-selected-active)
-            }
-
-            .before\\:s-bg-disabled-subtle:before {
-                background-color: var(--w-s-color-background-disabled-subtle)
-            }
-
-            .before\\:s-bg:before {
-                background-color: var(--w-s-color-background)
-            }
-
-            .s-text {
-                color: var(--w-s-color-text)
-            }
-
-            .s-text-disabled {
-                color: var(--w-s-color-text-disabled)
-            }
-
-            .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
-                color: var(--w-s-color-text-inverted)
-            }
-
-            .s-text-inverted-static {
-                color: var(--w-s-color-text-inverted-static)
-            }
-
-            .s-text-link {
-                color: var(--w-s-color-text-link)
-            }
-
-            .s-text-negative {
-                color: var(--w-s-color-text-negative)
-            }
-
-            .s-text-subtle {
-                color: var(--w-s-color-text-subtle)
-            }
-
-            .hover\\:s-text-link:hover {
-                color: var(--w-s-color-text-link)
-            }
-
-            .active\\:s-text:active {
-                color: var(--w-s-color-text)
-            }
-
-            .placeholder\\:s-text-placeholder::placeholder {
-                color: var(--w-s-color-text-placeholder)
-            }
-
-            .s-icon {
-                color: var(--w-s-color-icon)
-            }
-
-            .s-icon-info {
-                color: var(--w-s-color-icon-info)
-            }
-
-            .s-icon-inverted {
-                color: var(--w-s-color-icon-inverted)
-            }
-
-            .s-icon-negative {
-                color: var(--w-s-color-icon-negative)
-            }
-
-            .s-icon-positive {
-                color: var(--w-s-color-icon-positive)
-            }
-
-            .s-icon-warning {
-                color: var(--w-s-color-icon-warning)
-            }
-
-            .hover\\:s-icon-hover:hover {
-                color: var(--w-s-color-icon-hover)
-            }
-
-            .active\\:s-icon-active:active {
-                color: var(--w-s-color-icon-active)
-            }
-
-            .before\\:s-icon-inverted:before {
-                color: var(--w-s-color-icon-inverted)
-            }
-
-            .s-border {
-                border-color: var(--w-s-color-border)
-            }
-
-            .s-border-disabled {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .s-border-info-subtle {
-                border-color: var(--w-s-color-border-info-subtle)
-            }
-
-            .s-border-l-info {
-                border-left-color: var(--w-s-color-border-info)
-            }
-
-            .s-border-l-negative {
-                border-left-color: var(--w-s-color-border-negative)
-            }
-
-            .s-border-l-positive {
-                border-left-color: var(--w-s-color-border-positive)
-            }
-
-            .s-border-l-warning {
-                border-left-color: var(--w-s-color-border-warning)
-            }
-
-            .s-border-negative {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .s-border-negative-subtle {
-                border-color: var(--w-s-color-border-negative-subtle)
-            }
-
-            .s-border-positive-subtle {
-                border-color: var(--w-s-color-border-positive-subtle)
-            }
-
-            .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .s-border-selected {
-                border-color: var(--w-s-color-border-selected)
-            }
-
-            .s-border-warning-subtle {
-                border-color: var(--w-s-color-border-warning-subtle)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
-                border-color: var(--w-s-color-border-selected-hover)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
-                border-color: var(--w-s-color-border-selected)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .group:hover .group-hover\\:s-border-selected-hover {
-                border-color: var(--w-s-color-border-selected-hover)
-            }
-
-            .hover\\:before\\:s-border-negative-hover:hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .hover\\:before\\:s-border-primary:hover:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .hover\\:s-border-disabled:hover {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .hover\\:s-border-hover:hover {
-                border-color: var(--w-s-color-border-hover)
-            }
-
-            .hover\\:s-border-negative-hover:hover {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .hover\\:s-border-primary-hover:hover {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .hover\\:s-border-primary:hover {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .hover\\:s-border-selected-hover:hover {
-                border-color: var(--w-s-color-border-selected-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
-                border-color: var(--w-s-color-border-negative-hover)
-            }
-
-            .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
-                border-color: var(--w-s-color-border-primary)
-            }
-
-            .focus\\:s-border-primary-hover:focus {
-                border-color: var(--w-s-color-border-primary-hover)
-            }
-
-            .active\\:s-border-active:active {
-                border-color: var(--w-s-color-border-active)
-            }
-
-            .active\\:s-border-disabled:active {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .active\\:s-border-primary-active:active {
-                border-color: var(--w-s-color-border-primary-active)
-            }
-
-            .active\\:s-border-selected-active:active {
-                border-color: var(--w-s-color-border-selected-active)
-            }
-
-            .active\\:s-border-selected:active {
-                border-color: var(--w-s-color-border-selected)
-            }
-
-            .group:active .group-active\\:s-border-active {
-                border-color: var(--w-s-color-border-active)
-            }
-
-            .group:active .group-active\\:s-border-selected-active {
-                border-color: var(--w-s-color-border-selected-active)
-            }
-
-            .before\\:s-border-disabled:before {
-                border-color: var(--w-s-color-border-disabled)
-            }
-
-            .before\\:s-border-negative:before {
-                border-color: var(--w-s-color-border-negative)
-            }
-
-            .s-surface-sunken {
-                background-color: var(--w-s-color-surface-sunken)
-            }
-
-            .s-surface-elevated-200 {
-                background-color: var(--w-s-color-surface-elevated-200);
-                box-shadow: var(--w-s-shadow-surface-elevated-200)
-            }
-
-            .hover\\:s-surface-elevated-200-hover:hover {
-                background-color: var(--w-s-color-surface-elevated-200-hover);
-                box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
-            }
-
-            .active\\:s-surface-elevated-200-active:active {
-                background-color: var(--w-s-color-surface-elevated-200-active);
-                box-shadow: var(--w-s-shadow-surface-elevated-200-active)
-            }
-
-            .drop-shadow-m {
-                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
-            }
-
-            .shadow-m {
-                box-shadow: var(--w-shadow-m)
-            }
-
-            .shadow-s {
-                box-shadow: var(--w-shadow-s)
-            }
-
-            .shadow-\\[--w-shadow-slider\\] {
-                box-shadow: var(--w-shadow-slider)
-            }
-
-            .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
-                box-shadow: var(--w-shadow-slider-handle-hover)
-            }
-
-            .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
-                box-shadow: var(--w-shadow-slider-handle-hover)
-            }
-
-            .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
-                box-shadow: var(--w-shadow-slider-handle-active)
-            }
-
-            .h-0 {
-                height: 0rem
-            }
-
-            .h-16 {
-                height: 1.6rem
-            }
-
-            .h-2 {
-                height: .2rem
-            }
-
-            .h-20 {
-                height: 2rem
-            }
-
-            .h-24 {
-                height: 2.4rem
-            }
-
-            .h-4 {
-                height: .4rem
-            }
-
-            .h-44 {
-                height: 4.4rem
-            }
-
-            .h-6 {
-                height: .6rem
-            }
-
-            .h-8 {
-                height: .8rem
-            }
-
-            .h-full {
-                height: 100%
-            }
-
-            .h-unset {
-                height: unset
-            }
-
-            .max-h-unset {
-                max-height: unset
-            }
-
-            .max-w-full {
-                max-width: 100%
-            }
-
-            .max-w-max {
-                max-width: max-content
-            }
-
-            .max-w-unset {
-                max-width: unset
-            }
-
-            .min-h-32 {
-                min-height: 3.2rem
-            }
-
-            .min-h-40 {
-                min-height: 4rem
-            }
-
-            .min-w-16 {
-                min-width: 1.6rem
-            }
-
-            .min-w-32 {
-                min-width: 3.2rem
-            }
-
-            .w-16 {
-                width: 1.6rem
-            }
-
-            .w-2 {
-                width: .2rem
-            }
-
-            .w-20 {
-                width: 2rem
-            }
-
-            .w-24 {
-                width: 2.4rem
-            }
-
-            .w-32 {
-                width: 3.2rem
-            }
-
-            .w-40 {
-                width: 4rem
-            }
-
-            .w-44 {
-                width: 4.4rem
-            }
-
-            .w-8 {
-                width: .8rem
-            }
-
-            .w-full {
-                width: 100%
-            }
-
-            .w-max {
-                width: max-content
-            }
-
-            .w-unset {
-                width: unset
-            }
-
-            .before\\:h-20:before {
-                height: 2rem
-            }
-
-            .before\\:h-full:before {
-                height: 100%
-            }
-
-            .before\\:w-20:before {
-                width: 2rem
-            }
-
-            .before\\:w-32:before {
-                width: 3.2rem
-            }
-
-            .h-\\[--w-modal-height\\] {
-                height: var(--w-modal-height)
-            }
-
-            .h-\\[14px\\] {
-                height: 14px
-            }
-
-            .h-\\[16px\\] {
-                height: 16px
-            }
-
-            .max-h-\\[--w-modal-max-height\\] {
-                max-height: var(--w-modal-max-height)
-            }
-
-            .min-h-\\[--w-modal-min-height\\] {
-                min-height: var(--w-modal-min-height)
-            }
-
-            .min-h-\\[32px\\] {
-                min-height: 32px
-            }
-
-            .min-h-\\[40px\\] {
-                min-height: 40px
-            }
-
-            .min-h-\\[42\\] {
-                min-height: 4.2rem
-            }
-
-            .min-h-\\[44px\\] {
-                min-height: 44px
-            }
-
-            .min-w-\\[32px\\] {
-                min-width: 32px
-            }
-
-            .min-w-\\[40px\\] {
-                min-width: 40px
-            }
-
-            .min-w-\\[44px\\] {
-                min-width: 44px
-            }
-
-            .w-\\[--w-modal-width\\] {
-                width: var(--w-modal-width)
-            }
-
-            .w-\\[14px\\] {
-                width: 14px
-            }
-
-            .w-\\[16px\\] {
-                width: 16px
-            }
-
-            .space-x-8 > :not([hidden]) ~ :not([hidden]) {
-                --w-space-x-reverse: 0;
-                margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
-                margin-right: calc(.8rem * var(--w-space-x-reverse))
-            }
-
-            .space-y-16 > :not([hidden]) ~ :not([hidden]) {
-                --w-space-y-reverse: 0;
-                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
-                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
-            }
-
-            .m-0 {
-                margin: 0rem
-            }
-
-            .m-auto {
-                margin: auto
-            }
-
-            .-mx-16 {
-                margin-left: -1.6rem;
-                margin-right: -1.6rem
-            }
-
-            .mx-0 {
-                margin-left: 0rem;
-                margin-right: 0rem
-            }
-
-            .mx-8 {
-                margin-left: .8rem;
-                margin-right: .8rem
-            }
-
-            .mx-auto {
-                margin-left: auto;
-                margin-right: auto
-            }
-
-            .-mb-1 {
-                margin-bottom: -.1rem
-            }
-
-            .-ml-8 {
-                margin-left: -.8rem
-            }
-
-            .-mr-1 {
-                margin-right: -.1rem
-            }
-
-            .-mr-8 {
-                margin-right: -.8rem
-            }
-
-            .-mt-2 {
-                margin-top: -.2rem
-            }
-
-            .-mt-4 {
-                margin-top: -.4rem
-            }
-
-            .last-child\\:mb-0 > :last-child, .mb-0 {
-                margin-bottom: 0rem
-            }
-
-            .mb-32 {
-                margin-bottom: 3.2rem
-            }
-
-            .ml-8 {
-                margin-left: .8rem
-            }
-
-            .ml-auto {
-                margin-left: auto
-            }
-
-            .mr-8 {
-                margin-right: .8rem
-            }
-
-            .mt-16 {
-                margin-top: 1.6rem
-            }
-
-            .mt-4 {
-                margin-top: .4rem
-            }
-
-            .group:not(:first-child) .group-not-first\\:-ml-2 {
-                margin-left: -.2rem
-            }
-
-            .last\\:mb-0:last-child {
-                margin-bottom: 0rem
-            }
-
-            .last\\:mr-0:last-child {
-                margin-right: 0rem
-            }
-
-            .m-\\[8px\\] {
-                margin: 8px
-            }
-
-            .p-0 {
-                padding: 0rem
-            }
-
-            .p-16 {
-                padding: 1.6rem
-            }
-
-            .p-4 {
-                padding: .4rem
-            }
-
-            .p-8 {
-                padding: .8rem
-            }
-
-            .px-0 {
-                padding-left: 0rem;
-                padding-right: 0rem
-            }
-
-            .px-1 {
-                padding-left: .1rem;
-                padding-right: .1rem
-            }
-
-            .px-12 {
-                padding-left: 1.2rem;
-                padding-right: 1.2rem
-            }
-
-            .px-14 {
-                padding-left: 1.4rem;
-                padding-right: 1.4rem
-            }
-
-            .px-16 {
-                padding-left: 1.6rem;
-                padding-right: 1.6rem
-            }
-
-            .px-8 {
-                padding-left: .8rem;
-                padding-right: .8rem
-            }
-
-            .py-0 {
-                padding-top: 0rem;
-                padding-bottom: 0rem
-            }
-
-            .py-1 {
-                padding-top: .1rem;
-                padding-bottom: .1rem
-            }
-
-            .py-10 {
-                padding-top: 1rem;
-                padding-bottom: 1rem
-            }
-
-            .py-12 {
-                padding-top: 1.2rem;
-                padding-bottom: 1.2rem
-            }
-
-            .py-2 {
-                padding-top: .2rem;
-                padding-bottom: .2rem
-            }
-
-            .py-4 {
-                padding-top: .4rem;
-                padding-bottom: .4rem
-            }
-
-            .py-6 {
-                padding-top: .6rem;
-                padding-bottom: .6rem
-            }
-
-            .py-8 {
-                padding-top: .8rem;
-                padding-bottom: .8rem
-            }
-
-            .pb-0 {
-                padding-bottom: 0rem
-            }
-
-            .pb-32 {
-                padding-bottom: 3.2rem
-            }
-
-            .pb-4 {
-                padding-bottom: .4rem
-            }
-
-            .pb-8 {
-                padding-bottom: .8rem
-            }
-
-            .pl-0 {
-                padding-left: 0rem
-            }
-
-            .pl-1 {
-                padding-left: .1rem
-            }
-
-            .pl-12 {
-                padding-left: 1.2rem
-            }
-
-            .pl-28 {
-                padding-left: 2.8rem
-            }
-
-            .pl-4 {
-                padding-left: .4rem
-            }
-
-            .pl-8 {
-                padding-left: .8rem
-            }
-
-            .pr-12 {
-                padding-right: 1.2rem
-            }
-
-            .pr-14 {
-                padding-right: 1.4rem
-            }
-
-            .pr-2 {
-                padding-right: .2rem
-            }
-
-            .pr-32 {
-                padding-right: 3.2rem
-            }
-
-            .pr-40 {
-                padding-right: 4rem
-            }
-
-            .pt-0 {
-                padding-top: 0rem
-            }
-
-            .pt-1 {
-                padding-top: .1rem
-            }
-
-            .pt-16 {
-                padding-top: 1.6rem
-            }
-
-            .pt-24 {
-                padding-top: 2.4rem
-            }
-
-            .pt-8 {
-                padding-top: .8rem
-            }
-
-            .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
-                padding-bottom: 0rem
-            }
-
-            .last\\:pb-1:last-child {
-                padding-bottom: .1rem
-            }
-
-            .last\\:pr-1:last-child {
-                padding-right: .1rem
-            }
-
-            .p-\\[8px\\] {
-                padding: 8px
-            }
-
-            .px-\\[15px\\] {
-                padding-left: 15px;
-                padding-right: 15px
-            }
-
-            .px-\\[8px\\] {
-                padding-left: 8px;
-                padding-right: 8px
-            }
-
-            .py-\\[11px\\] {
-                padding-top: 11px;
-                padding-bottom: 11px
-            }
-
-            .py-\\[5px\\] {
-                padding-top: 5px;
-                padding-bottom: 5px
-            }
-
-            .py-\\[7px\\] {
-                padding-top: 7px;
-                padding-bottom: 7px
-            }
-
-            .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
-                padding-left: var(--w-prefix-width, 40px)
-            }
-
-            .invisible {
-                visibility: hidden
-            }
-
-            .backface-hidden {
-                backface-visibility: hidden
-            }
-
-            .break-words {
-                overflow-wrap: break-word
-            }
-
-            .before\\:content-\\[\\"–\\"\\]:before {
-                content: "–"
-            }
-
-            .before\\:content-\\[\\"\\"\\]:before {
-                content: ""
-            }
-
-            .cursor-default {
-                cursor: default
-            }
-
-            .cursor-pointer {
-                cursor: pointer
-            }
-
-            .antialiased {
-                -webkit-font-smoothing: antialiased;
-                -moz-osx-font-smoothing: grayscale;
-                font-smoothing: grayscale
-            }
-
-            .font-bold {
-                font-weight: 700
-            }
-
-            .before\\:font-bold:before {
-                font-weight: 700
-            }
-
-            .font-normal {
-                font-weight: 400
-            }
-
-            .pointer-events-auto {
-                pointer-events: auto
-            }
-
-            .pointer-events-none {
-                pointer-events: none
-            }
-
-            .before\\:pointer-events-none:before {
-                pointer-events: none
-            }
-
-            .pb-safe-\\[32\\] {
-                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
-            }
-
-            .sr-only {
-                position: absolute;
-                width: 1px;
-                height: 1px;
-                padding: 0;
-                margin: -1px;
-                overflow: hidden;
-                clip: rect(0, 0, 0, 0);
-                white-space: nowrap;
-                border-width: 0
-            }
-
-            .touch-pan-y {
-                touch-action: pan-y
-            }
-
-            .select-none {
-                -webkit-user-select: none;
-                user-select: none
-            }
-
-            .translate-x-20 {
-                --w-translate-x: 2rem;
-                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .translate-z-0 {
-                --w-translate-z: 0rem;
-                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
-                --w-rotate-x: 0;
-                --w-rotate-y: 0;
-                --w-rotate-z: 0;
-                --w-rotate: -180deg;
-                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
-                --w-rotate-x: 0;
-                --w-rotate-y: 0;
-                --w-rotate-z: 0;
-                --w-rotate: 180deg;
-                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .rotate-90 {
-                --w-rotate-x: 0;
-                --w-rotate-y: 0;
-                --w-rotate-z: 0;
-                --w-rotate: 90deg;
-                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
-                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {
-                transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
-            }
-
-            .part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
-                transition-property: transform;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .transition-300 {
-                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .3s
-            }
-
-            .transition-all {
-                transition-property: all;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .transition-colors {
-                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .transition-shadow {
-                transition-property: box-shadow;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .before\\:transition-all:before {
-                transition-property: all;
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-                transition-duration: .15s
-            }
-
-            .duration-300 {
-                transition-duration: .3s
-            }
-
-            .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part) {
-                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
-            }
-
-            .text-m {
-                font-size: var(--w-font-size-m);
-                line-height: var(--w-line-height-m)
-            }
-
-            .text-s {
-                font-size: var(--w-font-size-s);
-                line-height: var(--w-line-height-s)
-            }
-
-            .text-xs {
-                font-size: var(--w-font-size-xs);
-                line-height: var(--w-line-height-xs)
-            }
-
-            .leading-m {
-                line-height: var(--w-line-height-m)
-            }
-
-            .before\\:leading-xs:before {
-                line-height: var(--w-line-height-xs)
-            }
-
-            .leading-\\[24\\] {
-                line-height: 2.4rem
-            }
-
-            @media (max-width: 479.9px) {
-                .lt-sm\\:rounded-b-0 {
-                    border-bottom-left-radius: 0;
-                    border-bottom-right-radius: 0
-                }
-            }
-            @media (min-width: 480px) {
-                .sm\\:border-b-0 {
-                    border-bottom-width: 0
-                }
-
-                .sm\\:rounded-8 {
-                    border-radius: 8px
-                }
-
-                .sm\\:rounded-b-8 {
-                    border-bottom-left-radius: 8px;
-                    border-bottom-right-radius: 8px
-                }
-
-                .sm\\:gap-16 {
-                    gap: 1.6rem
-                }
-
-                .sm\\:place-content-center {
-                    place-content: center
-                }
-
-                .sm\\:place-items-center {
-                    place-items: center
-                }
-
-                .sm\\:h-24 {
-                    height: 2.4rem
-                }
-
-                .sm\\:min-h-48 {
-                    min-height: 4.8rem
-                }
-
-                .sm\\:w-24 {
-                    width: 2.4rem
-                }
-
-                .sm\\:min-h-\\[32px\\] {
-                    min-height: 32px
-                }
-
-                .sm\\:min-h-\\[44px\\] {
-                    min-height: 44px
-                }
-
-                .sm\\:min-h-\\[45\\] {
-                    min-height: 4.5rem
-                }
-
-                .sm\\:min-w-\\[32px\\] {
-                    min-width: 32px
-                }
-
-                .sm\\:min-w-\\[44px\\] {
-                    min-width: 44px
-                }
-
-                .sm\\:mx-0 {
-                    margin-left: 0rem;
-                    margin-right: 0rem
-                }
-
-                .sm\\:mx-16 {
-                    margin-left: 1.6rem;
-                    margin-right: 1.6rem
-                }
-
-                .sm\\:-ml-12 {
-                    margin-left: -1.2rem
-                }
-
-                .sm\\:-mr-12 {
-                    margin-right: -1.2rem
-                }
-
-                .sm\\:-mt-8 {
-                    margin-top: -.8rem
-                }
-
-                .sm\\:px-32 {
-                    padding-left: 3.2rem;
-                    padding-right: 3.2rem
-                }
-
-                .sm\\:py-0 {
-                    padding-top: 0rem;
-                    padding-bottom: 0rem
-                }
-
-                .sm\\:pb-32 {
-                    padding-bottom: 3.2rem
-                }
-
-                .sm\\:pt-24 {
-                    padding-top: 2.4rem
-                }
-
-                .sm\\:pt-32 {
-                    padding-top: 3.2rem
-                }
-            }
-            @media (min-width: 768px) {
-                .md\\:block {
-                    display: block
-                }
-
-                .md\\:hidden {
-                    display: none
-                }
-            }
-        `;import{classMap as Ci}from"lit/directives/class-map.js";function jr(){return`m${Math.random().toString(36).slice(2)}`}import{css as En}from"lit";var Nr=En`
-  .place-self-auto {
-    place-self: auto;
-  }
-  .place-self-start {
-    place-self: start;
-  }
-  .place-self-end {
-    place-self: end;
-  }
-  .place-self-center {
-    place-self: center;
-  }
-  .place-self-stretch {
-    place-self: stretch;
-  }
-
-  .place-items-start {
-    place-items: start;
-  }
-  .place-items-end {
-    place-items: end;
-  }
-  .place-items-center {
-    place-items: center;
-  }
-  .place-items-stretch {
-    place-items: stretch;
-  }
-
-  .place-content-center {
-    place-content: center;
-  }
-  .place-content-start {
-    place-content: start;
-  }
-  .place-content-end {
-    place-content: end;
-  }
-  .place-content-between {
-    place-content: space-between;
-  }
-  .place-content-around {
-    place-content: space-around;
-  }
-  .place-content-evenly {
-    place-content: space-evenly;
-  }
-
-  .self-auto {
-    align-self: auto;
-  }
-  .self-start {
-    align-self: flex-start;
-  }
-  .self-center {
-    align-self: center;
-  }
-  .self-end {
-    align-self: flex-end;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-
-  .items-baseline {
-    align-items: baseline;
-  }
-  .items-stretch {
-    align-items: stretch;
-  }
-  .items-start {
-    align-items: flex-start;
-  }
-  .items-center {
-    align-items: center;
-  }
-  .items-end {
-    align-items: flex-end;
-  }
-
-  .content-start {
-    align-content: flex-start;
-  }
-  .content-center {
-    align-content: center;
-  }
-  .content-end {
-    align-content: flex-end;
-  }
-  .content-between {
-    align-content: space-between;
-  }
-  .content-around {
-    align-content: space-around;
-  }
-  .content-evenly {
-    align-content: space-evenly;
-  }
-
-  .justify-self-auto {
-    justify-self: auto;
-  }
-  .justify-self-start {
-    justify-self: start;
-  }
-  .justify-self-center {
-    justify-self: center;
-  }
-  .justify-self-end {
-    justify-self: end;
-  }
-  .justify-self-stretch {
-    justify-self: stretch;
-  }
-
-  .justify-items-start {
-    justify-items: start;
-  }
-  .justify-items-center {
-    justify-items: center;
-  }
-  .justify-items-end {
-    justify-items: end;
-  }
-  .justify-items-stretch {
-    justify-items: stretch;
-  }
-
-  .justify-start {
-    justify-content: flex-start;
-  }
-  .justify-center {
-    justify-content: center;
-  }
-  .justify-end {
-    justify-content: flex-end;
-  }
-  .justify-between {
-    justify-content: space-between;
-  }
-  .justify-around {
-    justify-content: space-around;
-  }
-  .justify-evenly {
-    justify-content: space-evenly;
-  }
-
-  .gap-0 {
-    gap: 0;
-  }
-  .gap-1 {
-    gap: 0.25rem;
-  }
-  .gap-2 {
-    gap: 0.5rem;
-  }
-  .gap-4 {
-    gap: 1rem;
-  }
-  .gap-6 {
-    gap: 1.5rem;
-  }
-  .gap-8 {
-    gap: 2rem;
-  }
-  .gap-10 {
-    gap: 2.5rem;
-  }
-  .gap-12 {
-    gap: 3rem;
-  }
-  .gap-14 {
-    gap: 3.5rem;
-  }
-  .gap-16 {
-    gap: 4rem;
-  }
-
-  .gap-x-0 {
-    column-gap: 0;
-  }
-  .gap-x-1 {
-    column-gap: 0.25rem;
-  }
-  .gap-x-2 {
-    column-gap: 0.5rem;
-  }
-  .gap-x-4 {
-    column-gap: 1rem;
-  }
-  .gap-x-6 {
-    column-gap: 1.5rem;
-  }
-  .gap-x-8 {
-    column-gap: 2rem;
-  }
-  .gap-x-10 {
-    column-gap: 2.5rem;
-  }
-  .gap-x-12 {
-    column-gap: 3rem;
-  }
-  .gap-x-14 {
-    column-gap: 3.5rem;
-  }
-  .gap-x-16 {
-    column-gap: 4rem;
-  }
-
-  .gap-y-0 {
-    row-gap: 0;
-  }
-  .gap-y-1 {
-    row-gap: 0.25rem;
-  }
-  .gap-y-2 {
-    row-gap: 0.5rem;
-  }
-  .gap-y-4 {
-    row-gap: 1rem;
-  }
-  .gap-y-6 {
-    row-gap: 1.5rem;
-  }
-  .gap-y-8 {
-    row-gap: 2rem;
-  }
-  .gap-y-10 {
-    row-gap: 2.5rem;
-  }
-  .gap-y-12 {
-    row-gap: 3rem;
-  }
-  .gap-y-14 {
-    row-gap: 3.5rem;
-  }
-  .gap-y-16 {
-    row-gap: 4rem;
-  }
-
-  .order-1 {
-    order: 1;
-  }
-  .order-2 {
-    order: 2;
-  }
-  .order-3 {
-    order: 3;
-  }
-  .order-4 {
-    order: 4;
-  }
-  .order-5 {
-    order: 5;
-  }
-  .order-6 {
-    order: 6;
-  }
-  .order-7 {
-    order: 7;
-  }
-  .order-8 {
-    order: 8;
-  }
-  .order-9 {
-    order: 9;
-  }
-  .order-10 {
-    order: 10;
-  }
-  .order-11 {
-    order: 11;
-  }
-  .order-12 {
-    order: 12;
-  }
-  .order-none {
-    order: 0;
-  }
-  .order-first {
-    order: -9999;
-  }
-  .order-last {
-    order: 9999;
-  }
-
-  .flex-nowrap {
-    flex-wrap: nowrap;
-  }
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .shrink {
-    flex-shrink: 1;
-  }
-  .shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .grow {
-    flex-grow: 1;
-  }
-  .grow-0 {
-    flex-grow: 0;
-  }
-
-  .flex-row {
-    flex-direction: row;
-  }
-  .flex-row-reverse {
-    flex-direction: row-reverse;
-  }
-  .flex-col {
-    flex-direction: column;
-  }
-  .flex-col-reverse {
-    flex-direction: column-reverse;
-  }
-
-  .basis-1 {
-    flex-basis: 0.25rem;
-  }
-  .basis-2 {
-    flex-basis: 0.5rem;
-  }
-  .basis-4 {
-    flex-basis: 1rem;
-  }
-  .basis-8 {
-    flex-basis: 2rem;
-  }
-  .basis-16 {
-    flex-basis: 4rem;
-  }
-  .basis-1\/5 {
-    flex-basis: 20%;
-  }
-
-  .flex-initial {
-    flex: 0 1 auto;
-  }
-  .flex-1 {
-    flex: 1 1 0%;
-  }
-  .flex-auto {
-    flex: 1 1 auto;
-  }
-  .flex-none {
-    flex: none;
-  }
-
-  .space-x-0 > * + * {
-    margin-left: 0;
-  }
-  .space-x-1 > * + * {
-    margin-left: 0.25rem;
-  }
-  .space-x-2 > * + * {
-    margin-left: 0.5rem;
-  }
-  .space-x-4 > * + * {
-    margin-left: 1rem;
-  }
-  .space-x-6 > * + * {
-    margin-left: 1.5rem;
-  }
-  .space-x-8 > * + * {
-    margin-left: 2rem;
-  }
-  .space-x-10 > * + * {
-    margin-left: 2.5rem;
-  }
-  .space-x-12 > * + * {
-    margin-left: 3rem;
-  }
-  .space-x-14 > * + * {
-    margin-left: 3.5rem;
-  }
-  .space-x-16 > * + * {
-    margin-left: 4rem;
-  }
-
-  .space-y-0 > * + * {
-    margin-top: 0;
-  }
-  .space-y-1 > * + * {
-    margin-top: 0.25rem;
-  }
-  .space-y-2 > * + * {
-    margin-top: 0.5rem;
-  }
-  .space-y-4 > * + * {
-    margin-top: 1rem;
-  }
-  .space-y-6 > * + * {
-    margin-top: 1.5rem;
-  }
-  .space-y-8 > * + * {
-    margin-top: 2rem;
-  }
-  .space-y-10 > * + * {
-    margin-top: 2.5rem;
-  }
-  .space-y-12 > * + * {
-    margin-top: 3rem;
-  }
-  .space-y-14 > * + * {
-    margin-top: 3.5rem;
-  }
-  .space-y-16 > * + * {
-    margin-top: 4rem;
-  }
-
-  .space-x-reverse > * + * {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .space-y-reverse > * + * {
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-
-  .m-0 {
-    margin: 0;
-  }
-  .m-1 {
-    margin: 0.25rem;
-  }
-  .m-2 {
-    margin: 0.5rem;
-  }
-  .m-4 {
-    margin: 1rem;
-  }
-  .m-6 {
-    margin: 1.5rem;
-  }
-  .m-8 {
-    margin: 2rem;
-  }
-  .m-10 {
-    margin: 2.5rem;
-  }
-  .m-12 {
-    margin: 3rem;
-  }
-  .m-14 {
-    margin: 3.5rem;
-  }
-  .m-16 {
-    margin: 4rem;
-  }
-
-  .mt-0 {
-    margin-top: 0;
-  }
-  .mt-1 {
-    margin-top: 0.25rem;
-  }
-  .mt-2 {
-    margin-top: 0.5rem;
-  }
-  .mt-4 {
-    margin-top: 1rem;
-  }
-  .mt-6 {
-    margin-top: 1.5rem;
-  }
-  .mt-8 {
-    margin-top: 2rem;
-  }
-  .mt-10 {
-    margin-top: 2.5rem;
-  }
-  .mt-12 {
-    margin-top: 3rem;
-  }
-  .mt-14 {
-    margin-top: 3.5rem;
-  }
-  .mt-16 {
-    margin-top: 4rem;
-  }
-
-  .mr-0 {
-    margin-right: 0;
-  }
-  .mr-1 {
-    margin-right: 0.25rem;
-  }
-  .mr-2 {
-    margin-right: 0.5rem;
-  }
-  .mr-4 {
-    margin-right: 1rem;
-  }
-  .mr-6 {
-    margin-right: 1.5rem;
-  }
-  .mr-8 {
-    margin-right: 2rem;
-  }
-  .mr-10 {
-    margin-right: 2.5rem;
-  }
-  .mr-12 {
-    margin-right: 3rem;
-  }
-  .mr-14 {
-    margin-right: 3.5rem;
-  }
-  .mr-16 {
-    margin-right: 4rem;
-  }
-
-  .mb-0 {
-    margin-bottom: 0;
-  }
-  .mb-1 {
-    margin-bottom: 0.25rem;
-  }
-  .mb-2 {
-    margin-bottom: 0.5rem;
-  }
-  .mb-4 {
-    margin-bottom: 1rem;
-  }
-  .mb-6 {
-    margin-bottom: 1.5rem;
-  }
-  .mb-8 {
-    margin-bottom: 2rem;
-  }
-  .mb-10 {
-    margin-bottom: 2.5rem;
-  }
-  .mb-12 {
-    margin-bottom: 3rem;
-  }
-  .mb-14 {
-    margin-bottom: 3.5rem;
-  }
-  .mb-16 {
-    margin-bottom: 4rem;
-  }
-
-  .ml-0 {
-    margin-left: 0;
-  }
-  .ml-1 {
-    margin-left: 0.25rem;
-  }
-  .ml-2 {
-    margin-left: 0.5rem;
-  }
-  .ml-4 {
-    margin-left: 1rem;
-  }
-  .ml-6 {
-    margin-left: 1.5rem;
-  }
-  .ml-8 {
-    margin-left: 2rem;
-  }
-  .ml-10 {
-    margin-left: 2.5rem;
-  }
-  .ml-12 {
-    margin-left: 3rem;
-  }
-  .ml-14 {
-    margin-left: 3.5rem;
-  }
-  .ml-16 {
-    margin-left: 4rem;
-  }
-
-  .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-4 {
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-  .mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-  .mx-8 {
-    margin-left: 2rem;
-    margin-right: 2rem;
-  }
-  .mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-  .mx-12 {
-    margin-left: 3rem;
-    margin-right: 3rem;
-  }
-  .mx-14 {
-    margin-left: 3.5rem;
-    margin-right: 3.5rem;
-  }
-  .mx-16 {
-    margin-left: 4rem;
-    margin-right: 4rem;
-  }
-
-  .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-4 {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-  .my-6 {
-    margin-top: 1.5rem;
-    margin-bottom: 1.5rem;
-  }
-  .my-8 {
-    margin-top: 2rem;
-    margin-bottom: 2rem;
-  }
-  .my-10 {
-    margin-top: 2.5rem;
-    margin-bottom: 2.5rem;
-  }
-  .my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
-  }
-  .my-14 {
-    margin-top: 3.5rem;
-    margin-bottom: 3.5rem;
-  }
-  .my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
-  }
-
-  .p-0 {
-    padding: 0;
-  }
-  .p-1 {
-    padding: 0.25rem;
-  }
-  .p-2 {
-    padding: 0.5rem;
-  }
-  .p-4 {
-    padding: 1rem;
-  }
-  .p-6 {
-    padding: 1.5rem;
-  }
-  .p-8 {
-    padding: 2rem;
-  }
-  .p-10 {
-    padding: 2.5rem;
-  }
-  .p-12 {
-    padding: 3rem;
-  }
-  .p-14 {
-    padding: 3.5rem;
-  }
-  .p-16 {
-    padding: 4rem;
-  }
-
-  .pt-0 {
-    padding-top: 0;
-  }
-  .pt-1 {
-    padding-top: 0.25rem;
-  }
-  .pt-2 {
-    padding-top: 0.5rem;
-  }
-  .pt-4 {
-    padding-top: 1rem;
-  }
-  .pt-6 {
-    padding-top: 1.5rem;
-  }
-  .pt-8 {
-    padding-top: 2rem;
-  }
-  .pt-10 {
-    padding-top: 2.5rem;
-  }
-  .pt-12 {
-    padding-top: 3rem;
-  }
-  .pt-14 {
-    padding-top: 3.5rem;
-  }
-  .pt-16 {
-    padding-top: 4rem;
-  }
-
-  .pr-0 {
-    padding-right: 0;
-  }
-  .pr-1 {
-    padding-right: 0.25rem;
-  }
-  .pr-2 {
-    padding-right: 0.5rem;
-  }
-  .pr-4 {
-    padding-right: 1rem;
-  }
-  .pr-6 {
-    padding-right: 1.5rem;
-  }
-  .pr-8 {
-    padding-right: 2rem;
-  }
-  .pr-10 {
-    padding-right: 2.5rem;
-  }
-  .pr-12 {
-    padding-right: 3rem;
-  }
-  .pr-14 {
-    padding-right: 3.5rem;
-  }
-  .pr-16 {
-    padding-right: 4rem;
-  }
-
-  .pb-0 {
-    padding-bottom: 0;
-  }
-  .pb-1 {
-    padding-bottom: 0.25rem;
-  }
-  .pb-2 {
-    padding-bottom: 0.5rem;
-  }
-  .pb-4 {
-    padding-bottom: 1rem;
-  }
-  .pb-6 {
-    padding-bottom: 1.5rem;
-  }
-  .pb-8 {
-    padding-bottom: 2rem;
-  }
-  .pb-10 {
-    padding-bottom: 2.5rem;
-  }
-  .pb-12 {
-    padding-bottom: 3rem;
-  }
-  .pb-14 {
-    padding-bottom: 3.5rem;
-  }
-  .pb-16 {
-    padding-bottom: 4rem;
-  }
-
-  .pl-0 {
-    padding-left: 0;
-  }
-  .pl-1 {
-    padding-left: 0.25rem;
-  }
-  .pl-2 {
-    padding-left: 0.5rem;
-  }
-  .pl-4 {
-    padding-left: 1rem;
-  }
-  .pl-6 {
-    padding-left: 1.5rem;
-  }
-  .pl-8 {
-    padding-left: 2rem;
-  }
-  .pl-10 {
-    padding-left: 2.5rem;
-  }
-  .pl-12 {
-    padding-left: 3rem;
-  }
-  .pl-14 {
-    padding-left: 3.5rem;
-  }
-  .pl-16 {
-    padding-left: 4rem;
-  }
-
-  .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-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-  .px-8 {
-    padding-left: 2rem;
-    padding-right: 2rem;
-  }
-  .px-10 {
-    padding-left: 2.5rem;
-    padding-right: 2.5rem;
-  }
-  .px-12 {
-    padding-left: 3rem;
-    padding-right: 3rem;
-  }
-  .px-14 {
-    padding-left: 3.5rem;
-    padding-right: 3.5rem;
-  }
-  .px-16 {
-    padding-left: 4rem;
-    padding-right: 4rem;
-  }
-
-  .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-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-  }
-  .py-6 {
-    padding-top: 1.5rem;
-    padding-bottom: 1.5rem;
-  }
-  .py-8 {
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-  }
-  .py-10 {
-    padding-top: 2.5rem;
-    padding-bottom: 2.5rem;
-  }
-  .py-12 {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-  }
-  .py-14 {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-  .py-16 {
-    padding-top: 4rem;
-    padding-bottom: 4rem;
-  }
-`;var $r=JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');var Hr=JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');var Br=JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');var Yr=JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');var Ir=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');import{css as _n}from"lit";var Fr=_n`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.border-solid{border-style:solid}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-start{align-items:flex-start}.items-center{align-items:center}.-bottom-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.justify-self-end{justify-self:end}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-inverted-static{color:var(--w-s-color-text-inverted-static)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.-mr-8{margin-right:-.8rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;import{LitElement as Cn}from"lit";import{unsafeStatic as An,html as On}from"lit/static-html.js";var Rn=JSON.parse('{"icon.title.close":["Kryss"]}'),Sn=JSON.parse('{"icon.title.close":["Cross"]}'),Tn=JSON.parse('{"icon.title.close":["Rasti"]}'),Ln=JSON.parse('{"icon.title.close":["Kryds"]}'),Dn=JSON.parse('{"icon.title.close":["Kryss"]}'),Ur=["en","nb","fi","da","sv"],Xr="en",zn=()=>{var e;let t;switch((e=process==null?void 0:process.env)==null?void 0:e.NMP_BRAND){case"FINN":t="nb";break;case"TORI":t="fi";break;case"BLOCKET":t="sv";break;case"DBA":t="da";break;default:t="en"}return t},Vr=()=>{var e;let t=(e=document==null?void 0:document.location)==null?void 0:e.hostname;return t!=null&&t.includes("finn")?"nb":t.includes("tori")?"fi":t.includes("blocket")?"sv":t.includes("dba")?"da":Xr},vt=e=>Ur.find(t=>e===t||e.toLowerCase().includes(t))||Vr();function Pn(){var e;if(typeof window=="undefined"){let t=zn();return vt(t)}try{let t=(e=document==null?void 0:document.documentElement)==null?void 0:e.lang,r=Vr();return Ur.includes(t)?vt(t!=null?t:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),vt(r))}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Xr}}var Mn=(e,t,r,o,n,a)=>e==="nb"?r:e==="fi"?o:e==="da"?n:e==="sv"?a:t,jn=(e,t,r,o,n)=>{let a=Pn(),i=Mn(a,e,t,r,o,n);_.load(a,i),_.activate(a)};jn(Sn,Rn,Tn,Ln,Dn);var Nn=class extends Cn{render(){let e=_.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return On`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${An(`<title>${e}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",Nn);var Yn={medium:"text-m leading-[24]",xsmall:"text-xs"},Zr={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},_e="font-bold focusable justify-center transition-colors ease-in-out",In={primary:`border-0 rounded-8 ${_e}`,secondary:`border-2 rounded-8 ${_e}`,utility:`border rounded-4 ${_e}`,negative:`border-0 rounded-8 ${_e}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${_e}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${Zr.link}`},he={base:"border-2 relative flex items-start",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8",callout:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",highlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",popover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeftStart:"-left-[8px]",arrowDirectionLeft:"-left-[8px]",arrowDirectionLeftEnd:"-left-[8px]",arrowDirectionRightStart:"-right-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionRightEnd:"-right-[8px]",arrowDirectionBottomStart:"-bottom-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionBottomEnd:"-bottom-[8px]",arrowDirectionTopStart:"-top-[8px]",arrowDirectionTop:"-top-[8px]",arrowDirectionTopEnd:"-top-[8px]",arrowTooltip:"s-bg-inverted border-[--w-s-color-background-inverted]",arrowCallout:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",arrowPopover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",arrowHighlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",content:"last-child:mb-0",notCallout:"absolute z-50",closeBtn:`${Yn.medium} ${In.pill} ${Zr.pill} justify-self-end -mr-8 ml-8`},E=class extends Hn{constructor(){super(),zr(Hr,Yr,Br,$r,Ir),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(ce).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
-${JSON.stringify(Object.keys(ce))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(t=>ft.includes(t)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
-${JSON.stringify(ft)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl?ht(this.attentionState).then(t=>{this._actualDirection=t==null?void 0:t.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(t){this.placement=t}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return ce[this._actualDirection]}get _arrowClasses(){return Oe([he.arrowBase,this._activeVariantClasses.arrow,he[`arrowDirection${bt(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":be`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){let t={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},r=Object.keys(t).find(o=>!!t[o])||"";return{wrapper:he[r],arrow:he[`arrow${r.charAt(0).toUpperCase()+r.slice(1)}`]}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var r;let t=(r=this.renderRoot)==null?void 0:r.querySelector("slot[name='target']");return t?t.assignedElements()[0]:null}get _messageEl(){let t=this.renderRoot.querySelector("slot[name='message']");return t?t.assignedElements()[0]:null}get _wrapperClasses(){return Oe([he.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return _._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return be`
-      <button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${he.closeBtn}">
-        <w-icon-close-16 style="height: 16px; width: 16px; display: flex;"></w-icon-close-16>
-      </button>
-    `}updated(){this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},ht(this.attentionState)}pointingAtDirection(){switch(ce[this._actualDirection]){case"top-start":case"top":case"top-end":return _._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return _._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return _._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return _._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return _._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return _._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return _._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return _._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}setAriaLabels(){if(this._targetEl&&!this._targetEl.getAttribute("aria-details")){let t=this._messageEl.id||(this._messageEl.id=jr());this._targetEl.setAttribute("aria-details",t)}}firstUpdated(){this._initialPlacement=this.placement,this.setAriaLabels(),this.callout&&(this._attentionEl.style.position="relative")}close(){let t=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(t))}keypressed(t){this.canClose&&t.key==="Escape"&&(t.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?be``:be`
-      <div class=${Bn(this.className?this.className:void 0)}>
-        ${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?be`
-              <slot name="target"></slot>
-
-              <div id="attention" class="${this._wrapperClasses}">
-                <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
-                <slot name="message"></slot>
-                ${this.canClose?this._closeBtnHtml:qr}
-              </div>
-            `:be`
-              <div id="attention" class="${this._wrapperClasses}">
-                <slot name="message"></slot>
-                <div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
-                ${this.canClose?this._closeBtnHtml:qr}
-              </div>
-              <slot name="target"></slot>
-            `}
-      </div>
-    `}};E.styles=[Mr,Nr,Fr,$n`
-      #attention {
-        position: absolute;
-        z-index: 50;
-        visibility: var(--attention-visibility);
-        display: var(--attention-display);
-      }
-      :host([popover]:not(:popover-open):not(dialog[open])) {
-        display: contents;
-      }
-    `],R([L({type:Boolean,reflect:!0})],E.prototype,"show",2),R([L({type:String,reflect:!0})],E.prototype,"placement",2),R([L({type:Boolean,reflect:!0})],E.prototype,"tooltip",2),R([L({type:Boolean,reflect:!0})],E.prototype,"callout",2),R([L({type:Boolean,reflect:!0})],E.prototype,"popover",2),R([L({type:Boolean,reflect:!0})],E.prototype,"highlight",2),R([L({attribute:"can-close",type:Boolean,reflect:!0})],E.prototype,"canClose",2),R([L({attribute:"no-arrow",type:Boolean,reflect:!0})],E.prototype,"noArrow",2),R([L({type:Number,reflect:!0})],E.prototype,"distance",2),R([L({type:Number,reflect:!0})],E.prototype,"skidding",2),R([L({type:Boolean,reflect:!0})],E.prototype,"flip",2),R([L({attribute:"cross-axis",type:Boolean,reflect:!0})],E.prototype,"crossAxis",2),R([L({attribute:"fallback-placements",type:Array,reflect:!0})],E.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",E);var da=it({tagName:"w-attention",elementClass:E,react:Wr.default});export{da as Attention};
-/*! Bundled license information:
-
-react/cjs/react.production.js:
-  (**
-   * @license React
-   * react.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-@lit/react/create-component.js:
-  (**
-   * @license
-   * Copyright 2018 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/
-//# sourceMappingURL=react.js.map
+import { LitElement } from 'lit';
+import { createComponent } from '@lit/react';
+import React from 'react';
+// decouple from CDN by providing a dummy class
+class Component extends LitElement {
+}
+const BaseAttention = createComponent({
+    tagName: 'w-attention',
+    elementClass: Component,
+    react: React,
+    events: {
+        onClose: 'close',
+        // additionally support React v19 syntax for CE events
+        onclose: 'close',
+    },
+});
+export const Attention = BaseAttention;