@warp-ds/elements 2.2.0-next.8 → 2.2.0

package/dist/packages/attention/index.js

@@ -1,5 +1,5 @@
-var Eo=Object.create;var Ke=Object.defineProperty;var _o=Object.getOwnPropertyDescriptor;var So=Object.getOwnPropertyNames;var Ao=Object.getPrototypeOf,Do=Object.prototype.hasOwnProperty;var Co=(e,t,o)=>t in e?Ke(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var ut=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Oo=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of So(t))!Do.call(e,n)&&n!==o&&Ke(e,n,{get:()=>t[n],enumerable:!(r=_o(t,n))||r.enumerable});return e};var Lo=(e,t,o)=>(o=e!=null?Eo(Ao(e)):{},Oo(t||!e||!e.__esModule?Ke(o,"default",{value:e,enumerable:!0}):o,e));var Ye=(e,t,o)=>Co(e,typeof t!="symbol"?t+"":t,o);var ft=ut(ie=>{"use strict";Object.defineProperty(ie,"__esModule",{value:!0});ie.errorMessages=ie.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=ie.ErrorType||(ie.ErrorType={}));ie.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 gt=ut(V=>{"use strict";Object.defineProperty(V,"__esModule",{value:!0});V.unraw=V.errorMessages=V.ErrorType=void 0;var C=ft();Object.defineProperty(V,"ErrorType",{enumerable:!0,get:function(){return C.ErrorType}});Object.defineProperty(V,"errorMessages",{enumerable:!0,get:function(){return C.errorMessages}});function To(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function Se(e,t,o){let r=To(e);if(Number.isNaN(r)||o!==void 0&&o!==e.length)throw new SyntaxError(C.errorMessages.get(t));return r}function Ro(e){let t=Se(e,C.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(t)}function pt(e,t){let o=Se(e,C.ErrorType.MalformedUnicode,4);if(t!==void 0){let r=Se(t,C.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,r)}return String.fromCharCode(o)}function Po(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function Mo(e){if(!Po(e))throw new SyntaxError(C.errorMessages.get(C.ErrorType.MalformedUnicode));let t=e.slice(1,-1),o=Se(t,C.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(r){throw r instanceof RangeError?new SyntaxError(C.errorMessages.get(C.ErrorType.CodePointLimit)):r}}function Bo(e,t=!1){if(t)throw new SyntaxError(C.errorMessages.get(C.ErrorType.OctalDeprecation));let o=parseInt(e,8);return String.fromCharCode(o)}var No=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function jo(e){return No.get(e)||e}var Io=/\\(?:(\\)|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 mt(e,t=!1){return e.replace(Io,function(o,r,n,s,i,a,l,c,d){if(r!==void 0)return"\\";if(n!==void 0)return Ro(n);if(s!==void 0)return Mo(s);if(i!==void 0)return pt(i,a);if(l!==void 0)return pt(l);if(c==="0")return"\0";if(c!==void 0)return Bo(c,!t);if(d!==void 0)return jo(d);throw new SyntaxError(C.errorMessages.get(C.ErrorType.EndOfString))})}V.unraw=mt;V.default=mt});import{css as Gr,html as he,nothing as yo}from"lit";var _e=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(o,r){return o.concat(typeof r=="string"?r:Array.isArray(r)?_e.apply(void 0,r):typeof r=="object"&&r?Object.keys(r).map(function(n){return r[n]?n:""}):"")},[]).join(" ")};var vt=Lo(gt(),1);var ee=e=>typeof e=="string",Fo=e=>typeof e=="function",bt=new Map,wt="en";function tt(e){return[...Array.isArray(e)?e:[e],wt]}function ot(e,t,o){let r=tt(e);o||(o="default");let n;if(typeof o=="string")switch(n={day:"numeric",month:"short",year:"numeric"},o){case"full":n.weekday="long";case"long":n.month="long";break;case"short":n.month="numeric";break}else n=o;return Ae(()=>De("date",r,o),()=>new Intl.DateTimeFormat(r,n)).format(ee(t)?new Date(t):t)}function Ho(e,t,o){let r;if(o||(o="default"),typeof o=="string")switch(r={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":r.timeZoneName="short";break;case"short":delete r.second}else r=o;return ot(e,t,r)}function Xe(e,t,o){let r=tt(e);return Ae(()=>De("number",r,o),()=>new Intl.NumberFormat(r,o)).format(t)}function ht(e,t,o,{offset:r=0,...n}){var a,l;let s=tt(e),i=t?Ae(()=>De("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):Ae(()=>De("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(a=n[o])!=null?a:n[i.select(o-r)])!=null?l:n.other}function Ae(e,t){let o=e(),r=bt.get(o);return r||(r=t(),bt.set(o,r)),r}function De(e,t,o){let r=t.join("-");return`${e}-${r}-${JSON.stringify(o)}`}var xt=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,yt="%__lingui_octothorpe__%",zo=(e,t,o={})=>{let r=t||e,n=i=>typeof i=="object"?i:o[i],s=(i,a)=>{let l=Object.keys(o).length?n("number"):void 0,c=Xe(r,i,l);return a.replace(new RegExp(yt,"g"),c)};return{plural:(i,a)=>{let{offset:l=0}=a,c=ht(r,!1,i,a);return s(i-l,c)},selectordinal:(i,a)=>{let{offset:l=0}=a,c=ht(r,!0,i,a);return s(i-l,c)},select:Qo,number:(i,a)=>Xe(r,i,n(a)||{style:a}),date:(i,a)=>ot(r,i,n(a)||a),time:(i,a)=>Ho(r,i,n(a)||a)}},Qo=(e,t)=>{var o;return(o=t[e])!=null?o:t.other};function Uo(e,t,o){return(r={},n)=>{let s=zo(t,o,n),i=(l,c=!1)=>Array.isArray(l)?l.reduce((d,u)=>{if(u==="#"&&c)return d+yt;if(ee(u))return d+u;let[b,f,h]=u,v={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(h).forEach(([y,$])=>{v[y]=i($,f==="plural"||f==="selectordinal")}):v=h;let w;if(f){let y=s[f];w=y(r[b],v)}else w=r[b];return w==null?d:d+w},""):l,a=i(e);return ee(a)&&xt.test(a)?(0,vt.unraw)(a):ee(a)?a:a?String(a):""}}var Wo=Object.defineProperty,Vo=(e,t,o)=>t in e?Wo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,qo=(e,t,o)=>(Vo(e,typeof t!="symbol"?t+"":t,o),o),Ze=class{constructor(){qo(this,"_events",{})}on(t,o){var n;var r;return(n=(r=this._events)[t])!=null||(r[t]=[]),this._events[t].push(o),()=>this.removeListener(t,o)}removeListener(t,o){let r=this._getListeners(t);if(!r)return;let n=r.indexOf(o);~n&&r.splice(n,1)}emit(t,...o){let r=this._getListeners(t);r&&r.map(n=>n.apply(this,o))}_getListeners(t){let o=this._events[t];return Array.isArray(o)?o:!1}},Jo=Object.defineProperty,Go=(e,t,o)=>t in e?Jo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,se=(e,t,o)=>(Go(e,typeof t!="symbol"?t+"":t,o),o),et=class extends Ze{constructor(t){var o;super(),se(this,"_locale",""),se(this,"_locales"),se(this,"_localeData",{}),se(this,"_messages",{}),se(this,"_missing"),se(this,"_messageCompiler"),se(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((o=t.locale)!=null?o:wt,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,o){let r=this._localeData[t];r?Object.assign(r,o):this._localeData[t]=o}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,o){typeof t=="string"?this._loadLocaleData(t,o):Object.keys(t).forEach(r=>this._loadLocaleData(r,t[r])),this.emit("change")}_load(t,o){let r=this._messages[t];r?Object.assign(r,o):this._messages[t]=o}load(t,o){typeof t=="string"&&typeof o=="object"?this._load(t,o):Object.entries(t).forEach(([r,n])=>this._load(r,n)),this.emit("change")}loadAndActivate({locale:t,locales:o,messages:r}){this._locale=t,this._locales=o||void 0,this._messages[this._locale]=r,this.emit("change")}activate(t,o){this._locale=t,this._locales=o,this.emit("change")}_(t,o,r){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=r==null?void 0:r.message;t||(t=""),ee(t)||(o=t.values||o,n=t.message,t=t.id);let s=this.messages[t],i=s===void 0,a=this._missing;if(a&&i)return Fo(a)?a(this._locale,t):a;i&&this.emit("missing",{id:t,locale:this._locale});let l=s||n||t;return ee(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+var Yr=Object.create;var dt=Object.defineProperty;var $t=Object.getOwnPropertyDescriptor;var Xr=Object.getOwnPropertyNames;var Zr=Object.getPrototypeOf,Jr=Object.prototype.hasOwnProperty;var _t=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Gr=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Xr(t))!Jr.call(e,i)&&i!==r&&dt(e,i,{get:()=>t[i],enumerable:!(o=$t(t,i))||o.enumerable});return e};var Wr=(e,t,r)=>(r=e!=null?Yr(Zr(e)):{},Gr(t||!e||!e.__esModule?dt(r,"default",{value:e,enumerable:!0}):r,e));var $=(e,t,r,o)=>{for(var i=o>1?void 0:o?$t(t,r):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(i=(o?n(t,r,i):n(i))||i);return o&&i&&dt(t,r,i),i};var Ct=_t(pe=>{"use strict";Object.defineProperty(pe,"__esModule",{value:!0});pe.errorMessages=pe.ErrorType=void 0;var ke;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(ke=pe.ErrorType||(pe.ErrorType={}));pe.errorMessages=new Map([[ke.MalformedUnicode,"malformed Unicode character escape sequence"],[ke.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[ke.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[ke.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[ke.EndOfString,"malformed escape sequence at end of string"]])});var Lt=_t(se=>{"use strict";Object.defineProperty(se,"__esModule",{value:!0});se.unraw=se.errorMessages=se.ErrorType=void 0;var H=Ct();Object.defineProperty(se,"ErrorType",{enumerable:!0,get:function(){return H.ErrorType}});Object.defineProperty(se,"errorMessages",{enumerable:!0,get:function(){return H.errorMessages}});function Kr(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function Re(e,t,r){let o=Kr(e);if(Number.isNaN(o)||r!==void 0&&r!==e.length)throw new SyntaxError(H.errorMessages.get(t));return o}function eo(e){let t=Re(e,H.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(t)}function St(e,t){let r=Re(e,H.ErrorType.MalformedUnicode,4);if(t!==void 0){let o=Re(t,H.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function to(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function ro(e){if(!to(e))throw new SyntaxError(H.errorMessages.get(H.ErrorType.MalformedUnicode));let t=e.slice(1,-1),r=Re(t,H.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(H.errorMessages.get(H.ErrorType.CodePointLimit)):o}}function oo(e,t=!1){if(t)throw new SyntaxError(H.errorMessages.get(H.ErrorType.OctalDeprecation));let r=parseInt(e,8);return String.fromCharCode(r)}var io=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function no(e){return io.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 Et(e,t=!1){return e.replace(ao,function(r,o,i,a,n,s,l,d,c){if(o!==void 0)return"\\";if(i!==void 0)return eo(i);if(a!==void 0)return ro(a);if(n!==void 0)return St(n,s);if(l!==void 0)return St(l);if(d==="0")return"\0";if(d!==void 0)return oo(d,!t);if(c!==void 0)return no(c);throw new SyntaxError(H.errorMessages.get(H.ErrorType.EndOfString))})}se.unraw=Et;se.default=Et});var ye=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)?ye.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var Dt=Wr(Lt(),1);var ue=e=>typeof e=="string",so=e=>typeof e=="function",Ot=new Map,zt="en";function pt(e){return[...Array.isArray(e)?e:[e],zt]}function ht(e,t,r){let o=pt(e);r||(r="default");let i;if(typeof r=="string")switch(i={day:"numeric",month:"short",year:"numeric"},r){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=r;return je(()=>Fe("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(ue(t)?new Date(t):t)}function lo(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 ht(e,t,o)}function ut(e,t,r){let o=pt(e);return je(()=>Fe("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function At(e,t,r,{offset:o=0,...i}){var s,l;let a=pt(e),n=t?je(()=>Fe("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):je(()=>Fe("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=i[r])!=null?s:i[n.select(r-o)])!=null?l:i.other}function je(e,t){let r=e(),o=Ot.get(r);return o||(o=t(),Ot.set(r,o)),o}function Fe(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Tt=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Mt="%__lingui_octothorpe__%",co=(e,t,r={})=>{let o=t||e,i=n=>typeof n=="object"?n:r[n],a=(n,s)=>{let l=Object.keys(r).length?i("number"):void 0,d=ut(o,n,l);return s.replace(new RegExp(Mt,"g"),d)};return{plural:(n,s)=>{let{offset:l=0}=s,d=At(o,!1,n,s);return a(n-l,d)},selectordinal:(n,s)=>{let{offset:l=0}=s,d=At(o,!0,n,s);return a(n-l,d)},select:uo,number:(n,s)=>ut(o,n,i(s)||{style:s}),date:(n,s)=>ht(o,n,i(s)||s),time:(n,s)=>lo(o,n,i(s)||s)}},uo=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function go(e,t,r){return(o={},i)=>{let a=co(t,r,i),n=(l,d=!1)=>Array.isArray(l)?l.reduce((c,g)=>{if(g==="#"&&d)return c+Mt;if(ue(g))return c+g;let[f,u,b]=g,x={};u==="plural"||u==="selectordinal"||u==="select"?Object.entries(b).forEach(([_,C])=>{x[_]=n(C,u==="plural"||u==="selectordinal")}):x=b;let v;if(u){let _=a[u];v=_(o[f],x)}else v=o[f];return v==null?c:c+v},""):l,s=n(e);return ue(s)&&Tt.test(s)?(0,Dt.unraw)(s):ue(s)?s:s?String(s):""}}var mo=Object.defineProperty,po=(e,t,r)=>t in e?mo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,ho=(e,t,r)=>(po(e,typeof t!="symbol"?t+"":t,r),r),gt=class{constructor(){ho(this,"_events",{})}on(t,r){var i;var o;return(i=(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 i=o.indexOf(r);~i&&o.splice(i,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(i=>i.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},bo=Object.defineProperty,fo=(e,t,r)=>t in e?bo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,he=(e,t,r)=>(fo(e,typeof t!="symbol"?t+"":t,r),r),mt=class extends gt{constructor(t){var r;super(),he(this,"_locale",""),he(this,"_locales"),he(this,"_localeData",{}),he(this,"_messages",{}),he(this,"_missing"),he(this,"_messageCompiler"),he(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:zt,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,i])=>this._load(o,i)),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 i=o==null?void 0:o.message;t||(t=""),ue(t)||(r=t.values||r,i=t.message,t=t.id);let a=this.messages[t],n=a===void 0,s=this._missing;if(s&&n)return so(s)?s(this._locale,t):s;n&&this.emit("missing",{id:t,locale:this._locale});let l=a||i||t;return ue(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
 > ${l}
 
@@ -7,41 +7,3609 @@ That means you use raw catalog or your catalog doesn't have a translation for th
 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:Uo(l,this._locale,this._locales)(o,r==null?void 0:r.formats)}date(t,o){return ot(this._locales||this._locale,t,o)}number(t,o){return Xe(this._locales||this._locale,t,o)}};function Ko(e={}){return new et(e)}var S=Ko();var Et=["top","right","bottom","left"];var q=Math.min,O=Math.max,we=Math.round;var j=e=>({x:e,y:e}),Yo={left:"right",right:"left",bottom:"top",top:"bottom"},Xo={start:"end",end:"start"};function Oe(e,t,o){return O(e,q(t,o))}function te(e,t){return typeof e=="function"?e(t):e}function J(e){return e.split("-")[0]}function ae(e){return e.split("-")[1]}function rt(e){return e==="x"?"y":"x"}function Le(e){return e==="y"?"height":"width"}var Zo=new Set(["top","bottom"]);function z(e){return Zo.has(J(e))?"y":"x"}function Te(e){return rt(z(e))}function _t(e,t,o){o===void 0&&(o=!1);let r=ae(e),n=Te(e),s=Le(n),i=n==="x"?r===(o?"end":"start")?"right":"left":r==="start"?"bottom":"top";return t.reference[s]>t.floating[s]&&(i=ve(i)),[i,ve(i)]}function St(e){let t=ve(e);return[Ce(e),t,Ce(t)]}function Ce(e){return e.replace(/start|end/g,t=>Xo[t])}var $t=["left","right"],kt=["right","left"],er=["top","bottom"],tr=["bottom","top"];function or(e,t,o){switch(e){case"top":case"bottom":return o?t?kt:$t:t?$t:kt;case"left":case"right":return t?er:tr;default:return[]}}function At(e,t,o,r){let n=ae(e),s=or(J(e),o==="start",r);return n&&(s=s.map(i=>i+"-"+n),t&&(s=s.concat(s.map(Ce)))),s}function ve(e){return e.replace(/left|right|bottom|top/g,t=>Yo[t])}function rr(e){return{top:0,right:0,bottom:0,left:0,...e}}function nt(e){return typeof e!="number"?rr(e):{top:e,right:e,bottom:e,left:e}}function le(e){let{x:t,y:o,width:r,height:n}=e;return{width:r,height:n,top:o,left:t,right:t+r,bottom:o+n,x:t,y:o}}function Dt(e,t,o){let{reference:r,floating:n}=e,s=z(t),i=Te(t),a=Le(i),l=J(t),c=s==="y",d=r.x+r.width/2-n.width/2,u=r.y+r.height/2-n.height/2,b=r[a]/2-n[a]/2,f;switch(l){case"top":f={x:d,y:r.y-n.height};break;case"bottom":f={x:d,y:r.y+r.height};break;case"right":f={x:r.x+r.width,y:u};break;case"left":f={x:r.x-n.width,y:u};break;default:f={x:r.x,y:r.y}}switch(ae(t)){case"start":f[i]-=b*(o&&c?-1:1);break;case"end":f[i]+=b*(o&&c?-1:1);break}return f}var Lt=async(e,t,o)=>{let{placement:r="bottom",strategy:n="absolute",middleware:s=[],platform:i}=o,a=s.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:u}=Dt(c,r,l),b=r,f={},h=0;for(let v=0;v<a.length;v++){let{name:w,fn:y}=a[v],{x:$,y:k,data:A,reset:_}=await y({x:d,y:u,initialPlacement:r,placement:b,strategy:n,middlewareData:f,rects:c,platform:i,elements:{reference:e,floating:t}});d=$!=null?$:d,u=k!=null?k:u,f={...f,[w]:{...f[w],...A}},_&&h<=50&&(h++,typeof _=="object"&&(_.placement&&(b=_.placement),_.rects&&(c=_.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:n}):_.rects),{x:d,y:u}=Dt(c,b,l)),v=-1)}return{x:d,y:u,placement:b,strategy:n,middlewareData:f}};async function me(e,t){var o;t===void 0&&(t={});let{x:r,y:n,platform:s,rects:i,elements:a,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:b=!1,padding:f=0}=te(t,e),h=nt(f),w=a[b?u==="floating"?"reference":"floating":u],y=le(await s.getClippingRect({element:(o=await(s.isElement==null?void 0:s.isElement(w)))==null||o?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),$=u==="floating"?{x:r,y:n,width:i.floating.width,height:i.floating.height}:i.reference,k=await(s.getOffsetParent==null?void 0:s.getOffsetParent(a.floating)),A=await(s.isElement==null?void 0:s.isElement(k))?await(s.getScale==null?void 0:s.getScale(k))||{x:1,y:1}:{x:1,y:1},_=le(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:$,offsetParent:k,strategy:l}):$);return{top:(y.top-_.top+h.top)/A.y,bottom:(_.bottom-y.bottom+h.bottom)/A.y,left:(y.left-_.left+h.left)/A.x,right:(_.right-y.right+h.right)/A.x}}var Tt=e=>({name:"arrow",options:e,async fn(t){let{x:o,y:r,placement:n,rects:s,platform:i,elements:a,middlewareData:l}=t,{element:c,padding:d=0}=te(e,t)||{};if(c==null)return{};let u=nt(d),b={x:o,y:r},f=Te(n),h=Le(f),v=await i.getDimensions(c),w=f==="y",y=w?"top":"left",$=w?"bottom":"right",k=w?"clientHeight":"clientWidth",A=s.reference[h]+s.reference[f]-b[f]-s.floating[h],_=b[f]-s.reference[f],K=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c)),M=K?K[k]:0;(!M||!await(i.isElement==null?void 0:i.isElement(K)))&&(M=a.floating[k]||s.floating[h]);let U=A/2-_/2,F=M/2-v[h]/2-1,T=q(u[y],F),Y=q(u[$],F),H=T,X=M-v[h]-Y,D=M/2-v[h]/2+U,ne=Oe(H,D,X),W=!l.arrow&&ae(n)!=null&&D!==ne&&s.reference[h]/2-(D<H?T:Y)-v[h]/2<0,B=W?D<H?D-H:D-X:0;return{[f]:b[f]+B,data:{[f]:ne,centerOffset:D-ne-B,...W&&{alignmentOffset:B}},reset:W}}});var Rt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var o,r;let{placement:n,middlewareData:s,rects:i,initialPlacement:a,platform:l,elements:c}=t,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:b,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:v=!0,...w}=te(e,t);if((o=s.arrow)!=null&&o.alignmentOffset)return{};let y=J(n),$=z(a),k=J(a)===a,A=await(l.isRTL==null?void 0:l.isRTL(c.floating)),_=b||(k||!v?[ve(a)]:St(a)),K=h!=="none";!b&&K&&_.push(...At(a,v,h,A));let M=[a,..._],U=await me(t,w),F=[],T=((r=s.flip)==null?void 0:r.overflows)||[];if(d&&F.push(U[y]),u){let D=_t(n,i,A);F.push(U[D[0]],U[D[1]])}if(T=[...T,{placement:n,overflows:F}],!F.every(D=>D<=0)){var Y,H;let D=(((Y=s.flip)==null?void 0:Y.index)||0)+1,ne=M[D];if(ne&&(!(u==="alignment"?$!==z(ne):!1)||T.every(N=>z(N.placement)===$?N.overflows[0]>0:!0)))return{data:{index:D,overflows:T},reset:{placement:ne}};let W=(H=T.filter(B=>B.overflows[0]<=0).sort((B,N)=>B.overflows[1]-N.overflows[1])[0])==null?void 0:H.placement;if(!W)switch(f){case"bestFit":{var X;let B=(X=T.filter(N=>{if(K){let Z=z(N.placement);return Z===$||Z==="y"}return!0}).map(N=>[N.placement,N.overflows.filter(Z=>Z>0).reduce((Z,ko)=>Z+ko,0)]).sort((N,Z)=>N[1]-Z[1])[0])==null?void 0:X[0];B&&(W=B);break}case"initialPlacement":W=a;break}if(n!==W)return{reset:{placement:W}}}return{}}}};function Ct(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ot(e){return Et.some(t=>e[t]>=0)}var Pt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:o}=t,{strategy:r="referenceHidden",...n}=te(e,t);switch(r){case"referenceHidden":{let s=await me(t,{...n,elementContext:"reference"}),i=Ct(s,o.reference);return{data:{referenceHiddenOffsets:i,referenceHidden:Ot(i)}}}case"escaped":{let s=await me(t,{...n,altBoundary:!0}),i=Ct(s,o.floating);return{data:{escapedOffsets:i,escaped:Ot(i)}}}default:return{}}}}};var nr=new Set(["left","top"]);async function ir(e,t){let{placement:o,platform:r,elements:n}=e,s=await(r.isRTL==null?void 0:r.isRTL(n.floating)),i=J(o),a=ae(o),l=z(o)==="y",c=nr.has(i)?-1:1,d=s&&l?-1:1,u=te(t,e),{mainAxis:b,crossAxis:f,alignmentAxis:h}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return a&&typeof h=="number"&&(f=a==="end"?h*-1:h),l?{x:f*d,y:b*c}:{x:b*c,y:f*d}}var Mt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var o,r;let{x:n,y:s,placement:i,middlewareData:a}=t,l=await ir(t,e);return i===((o=a.offset)==null?void 0:o.placement)&&(r=a.arrow)!=null&&r.alignmentOffset?{}:{x:n+l.x,y:s+l.y,data:{...l,placement:i}}}}},Bt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:o,y:r,placement:n}=t,{mainAxis:s=!0,crossAxis:i=!1,limiter:a={fn:w=>{let{x:y,y:$}=w;return{x:y,y:$}}},...l}=te(e,t),c={x:o,y:r},d=await me(t,l),u=z(J(n)),b=rt(u),f=c[b],h=c[u];if(s){let w=b==="y"?"top":"left",y=b==="y"?"bottom":"right",$=f+d[w],k=f-d[y];f=Oe($,f,k)}if(i){let w=u==="y"?"top":"left",y=u==="y"?"bottom":"right",$=h+d[w],k=h-d[y];h=Oe($,h,k)}let v=a.fn({...t,[b]:f,[u]:h});return{...v,data:{x:v.x-o,y:v.y-r,enabled:{[b]:s,[u]:i}}}}}};var Nt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var o,r;let{placement:n,rects:s,platform:i,elements:a}=t,{apply:l=()=>{},...c}=te(e,t),d=await me(t,c),u=J(n),b=ae(n),f=z(n)==="y",{width:h,height:v}=s.floating,w,y;u==="top"||u==="bottom"?(w=u,y=b===(await(i.isRTL==null?void 0:i.isRTL(a.floating))?"start":"end")?"left":"right"):(y=u,w=b==="end"?"top":"bottom");let $=v-d.top-d.bottom,k=h-d.left-d.right,A=q(v-d[w],$),_=q(h-d[y],k),K=!t.middlewareData.shift,M=A,U=_;if((o=t.middlewareData.shift)!=null&&o.enabled.x&&(U=k),(r=t.middlewareData.shift)!=null&&r.enabled.y&&(M=$),K&&!b){let T=O(d.left,0),Y=O(d.right,0),H=O(d.top,0),X=O(d.bottom,0);f?U=h-2*(T!==0||Y!==0?T+Y:O(d.left,d.right)):M=v-2*(H!==0||X!==0?H+X:O(d.top,d.bottom))}await l({...t,availableWidth:U,availableHeight:M});let F=await i.getDimensions(a.floating);return h!==F.width||v!==F.height?{reset:{rects:!0}}:{}}}};function Pe(){return typeof window!="undefined"}function ce(e){return It(e)?(e.nodeName||"").toLowerCase():"#document"}function L(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function Q(e){var t;return(t=(It(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function It(e){return Pe()?e instanceof Node||e instanceof L(e).Node:!1}function R(e){return Pe()?e instanceof Element||e instanceof L(e).Element:!1}function I(e){return Pe()?e instanceof HTMLElement||e instanceof L(e).HTMLElement:!1}function jt(e){return!Pe()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof L(e).ShadowRoot}var sr=new Set(["inline","contents"]);function ge(e){let{overflow:t,overflowX:o,overflowY:r,display:n}=P(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+o)&&!sr.has(n)}var ar=new Set(["table","td","th"]);function Ft(e){return ar.has(ce(e))}var lr=[":popover-open",":modal"];function xe(e){return lr.some(t=>{try{return e.matches(t)}catch(o){return!1}})}var cr=["transform","translate","scale","rotate","perspective"],dr=["transform","translate","scale","rotate","perspective","filter"],ur=["paint","layout","strict","content"];function Me(e){let t=Be(),o=R(e)?P(e):e;return cr.some(r=>o[r]?o[r]!=="none":!1)||(o.containerType?o.containerType!=="normal":!1)||!t&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!t&&(o.filter?o.filter!=="none":!1)||dr.some(r=>(o.willChange||"").includes(r))||ur.some(r=>(o.contain||"").includes(r))}function Ht(e){let t=G(e);for(;I(t)&&!de(t);){if(Me(t))return t;if(xe(t))return null;t=G(t)}return null}function Be(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var fr=new Set(["html","body","#document"]);function de(e){return fr.has(ce(e))}function P(e){return L(e).getComputedStyle(e)}function ye(e){return R(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function G(e){if(ce(e)==="html")return e;let t=e.assignedSlot||e.parentNode||jt(e)&&e.host||Q(e);return jt(t)?t.host:t}function zt(e){let t=G(e);return de(t)?e.ownerDocument?e.ownerDocument.body:e.body:I(t)&&ge(t)?t:zt(t)}function Re(e,t,o){var r;t===void 0&&(t=[]),o===void 0&&(o=!0);let n=zt(e),s=n===((r=e.ownerDocument)==null?void 0:r.body),i=L(n);if(s){let a=Ne(i);return t.concat(i,i.visualViewport||[],ge(n)?n:[],a&&o?Re(a):[])}return t.concat(n,Re(n,[],o))}function Ne(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Wt(e){let t=P(e),o=parseFloat(t.width)||0,r=parseFloat(t.height)||0,n=I(e),s=n?e.offsetWidth:o,i=n?e.offsetHeight:r,a=we(o)!==s||we(r)!==i;return a&&(o=s,r=i),{width:o,height:r,$:a}}function Vt(e){return R(e)?e:e.contextElement}function be(e){let t=Vt(e);if(!I(t))return j(1);let o=t.getBoundingClientRect(),{width:r,height:n,$:s}=Wt(t),i=(s?we(o.width):o.width)/r,a=(s?we(o.height):o.height)/n;return(!i||!Number.isFinite(i))&&(i=1),(!a||!Number.isFinite(a))&&(a=1),{x:i,y:a}}var pr=j(0);function qt(e){let t=L(e);return!Be()||!t.visualViewport?pr:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function mr(e,t,o){return t===void 0&&(t=!1),!o||t&&o!==L(e)?!1:t}function $e(e,t,o,r){t===void 0&&(t=!1),o===void 0&&(o=!1);let n=e.getBoundingClientRect(),s=Vt(e),i=j(1);t&&(r?R(r)&&(i=be(r)):i=be(e));let a=mr(s,o,r)?qt(s):j(0),l=(n.left+a.x)/i.x,c=(n.top+a.y)/i.y,d=n.width/i.x,u=n.height/i.y;if(s){let b=L(s),f=r&&R(r)?L(r):r,h=b,v=Ne(h);for(;v&&r&&f!==h;){let w=be(v),y=v.getBoundingClientRect(),$=P(v),k=y.left+(v.clientLeft+parseFloat($.paddingLeft))*w.x,A=y.top+(v.clientTop+parseFloat($.paddingTop))*w.y;l*=w.x,c*=w.y,d*=w.x,u*=w.y,l+=k,c+=A,h=L(v),v=Ne(h)}}return le({width:d,height:u,x:l,y:c})}function st(e,t){let o=ye(e).scrollLeft;return t?t.left+o:$e(Q(e)).left+o}function Jt(e,t,o){o===void 0&&(o=!1);let r=e.getBoundingClientRect(),n=r.left+t.scrollLeft-(o?0:st(e,r)),s=r.top+t.scrollTop;return{x:n,y:s}}function gr(e){let{elements:t,rect:o,offsetParent:r,strategy:n}=e,s=n==="fixed",i=Q(r),a=t?xe(t.floating):!1;if(r===i||a&&s)return o;let l={scrollLeft:0,scrollTop:0},c=j(1),d=j(0),u=I(r);if((u||!u&&!s)&&((ce(r)!=="body"||ge(i))&&(l=ye(r)),I(r))){let f=$e(r);c=be(r),d.x=f.x+r.clientLeft,d.y=f.y+r.clientTop}let b=i&&!u&&!s?Jt(i,l,!0):j(0);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x+b.x,y:o.y*c.y-l.scrollTop*c.y+d.y+b.y}}function br(e){return Array.from(e.getClientRects())}function hr(e){let t=Q(e),o=ye(e),r=e.ownerDocument.body,n=O(t.scrollWidth,t.clientWidth,r.scrollWidth,r.clientWidth),s=O(t.scrollHeight,t.clientHeight,r.scrollHeight,r.clientHeight),i=-o.scrollLeft+st(e),a=-o.scrollTop;return P(r).direction==="rtl"&&(i+=O(t.clientWidth,r.clientWidth)-n),{width:n,height:s,x:i,y:a}}function vr(e,t){let o=L(e),r=Q(e),n=o.visualViewport,s=r.clientWidth,i=r.clientHeight,a=0,l=0;if(n){s=n.width,i=n.height;let c=Be();(!c||c&&t==="fixed")&&(a=n.offsetLeft,l=n.offsetTop)}return{width:s,height:i,x:a,y:l}}function wr(e,t){let o=$e(e,!0,t==="fixed"),r=o.top+e.clientTop,n=o.left+e.clientLeft,s=I(e)?be(e):j(1),i=e.clientWidth*s.x,a=e.clientHeight*s.y,l=n*s.x,c=r*s.y;return{width:i,height:a,x:l,y:c}}function Qt(e,t,o){let r;if(t==="viewport")r=vr(e,o);else if(t==="document")r=hr(Q(e));else if(R(t))r=wr(t,o);else{let n=qt(e);r={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return le(r)}function Gt(e,t){let o=G(e);return o===t||!R(o)||de(o)?!1:P(o).position==="fixed"||Gt(o,t)}function xr(e,t){let o=t.get(e);if(o)return o;let r=Re(e,[],!1).filter(a=>R(a)&&ce(a)!=="body"),n=null,s=P(e).position==="fixed",i=s?G(e):e;for(;R(i)&&!de(i);){let a=P(i),l=Me(i);!l&&a.position==="fixed"&&(n=null),(s?!l&&!n:!l&&a.position==="static"&&!!n&&["absolute","fixed"].includes(n.position)||ge(i)&&!l&&Gt(e,i))?r=r.filter(d=>d!==i):n=a,i=G(i)}return t.set(e,r),r}function yr(e){let{element:t,boundary:o,rootBoundary:r,strategy:n}=e,i=[...o==="clippingAncestors"?xe(t)?[]:xr(t,this._c):[].concat(o),r],a=i[0],l=i.reduce((c,d)=>{let u=Qt(t,d,n);return c.top=O(u.top,c.top),c.right=q(u.right,c.right),c.bottom=q(u.bottom,c.bottom),c.left=O(u.left,c.left),c},Qt(t,a,n));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function $r(e){let{width:t,height:o}=Wt(e);return{width:t,height:o}}function kr(e,t,o){let r=I(t),n=Q(t),s=o==="fixed",i=$e(e,!0,s,t),a={scrollLeft:0,scrollTop:0},l=j(0);if(r||!r&&!s)if((ce(t)!=="body"||ge(n))&&(a=ye(t)),r){let b=$e(t,!0,s,t);l.x=b.x+t.clientLeft,l.y=b.y+t.clientTop}else n&&(l.x=st(n));let c=n&&!r&&!s?Jt(n,a):j(0),d=i.left+a.scrollLeft-l.x-c.x,u=i.top+a.scrollTop-l.y-c.y;return{x:d,y:u,width:i.width,height:i.height}}function it(e){return P(e).position==="static"}function Ut(e,t){if(!I(e)||P(e).position==="fixed")return null;if(t)return t(e);let o=e.offsetParent;return Q(e)===o&&(o=o.ownerDocument.body),o}function Kt(e,t){let o=L(e);if(xe(e))return o;if(!I(e)){let n=G(e);for(;n&&!de(n);){if(R(n)&&!it(n))return n;n=G(n)}return o}let r=Ut(e,t);for(;r&&Ft(r)&&it(r);)r=Ut(r,t);return r&&de(r)&&it(r)&&!Me(r)?o:r||Ht(e)||o}var Er=async function(e){let t=this.getOffsetParent||Kt,o=this.getDimensions,r=await o(e.floating);return{reference:kr(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}};function _r(e){return P(e).direction==="rtl"}var Sr={convertOffsetParentRelativeRectToViewportRelativeRect:gr,getDocumentElement:Q,getClippingRect:yr,getOffsetParent:Kt,getElementRects:Er,getClientRects:br,getDimensions:$r,getScale:be,isElement:R,isRTL:_r};var Yt=Mt;var Xt=Bt,Zt=Rt,eo=Nt,to=Pt,oo=Tt;var ro=(e,t,o)=>{let r=new Map,n={platform:Sr,...o},s={...n.platform,_c:r};return Lt(e,t,{...n,platform:s})};var Ie="top-start",Fe="top",He="top-end",ze="right-start",Qe="right",Ue="right-end",We="bottom-start",ke="bottom",Ve="bottom-end",qe="left-start",Je="left",Ge="left-end",at=[Ie,Fe,He,ze,Qe,Ue,We,ke,Ve,qe,Je,Ge],ue={[Ie]:We,[Fe]:ke,[He]:Ve,[We]:Ie,[ke]:Fe,[Ve]:He,[qe]:ze,[Je]:Qe,[Ge]:Ue,[ze]:qe,[Qe]:Je,[Ue]:Ge},Ar={[qe]:-45,[Je]:-45,[Ge]:-45,[Ie]:45,[Fe]:45,[He]:45,[ze]:135,[Qe]:135,[Ue]:135,[We]:-135,[ke]:-135,[Ve]:-135},lt=e=>{let t;return/-/.test(e)?t=e.split("-").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},Dr=e=>e.split("-")[0],Cr=e=>ue[Dr(e)],io=e=>ue[e],Or=e=>Ar[io(e)],Lr=(e,t,o)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${lt(Cr(o))}`]:"-0.5px",transform:`rotate(${t}deg)`})},no=8,je=24;async function ct(e){var r,n,s;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,o=e.attentionEl;return ro(t,o,{placement:(r=e==null?void 0:e.directionName)!=null?r:ke,middleware:[Yt({mainAxis:(n=e==null?void 0:e.distance)!=null?n:8,crossAxis:(s=e==null?void 0:e.skidding)!=null?s:0}),(e==null?void 0:e.flip)&&Zt({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&Xt({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&oo({element:e==null?void 0:e.arrowEl}),to(),eo({apply(){Object.assign(o.style,{paddingRight:`${no}px`,paddingLeft:`${no}px`})}})]}).then(({x:i,y:a,middlewareData:l,placement:c})=>{if(e.actualDirection=c,e!=null&&e.isCallout||Object.assign(o.style,{left:`${i}px`,top:`${a}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:d}=l.hide;Object.assign(o.style,{visibility:d?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let d=e==null?void 0:e.arrowEl,{x:u,y:b}=l.arrow,f=window.getComputedStyle(o).direction==="rtl",h=io(c).split("-")[1],v="",w="",y="",$="";if(h==="start"){let k=typeof u=="number"?`calc(${je}px - ${d.offsetWidth/2}px)`:"";v=typeof b=="number"?`calc(${je}px - ${d.offsetWidth/2}px)`:"",w=f?k:"",$=f?"":k}else if(h==="end"){let k=typeof u=="number"?`calc(${je}px - ${d.offsetWidth/2}px)`:"";w=f?"":k,$=f?k:"",y=typeof b=="number"?`calc(${je}px - ${d.offsetWidth/2}px)`:""}else $=typeof u=="number"?`${u}px`:"",v=typeof b=="number"?`${b}px`:"";Object.assign(d.style,{top:v,right:w,bottom:y,left:$}),Lr(d,Or(c),c)}}),e}var re="font-bold focusable justify-center transition-colors ease-in-out",E={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"},x={primary:`border-0 rounded-8 ${re}`,secondary:`border-2 rounded-8 ${re}`,utility:`border rounded-4 ${re}`,negative:`border-0 rounded-8 ${re}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${re}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${E.link}`},g={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},m={medium:"text-m leading-[24]",xsmall:"text-xs"},p={inProgress:`border-transparent animate-inprogress pointer-events-none ${E.loading}`,quiet:`border-0 rounded-8 ${re}`,utilityQuiet:`border-0 rounded-4 ${re}`,negativeQuiet:`border-0 rounded-8 ${re}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${E.disabled}`},$n={secondary:`${g.medium} ${m.medium} ${x.secondary} ${E.secondary}`,secondaryHref:`${g.medium} ${m.medium} ${x.secondary} ${E.secondary}`,secondaryDisabled:`${g.medium} ${m.medium} ${x.secondary} ${p.isDisabled}`,secondarySmall:`${m.xsmall} ${g.xsmall} ${x.secondary} ${E.secondary}`,secondarySmallDisabled:`${m.xsmall} ${g.xsmall} ${x.secondary} ${p.isDisabled}`,secondaryQuiet:`${g.medium} ${m.medium} ${p.quiet} ${E.quiet}`,secondaryQuietDisabled:`${g.medium} ${m.medium} ${p.quiet} ${p.isDisabled}`,secondarySmallQuiet:`${m.xsmall} ${g.xsmall} ${p.quiet} ${E.quiet}`,secondarySmallQuietDisabled:`${m.xsmall} ${g.xsmall} ${p.quiet} ${p.isDisabled}`,secondaryLoading:`${g.medium} ${m.medium} ${x.secondary} ${p.inProgress}`,secondarySmallLoading:`${m.xsmall} ${g.xsmall}  ${x.secondary} ${p.inProgress}`,secondarySmallQuietLoading:`${m.xsmall} ${g.xsmall} ${p.quiet} ${p.inProgress}`,secondaryQuietLoading:`${g.medium} ${m.medium} ${p.quiet} ${p.inProgress}`,primary:`${g.large} ${m.medium} ${x.primary} ${E.primary}`,primaryDisabled:`${g.large} ${m.medium} ${p.isDisabled} ${x.primary}`,primarySmall:`${g.small} ${m.xsmall} ${x.primary} ${E.primary}`,primarySmallDisabled:`${g.small} ${m.xsmall} ${p.isDisabled} ${x.primary} `,primaryQuiet:`${g.large} ${m.medium} ${p.quiet} ${E.quiet}`,primaryQuietDisabled:`${g.large} ${m.medium} ${p.quiet} ${p.isDisabled}`,primarySmallQuiet:`${g.small} ${m.xsmall} ${p.quiet} ${E.quiet}`,primarySmallQuietDisabled:`${g.small} ${m.xsmall} ${p.quiet} ${p.isDisabled}`,primaryLoading:`${g.large} ${m.medium} ${p.inProgress} ${x.primary}`,primarySmallLoading:`${g.small} ${m.xsmall}  ${p.inProgress} ${x.primary}`,primarySmallQuietLoading:`${g.small} ${m.xsmall} ${p.quiet} ${p.inProgress} ${x.primary}`,primaryQuietLoading:`${g.large} ${m.medium} ${p.quiet} ${p.inProgress}`,utility:`${g.utility} ${m.medium} ${x.utility} ${E.utility}`,utilityDisabled:`${g.utility} ${m.medium} ${x.utility} ${p.isDisabled}`,utilityQuiet:`${g.large} ${m.medium} ${p.utilityQuiet} ${E.utilityQuiet}`,utilityQuietDisabled:`${g.large} ${m.medium} ${p.utilityQuiet} ${p.isDisabled}`,utilitySmall:`${g.smallUtility} ${m.xsmall} ${x.utility} ${E.utility}`,utilitySmallDisabled:`${g.smallUtility} ${m.xsmall} ${x.utility} ${p.isDisabled}`,utilitySmallQuiet:`${g.smallUtility} ${m.xsmall} ${p.utilityQuiet} ${E.utilityQuiet}`,utilitySmallQuietDisabled:`${g.smallUtility} ${m.xsmall} ${p.utilityQuiet} ${p.isDisabled}`,utilityLoading:`${g.large} ${m.medium} ${x.utility} ${p.inProgress}`,utilitySmallLoading:`${g.smallUtility} ${m.xsmall} ${x.utility} ${p.inProgress}`,utilityQuietLoading:`${g.large} ${m.medium} ${p.inProgress} ${p.utilityQuiet}`,utilitySmallQuietLoading:`${g.smallUtility} ${m.xsmall} ${p.inProgress} ${p.utilityQuiet}`,negative:`${g.large} ${m.medium} ${x.negative} ${E.destructive}`,negativeDisabled:`${g.large} ${m.medium} ${x.negative} ${p.isDisabled}`,negativeQuiet:`${g.large} ${m.medium} ${p.negativeQuiet} ${E.negativeQuiet}`,negativeQuietDisabled:`${g.large} ${m.medium} ${p.negativeQuiet}${p.isDisabled}`,negativeSmall:`${g.small} ${m.xsmall} ${x.negative} ${E.destructive}`,negativeSmallDisabled:`${g.small} ${m.xsmall} ${x.negative} ${p.isDisabled}`,negativeSmallQuiet:`${g.small} ${m.xsmall} ${p.negativeQuiet} ${E.negativeQuiet}`,negativeSmallQuietDisabled:`${g.small} ${m.xsmall} ${p.negativeQuiet} ${p.isDisabled}`,negativeLoading:`${g.large} ${m.medium} ${x.negative} ${p.inProgress}`,negativeSmallLoading:`${g.small} ${m.xsmall} ${p.inProgress} ${x.negative}`,negativeQuietLoading:`${g.large} ${m.medium} ${p.negativeQuiet} ${x.negative} ${p.inProgress}`,negativeSmallQuietLoading:`${g.small} ${m.xsmall} ${p.negativeQuiet} ${p.inProgress}`,pill:`${g.pill} ${m.medium} ${x.pill} ${E.pill}`,pillSmall:`${g.pillSmall} ${m.xsmall} ${x.pill} ${E.pill}`,pillLoading:`${g.pill} ${m.medium} ${x.pill} ${p.inProgress}`,pillSmallLoading:`${g.pillSmall} ${m.xsmall} ${x.pill} ${p.inProgress}`,link:`${g.link} ${m.medium} ${x.link}`,linkSmall:`${g.link} ${m.xsmall} ${x.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"};var kn={backdrop:"fixed inset-0 flex sm:place-content-center sm:place-items-center items-end z-30 [--w-modal-max-height:80%] [--w-modal-width:640px] bg-[--w-black/25]",base:"pb-safe-[32] shadow-m max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 bg-[--w-s-color-surface-elevated-100] flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8",content:"block overflow-y-auto overflow-x-hidden last-child:mb-0 grow shrink px-16 sm:px-32 relative",footer:"flex justify-end shrink-0 px-16 sm:px-32",transitionTitle:"transition-all duration-300",transitionTitleCenter:"justify-self-center self-center",transitionTitleColSpan:"col-span-2",title:"py-8 sm:py-0 -mt-4 sm:-mt-8 min-h-40 sm:min-h-48 grid gap-8 sm:gap-16 grid-cols-[auto_1fr_auto] items-start px-16 sm:px-32 border-b sm:border-b-0 shrink-0",titleText:"mb-0 h4 sm:h3",titleButton:`${m.medium} ${x.pill} ${E.pill} sm:min-h-[44px] sm:min-w-[44px] min-h-[32px] min-w-[32px]`,titleButtonLeft:"-ml-8 sm:-ml-12 justify-self-start",titleButtonRight:"-mr-8 sm:-mr-12 justify-self-end",titleButtonIcon:"h-16 w-16 sm:h-24 sm:w-24",titleButtonIconRotated:"transform rotate-90"};var so="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",En={wrapper:so+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},_n={wrapper:so+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"};var oe={field:"relative text-m",wrapper:"relative py-1",wrapperRadioButtons:"inline-flex font-bold rounded-8 focus-within:focusable",wrapperRadioButtonsJustified:"flex font-bold rounded-8 focus-within:focusable",radioButtonsGroup:"group",radioButtonsGroupJustified:"grow-1 shrink-0 basis-auto",input:"peer",a11y:"sr-only",label:"peer-focus:focusable cursor-pointer text-m s-text s-border py-2 pl-28 select-none relative block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2",labelBefore:'before:content-[""] before:block',checkbox:"before:s-bg before:rounded-2 hover:before:s-border-primary hover:before:s-bg-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-primary peer-checked:before:s-bg-primary peer-checked:peer-hover:before:s-border-primary-hover peer-checked:peer-hover:before:s-bg-primary-hover",checkboxInvalid:"before:s-bg before:s-border-negative before:rounded-2 hover:before:s-bg-negative-subtle-hover hover:before:s-border-negative-hover peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-bg-negative peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-bg-negative-hover peer-checked:peer-hover:before:s-border-negative-hover",checkboxDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-2 peer-checked:before:bg-center peer-checked:before:bg-[url(var(--w-icon-toggle-checked))] peer-checked:before:s-border-disabled peer-checked:before:s-bg-disabled",indeterminate:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-primary peer-indeterminate:before:s-bg-primary peer-indeterminate:hover:before:s-border-primary-hover peer-indeterminate:hover:before:s-bg-primary-hover',indeterminateInvalid:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold before:s-icon-inverted peer-indeterminate:before:s-border-negative peer-indeterminate:before:s-bg-negative peer-indeterminate:hover:before:s-border-negative-hover peer-indeterminate:hover:before:s-bg-negative-hover',indeterminateDisabled:'before:content-["\u2013"] before:rounded-2 before:leading-xs before:text-center before:font-bold pointer-events-none before:s-icon-inverted peer-indeterminate:before:s-border-disabled peer-indeterminate:before:s-bg-disabled',radio:"before:s-bg before:rounded-full peer-checked:before:border-[6] peer-checked:before:s-border-selected peer-checked:peer-hover:before:s-border-selected-hover peer-hover:before:s-border-primary peer-hover:before:s-bg-hover",radioInvalid:"before:s-bg before:s-border-negative before:rounded-full peer-checked:before:border-[6] peer-hover:before:s-bg-negative-subtle peer-hover:before:s-border-negative-hover peer-checked:before:s-border-negative peer-checked:peer-hover:before:s-border-negative-hover",radioDisabled:"before:s-bg-disabled-subtle before:s-border-disabled pointer-events-none before:rounded-full peer-checked:before:border-[6]",radioButtonsLabel:"peer-hover:peer-not-checked:s-bg-hover peer-checked:s-text-inverted peer-checked:s-bg-primary peer-checked:s-border-primary block relative font-bold cursor-pointer s-text-link text-center s-bg border-2 s-border group-first-of-type:rounded-tl-8 group-first-of-type:rounded-bl-8 group-last-of-type:rounded-tr-8 group-last-of-type:rounded-br-8 group-not-last-of-type:border-r-0 peer-checked:z-10 group-not-first:-ml-2",radioButtonsRegular:"text-s py-8 pl-12 pr-14",radioButtonsSmall:"text-xs py-[5px] px-[8px]"},Sn={wrapper:`${oe.wrapper} h-20 w-20 pointer-events-none`,input:`${oe.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${oe.label} ${oe.labelBefore} ${oe.radio}`,labelCheckbox:`${oe.label} ${oe.labelBefore} ${oe.checkbox}`};var fe={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:`${m.medium} ${x.pill} ${E.pill} justify-self-end -mr-8 ml-8`};import $o from"@warp-ds/elements-core";import{ifDefined as Kr}from"lit/directives/if-defined.js";var Tr=["en","nb","fi","da","sv"],lo="en",ao=e=>Tr.find(t=>e===t||e.toLowerCase().includes(t))||lo;function Rr(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return ao(e)}try{let e=document.documentElement.lang;return ao(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),lo}}var Pr=(e,t,o,r,n,s)=>e==="nb"?o:e==="fi"?r:e==="da"?n:e==="sv"?s:t,co=(e,t,o,r,n)=>{let s=Rr(),i=Pr(s,e,t,o,r,n);S.load(s,i),S.activate(s)};import{classMap as Tn}from"lit/directives/class-map.js";var Mr=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function uo(e){return class extends e{static createProperty(t,o){let r=o;(typeof(o==null?void 0:o.attribute)=="undefined"||(o==null?void 0:o.attribute)===!0)&&(r=Object.assign({},o,{attribute:Mr(t.toString())})),super.createProperty(t,r)}}}function fo(){return`m${Math.random().toString(36).slice(2)}`}var po=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 mo=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 go=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 bo=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 ho=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{LitElement as Br}from"lit";import{unsafeStatic as Nr,html as jr}from"lit/static-html.js";var Ir=JSON.parse('{"icon.title.close":["Kryss"]}'),Fr=JSON.parse('{"icon.title.close":["Cross"]}'),Hr=JSON.parse('{"icon.title.close":["Rasti"]}'),zr=JSON.parse('{"icon.title.close":["Kryds"]}'),Qr=JSON.parse('{"icon.title.close":["Kryss"]}'),vo=["en","nb","fi","da","sv"],wo="en",Ur=()=>{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},xo=()=>{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":wo},dt=e=>vo.find(t=>e===t||e.toLowerCase().includes(t))||xo();function Wr(){var e;if(typeof window=="undefined"){let t=Ur();return dt(t)}try{let t=(e=document==null?void 0:document.documentElement)==null?void 0:e.lang,o=xo();return vo.includes(t)?dt(t!=null?t:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),dt(o))}catch(t){return console.warn("could not detect locale, falling back to source locale",t),wo}}var Vr=(e,t,o,r,n,s)=>e==="nb"?o:e==="fi"?r:e==="da"?n:e==="sv"?s:t,qr=(e,t,o,r,n)=>{let s=Wr(),i=Vr(s,e,t,o,r,n);S.load(s,i),S.activate(s)};qr(Fr,Ir,Hr,zr,Qr);var Jr=class extends Br{render(){let e=S.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return jr`<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">${Nr(`<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",Jr);var Ee=class extends uo($o){constructor(){super(),co(mo,bo,go,po,ho),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(ue).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
-${JSON.stringify(Object.keys(ue))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(t=>at.includes(t)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
-${JSON.stringify(at)}`);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?ct(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 ue[this._actualDirection]}get _arrowClasses(){return _e([fe.arrowBase,this._activeVariantClasses.arrow,fe[`arrowDirection${lt(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":he`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){let t={callout:this.callout,popover:this.popover,tooltip:this.tooltip,highlight:this.highlight},o=Object.keys(t).find(r=>!!t[r])||"";return{wrapper:fe[o],arrow:fe[`arrow${o.charAt(0).toUpperCase()+o.slice(1)}`]}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var o;let t=(o=this.renderRoot)==null?void 0:o.querySelector("slot[name='target']");return t?t.assignedNodes()[0]:null}get _messageEl(){let t=this.renderRoot.querySelector("slot[name='message']");return t?t.assignedNodes()[0]:null}get _wrapperClasses(){return _e([fe.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return S._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return he`
-      <button aria-label="${this._ariaClose}" @click="${this.close}" @keydown=${this.keypressed} class="${fe.closeBtn}">
-        <w-icon-close-16></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},ct(this.attentionState)}pointingAtDirection(){switch(ue[this._actualDirection]){case"top-start":case"top":case"top-end":return S._({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 S._({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 S._({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 S._({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 S._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return S._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return S._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return S._({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=fo());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?he``:he`
-      <div class=${Kr(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"?he`
+`)),ue(l)&&Tt.test(l)?JSON.parse(`"${l}"`):ue(l)?l:go(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return ht(this._locales||this._locale,t,r)}number(t,r){return ut(this._locales||this._locale,t,r)}};function vo(e={}){return new mt(e)}var P=vo();var jt=["top","right","bottom","left"];var le=Math.min,Y=Math.max,Oe=Math.round;var re=e=>({x:e,y:e}),wo={left:"right",right:"left",bottom:"top",top:"bottom"},xo={start:"end",end:"start"};function qe(e,t,r){return Y(e,le(t,r))}function ge(e,t){return typeof e=="function"?e(t):e}function ce(e){return e.split("-")[0]}function be(e){return e.split("-")[1]}function bt(e){return e==="x"?"y":"x"}function Ve(e){return e==="y"?"height":"width"}var yo=new Set(["top","bottom"]);function ne(e){return yo.has(ce(e))?"y":"x"}function Qe(e){return bt(ne(e))}function Ft(e,t,r){r===void 0&&(r=!1);let o=be(e),i=Qe(e),a=Ve(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=Le(n)),[n,Le(n)]}function Nt(e){let t=Le(e);return[Ne(e),t,Ne(t)]}function Ne(e){return e.replace(/start|end/g,t=>xo[t])}var Pt=["left","right"],Rt=["right","left"],ko=["top","bottom"],$o=["bottom","top"];function _o(e,t,r){switch(e){case"top":case"bottom":return r?t?Rt:Pt:t?Pt:Rt;case"left":case"right":return t?ko:$o;default:return[]}}function qt(e,t,r,o){let i=be(e),a=_o(ce(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Ne)))),a}function Le(e){return e.replace(/left|right|bottom|top/g,t=>wo[t])}function Co(e){return{top:0,right:0,bottom:0,left:0,...e}}function ft(e){return typeof e!="number"?Co(e):{top:e,right:e,bottom:e,left:e}}function fe(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Vt(e,t,r){let{reference:o,floating:i}=e,a=ne(t),n=Qe(t),s=Ve(n),l=ce(t),d=a==="y",c=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,f=o[s]/2-i[s]/2,u;switch(l){case"top":u={x:c,y:o.y-i.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:g};break;case"left":u={x:o.x-i.width,y:g};break;default:u={x:o.x,y:o.y}}switch(be(t)){case"start":u[n]-=f*(r&&d?-1:1);break;case"end":u[n]+=f*(r&&d?-1:1);break}return u}var Ht=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=a.filter(Boolean),l=await(n.isRTL==null?void 0:n.isRTL(t)),d=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:g}=Vt(d,o,l),f=o,u={},b=0;for(let x=0;x<s.length;x++){let{name:v,fn:_}=s[x],{x:C,y:E,data:q,reset:D}=await _({x:c,y:g,initialPlacement:o,placement:f,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:e,floating:t}});c=C!=null?C:c,g=E!=null?E:g,u={...u,[v]:{...u[v],...q}},D&&b<=50&&(b++,typeof D=="object"&&(D.placement&&(f=D.placement),D.rects&&(d=D.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):D.rects),{x:c,y:g}=Vt(d,f,l)),x=-1)}return{x:c,y:g,placement:f,strategy:i,middlewareData:u}};async function $e(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:f=!1,padding:u=0}=ge(t,e),b=ft(u),v=s[f?g==="floating"?"reference":"floating":g],_=fe(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(v)))==null||r?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),C=g==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,E=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),q=await(a.isElement==null?void 0:a.isElement(E))?await(a.getScale==null?void 0:a.getScale(E))||{x:1,y:1}:{x:1,y:1},D=fe(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:C,offsetParent:E,strategy:l}):C);return{top:(_.top-D.top+b.top)/q.y,bottom:(D.bottom-_.bottom+b.bottom)/q.y,left:(_.left-D.left+b.left)/q.x,right:(D.right-_.right+b.right)/q.x}}var It=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=ge(e,t)||{};if(d==null)return{};let g=ft(c),f={x:r,y:o},u=Qe(i),b=Ve(u),x=await n.getDimensions(d),v=u==="y",_=v?"top":"left",C=v?"bottom":"right",E=v?"clientHeight":"clientWidth",q=a.reference[b]+a.reference[u]-f[u]-a.floating[b],D=f[u]-a.reference[u],w=await(n.getOffsetParent==null?void 0:n.getOffsetParent(d)),y=w?w[E]:0;(!y||!await(n.isElement==null?void 0:n.isElement(w)))&&(y=s.floating[E]||a.floating[b]);let L=q/2-D/2,A=y/2-x[b]/2-1,z=le(g[_],A),I=le(g[C],A),Q=z,U=y-x[b]-I,j=y/2-x[b]/2+L,M=qe(Q,j,U),Z=!l.arrow&&be(i)!=null&&j!==M&&a.reference[b]/2-(j<Q?z:I)-x[b]/2<0,F=Z?j<Q?j-Q:j-U:0;return{[u]:f[u]+F,data:{[u]:M,centerOffset:j-M-F,...Z&&{alignmentOffset:F}},reset:Z}}});var Ut=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:f,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:x=!0,...v}=ge(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let _=ce(i),C=ne(s),E=ce(s)===s,q=await(l.isRTL==null?void 0:l.isRTL(d.floating)),D=f||(E||!x?[Le(s)]:Nt(s)),w=b!=="none";!f&&w&&D.push(...qt(s,x,b,q));let y=[s,...D],L=await $e(t,v),A=[],z=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&A.push(L[_]),g){let j=Ft(i,n,q);A.push(L[j[0]],L[j[1]])}if(z=[...z,{placement:i,overflows:A}],!A.every(j=>j<=0)){var I,Q;let j=(((I=a.flip)==null?void 0:I.index)||0)+1,M=y[j];if(M&&(!(g==="alignment"?C!==ne(M):!1)||z.every(W=>ne(W.placement)===C?W.overflows[0]>0:!0)))return{data:{index:j,overflows:z},reset:{placement:M}};let Z=(Q=z.filter(F=>F.overflows[0]<=0).sort((F,W)=>F.overflows[1]-W.overflows[1])[0])==null?void 0:Q.placement;if(!Z)switch(u){case"bestFit":{var U;let F=(U=z.filter(W=>{if(w){let K=ne(W.placement);return K===C||K==="y"}return!0}).map(W=>[W.placement,W.overflows.filter(K=>K>0).reduce((K,Ur)=>K+Ur,0)]).sort((W,K)=>W[1]-K[1])[0])==null?void 0:U[0];F&&(Z=F);break}case"initialPlacement":Z=s;break}if(i!==Z)return{reset:{placement:Z}}}return{}}}};function Qt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Bt(e){return jt.some(t=>e[t]>=0)}var Yt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r}=t,{strategy:o="referenceHidden",...i}=ge(e,t);switch(o){case"referenceHidden":{let a=await $e(t,{...i,elementContext:"reference"}),n=Qt(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Bt(n)}}}case"escaped":{let a=await $e(t,{...i,altBoundary:!0}),n=Qt(a,r.floating);return{data:{escapedOffsets:n,escaped:Bt(n)}}}default:return{}}}}};var So=new Set(["left","top"]);async function Eo(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=ce(r),s=be(r),l=ne(r)==="y",d=So.has(n)?-1:1,c=a&&l?-1:1,g=ge(t,e),{mainAxis:f,crossAxis:u,alignmentAxis:b}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof b=="number"&&(u=s==="end"?b*-1:b),l?{x:u*c,y:f*d}:{x:f*d,y:u*c}}var Xt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await Eo(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},Zt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:s={fn:v=>{let{x:_,y:C}=v;return{x:_,y:C}}},...l}=ge(e,t),d={x:r,y:o},c=await $e(t,l),g=ne(ce(i)),f=bt(g),u=d[f],b=d[g];if(a){let v=f==="y"?"top":"left",_=f==="y"?"bottom":"right",C=u+c[v],E=u-c[_];u=qe(C,u,E)}if(n){let v=g==="y"?"top":"left",_=g==="y"?"bottom":"right",C=b+c[v],E=b-c[_];b=qe(C,b,E)}let x=s.fn({...t,[f]:u,[g]:b});return{...x,data:{x:x.x-r,y:x.y-o,enabled:{[f]:a,[g]:n}}}}}};var Jt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...d}=ge(e,t),c=await $e(t,d),g=ce(i),f=be(i),u=ne(i)==="y",{width:b,height:x}=a.floating,v,_;g==="top"||g==="bottom"?(v=g,_=f===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(_=g,v=f==="end"?"top":"bottom");let C=x-c.top-c.bottom,E=b-c.left-c.right,q=le(x-c[v],C),D=le(b-c[_],E),w=!t.middlewareData.shift,y=q,L=D;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(L=E),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(y=C),w&&!f){let z=Y(c.left,0),I=Y(c.right,0),Q=Y(c.top,0),U=Y(c.bottom,0);u?L=b-2*(z!==0||I!==0?z+I:Y(c.left,c.right)):y=x-2*(Q!==0||U!==0?Q+U:Y(c.top,c.bottom))}await l({...t,availableWidth:L,availableHeight:y});let A=await n.getDimensions(s.floating);return b!==A.width||x!==A.height?{reset:{rects:!0}}:{}}}};function He(){return typeof window!="undefined"}function ve(e){return Wt(e)?(e.nodeName||"").toLowerCase():"#document"}function X(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ae(e){var t;return(t=(Wt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function Wt(e){return He()?e instanceof Node||e instanceof X(e).Node:!1}function ee(e){return He()?e instanceof Element||e instanceof X(e).Element:!1}function oe(e){return He()?e instanceof HTMLElement||e instanceof X(e).HTMLElement:!1}function Gt(e){return!He()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof X(e).ShadowRoot}var Lo=new Set(["inline","contents"]);function _e(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=te(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!Lo.has(i)}var Oo=new Set(["table","td","th"]);function Kt(e){return Oo.has(ve(e))}var Ao=[":popover-open",":modal"];function Ae(e){return Ao.some(t=>{try{return e.matches(t)}catch(r){return!1}})}var Do=["transform","translate","scale","rotate","perspective"],zo=["transform","translate","scale","rotate","perspective","filter"],To=["paint","layout","strict","content"];function Ie(e){let t=Ue(),r=ee(e)?te(e):e;return Do.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)||zo.some(o=>(r.willChange||"").includes(o))||To.some(o=>(r.contain||"").includes(o))}function er(e){let t=de(e);for(;oe(t)&&!we(t);){if(Ie(t))return t;if(Ae(t))return null;t=de(t)}return null}function Ue(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Mo=new Set(["html","body","#document"]);function we(e){return Mo.has(ve(e))}function te(e){return X(e).getComputedStyle(e)}function De(e){return ee(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function de(e){if(ve(e)==="html")return e;let t=e.assignedSlot||e.parentNode||Gt(e)&&e.host||ae(e);return Gt(t)?t.host:t}function tr(e){let t=de(e);return we(t)?e.ownerDocument?e.ownerDocument.body:e.body:oe(t)&&_e(t)?t:tr(t)}function Be(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=tr(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=X(i);if(a){let s=Ye(n);return t.concat(n,n.visualViewport||[],_e(i)?i:[],s&&r?Be(s):[])}return t.concat(i,Be(i,[],r))}function Ye(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function nr(e){let t=te(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=oe(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=Oe(r)!==a||Oe(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function ar(e){return ee(e)?e:e.contextElement}function Ce(e){let t=ar(e);if(!oe(t))return re(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=nr(t),n=(a?Oe(r.width):r.width)/o,s=(a?Oe(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var Po=re(0);function sr(e){let t=X(e);return!Ue()||!t.visualViewport?Po:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Ro(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==X(e)?!1:t}function ze(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=ar(e),n=re(1);t&&(o?ee(o)&&(n=Ce(o)):n=Ce(e));let s=Ro(a,r,o)?sr(a):re(0),l=(i.left+s.x)/n.x,d=(i.top+s.y)/n.y,c=i.width/n.x,g=i.height/n.y;if(a){let f=X(a),u=o&&ee(o)?X(o):o,b=f,x=Ye(b);for(;x&&o&&u!==b;){let v=Ce(x),_=x.getBoundingClientRect(),C=te(x),E=_.left+(x.clientLeft+parseFloat(C.paddingLeft))*v.x,q=_.top+(x.clientTop+parseFloat(C.paddingTop))*v.y;l*=v.x,d*=v.y,c*=v.x,g*=v.y,l+=E,d+=q,b=X(x),x=Ye(b)}}return fe({width:c,height:g,x:l,y:d})}function Xe(e,t){let r=De(e).scrollLeft;return t?t.left+r:ze(ae(e)).left+r}function lr(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Xe(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function jo(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=ae(o),s=t?Ae(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=re(1),c=re(0),g=oe(o);if((g||!g&&!a)&&((ve(o)!=="body"||_e(n))&&(l=De(o)),oe(o))){let u=ze(o);d=Ce(o),c.x=u.x+o.clientLeft,c.y=u.y+o.clientTop}let f=n&&!g&&!a?lr(n,l):re(0);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+f.x,y:r.y*d.y-l.scrollTop*d.y+c.y+f.y}}function Fo(e){return Array.from(e.getClientRects())}function No(e){let t=ae(e),r=De(e),o=e.ownerDocument.body,i=Y(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=Y(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+Xe(e),s=-r.scrollTop;return te(o).direction==="rtl"&&(n+=Y(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var rr=25;function qo(e,t){let r=X(e),o=ae(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Ue();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let d=Xe(o);if(d<=0){let c=o.ownerDocument,g=c.body,f=getComputedStyle(g),u=c.compatMode==="CSS1Compat"&&parseFloat(f.marginLeft)+parseFloat(f.marginRight)||0,b=Math.abs(o.clientWidth-g.clientWidth-u);b<=rr&&(a-=b)}else d<=rr&&(a+=d);return{width:a,height:n,x:s,y:l}}var Vo=new Set(["absolute","fixed"]);function Qo(e,t){let r=ze(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=oe(e)?Ce(e):re(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,d=o*a.y;return{width:n,height:s,x:l,y:d}}function or(e,t,r){let o;if(t==="viewport")o=qo(e,r);else if(t==="document")o=No(ae(e));else if(ee(t))o=Qo(t,r);else{let i=sr(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return fe(o)}function cr(e,t){let r=de(e);return r===t||!ee(r)||we(r)?!1:te(r).position==="fixed"||cr(r,t)}function Bo(e,t){let r=t.get(e);if(r)return r;let o=Be(e,[],!1).filter(s=>ee(s)&&ve(s)!=="body"),i=null,a=te(e).position==="fixed",n=a?de(e):e;for(;ee(n)&&!we(n);){let s=te(n),l=Ie(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&Vo.has(i.position)||_e(n)&&!l&&cr(e,n))?o=o.filter(c=>c!==n):i=s,n=de(n)}return t.set(e,o),o}function Ho(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?Ae(t)?[]:Bo(t,this._c):[].concat(r),o],s=n[0],l=n.reduce((d,c)=>{let g=or(t,c,i);return d.top=Y(g.top,d.top),d.right=le(g.right,d.right),d.bottom=le(g.bottom,d.bottom),d.left=Y(g.left,d.left),d},or(t,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Io(e){let{width:t,height:r}=nr(e);return{width:t,height:r}}function Uo(e,t,r){let o=oe(t),i=ae(t),a=r==="fixed",n=ze(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=re(0);function d(){l.x=Xe(i)}if(o||!o&&!a)if((ve(t)!=="body"||_e(i))&&(s=De(t)),o){let u=ze(t,!0,a,t);l.x=u.x+t.clientLeft,l.y=u.y+t.clientTop}else i&&d();a&&!o&&i&&d();let c=i&&!o&&!a?lr(i,s):re(0),g=n.left+s.scrollLeft-l.x-c.x,f=n.top+s.scrollTop-l.y-c.y;return{x:g,y:f,width:n.width,height:n.height}}function vt(e){return te(e).position==="static"}function ir(e,t){if(!oe(e)||te(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return ae(e)===r&&(r=r.ownerDocument.body),r}function dr(e,t){let r=X(e);if(Ae(e))return r;if(!oe(e)){let i=de(e);for(;i&&!we(i);){if(ee(i)&&!vt(i))return i;i=de(i)}return r}let o=ir(e,t);for(;o&&Kt(o)&&vt(o);)o=ir(o,t);return o&&we(o)&&vt(o)&&!Ie(o)?r:o||er(e)||r}var Yo=async function(e){let t=this.getOffsetParent||dr,r=this.getDimensions,o=await r(e.floating);return{reference:Uo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Xo(e){return te(e).direction==="rtl"}var Zo={convertOffsetParentRelativeRectToViewportRelativeRect:jo,getDocumentElement:ae,getClippingRect:Ho,getOffsetParent:dr,getElementRects:Yo,getClientRects:Fo,getDimensions:Io,getScale:Ce,isElement:ee,isRTL:Xo};var ur=Xt;var gr=Zt,mr=Ut,pr=Jt,hr=Yt,br=It;var fr=(e,t,r)=>{let o=new Map,i={platform:Zo,...r},a={...i.platform,_c:o};return Ht(e,t,{...i,platform:a})};var Je="top-start",Ge="top",We="top-end",Ke="right-start",et="right",tt="right-end",rt="bottom-start",Te="bottom",ot="bottom-end",it="left-start",nt="left",at="left-end",wt=[Je,Ge,We,Ke,et,tt,rt,Te,ot,it,nt,at],xe={[Je]:rt,[Ge]:Te,[We]:ot,[rt]:Je,[Te]:Ge,[ot]:We,[it]:Ke,[nt]:et,[at]:tt,[Ke]:it,[et]:nt,[tt]:at},Jo={[it]:-45,[nt]:-45,[at]:-45,[Je]:45,[Ge]:45,[We]:45,[Ke]:135,[et]:135,[tt]:135,[rt]:-135,[Te]:-135,[ot]:-135},xt=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},Go=e=>e.split("-")[0],Wo=e=>xe[Go(e)],wr=e=>xe[e],Ko=e=>Jo[wr(e)],ei=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${xt(Wo(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},vr=8,Ze=24;async function yt(e){var o,i,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 fr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:Te,middleware:[ur({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&mr({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&gr({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&br({element:e==null?void 0:e.arrowEl}),hr(),pr({apply(){Object.assign(r.style,{paddingRight:`${vr}px`,paddingLeft:`${vr}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:d})=>{if(e.actualDirection=d,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:g,y:f}=l.arrow,u=window.getComputedStyle(r).direction==="rtl",b=wr(d).split("-")[1],x="",v="",_="",C="";if(b==="start"){let E=typeof g=="number"?`calc(${Ze}px - ${c.offsetWidth/2}px)`:"";x=typeof f=="number"?`calc(${Ze}px - ${c.offsetWidth/2}px)`:"",v=u?E:"",C=u?"":E}else if(b==="end"){let E=typeof g=="number"?`calc(${Ze}px - ${c.offsetWidth/2}px)`:"";v=u?"":E,C=u?E:"",_=typeof f=="number"?`calc(${Ze}px - ${c.offsetWidth/2}px)`:""}else C=typeof g=="number"?`${g}px`:"",x=typeof f=="number"?`${f}px`:"";Object.assign(c.style,{top:x,right:v,bottom:_,left:C}),ei(c,Ko(d),d)}}),e}import{css as _i,html as Ee,LitElement as Ci,nothing as Ir}from"lit";import{property as G}from"lit/decorators.js";import{ifDefined as Si}from"lit/directives/if-defined.js";var ti=["en","nb","fi","da","sv"],yr="en",xr=e=>ti.find(t=>e===t||e.toLowerCase().includes(t))||yr;function ri(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return xr(e)}try{let e=document.documentElement.lang;return xr(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),yr}}var oi=(e,t,r,o,i,a)=>e==="nb"?r:e==="fi"?o:e==="da"?i:e==="sv"?a:t,st=(e,t,r,o,i)=>{let a=ri(),n=oi(a,e,t,r,o,i);P.load(a,n),P.activate(a)};import{css as kr}from"lit";var Se=kr`
+  *,
+  :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;
+  }
+`,rn=kr`*, :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 an}from"lit/directives/class-map.js";function $r(){return`m${Math.random().toString(36).slice(2)}`}import{css as ii}from"lit";var _r=ii`
+  .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 Cr=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 Sr=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 Er=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 Lr=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 Or=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 ni}from"lit";var Ar=ni`*,: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)}.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 ai}from"lit";import{unsafeStatic as si,html as li}from"lit/static-html.js";var ci=JSON.parse('{"icon.title.close":["Kryss"]}'),di=JSON.parse('{"icon.title.close":["Cross"]}'),ui=JSON.parse('{"icon.title.close":["Rasti"]}'),gi=JSON.parse('{"icon.title.close":["Kryds"]}'),mi=JSON.parse('{"icon.title.close":["Kryss"]}'),Dr=["en","nb","fi","da","sv"],zr="en",pi=()=>{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},Tr=()=>{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":zr},kt=e=>Dr.find(t=>e===t||e.toLowerCase().includes(t))||Tr();function hi(){var e;if(typeof window=="undefined"){let t=pi();return kt(t)}try{let t=(e=document==null?void 0:document.documentElement)==null?void 0:e.lang,r=Tr();return Dr.includes(t)?kt(t!=null?t:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),kt(r))}catch(t){return console.warn("could not detect locale, falling back to source locale",t),zr}}var bi=(e,t,r,o,i,a)=>e==="nb"?r:e==="fi"?o:e==="da"?i:e==="sv"?a:t,fi=(e,t,r,o,i)=>{let a=hi(),n=bi(a,e,t,r,o,i);P.load(a,n),P.activate(a)};fi(di,ci,ui,gi,mi);var vi=class extends ai{render(){let e=P.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return li`<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">${si(`<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",vi);var O=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},R=function(e,t,r,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};function lt(e){var t,r,o,i,a,n,s,l,d,c,g,f,u,b,x,v,_,C,E;class q extends e{constructor(...w){var y,L,A;super(...w),t.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),i.set(this,!1),a.set(this,void 0),n.set(this,void 0),s.set(this,!0),d.set(this,""),c.set(this,()=>{R(this,i,!0,"f"),R(this,r,!0,"f"),O(this,t,"m",v).call(this)}),g.set(this,()=>{R(this,r,!1,"f"),O(this,t,"m",_).call(this,this.shouldFormValueUpdate()?O(this,d,"f"):""),!this.validity.valid&&O(this,i,"f")&&R(this,o,!0,"f");let z=O(this,t,"m",v).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),f.set(this,()=>{var z;O(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),R(this,s,!1,"f")),R(this,i,!0,"f"),R(this,o,!0,"f"),O(this,t,"m",v).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),u.set(this,void 0),b.set(this,!1),x.set(this,Promise.resolve()),(y=this.addEventListener)===null||y===void 0||y.call(this,"focus",O(this,c,"f")),(L=this.addEventListener)===null||L===void 0||L.call(this,"blur",O(this,g,"f")),(A=this.addEventListener)===null||A===void 0||A.call(this,"invalid",O(this,f,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let w=this.validators.map(A=>A.attribute).flat(),y=super.observedAttributes||[];return[...new Set([...y,...w])]}static getValidator(w){return this.validators.find(y=>y.attribute===w)||null}static getValidators(w){return this.validators.filter(y=>{var L;if(y.attribute===w||!((L=y.attribute)===null||L===void 0)&&L.includes(w))return!0})}get form(){return this.internals.form}get showError(){return O(this,t,"m",v).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(w,y,L){var A;(A=super.attributeChangedCallback)===null||A===void 0||A.call(this,w,y,L);let I=this.constructor.getValidators(w);I!=null&&I.length&&this.validationTarget&&this.setValue(O(this,d,"f"))}setValue(w){var y;R(this,o,!1,"f"),(y=this.validationMessageCallback)===null||y===void 0||y.call(this,""),R(this,d,w,"f");let A=this.shouldFormValueUpdate()?w:null;this.internals.setFormValue(A),O(this,t,"m",_).call(this,A),this.valueChangedCallback&&this.valueChangedCallback(A),O(this,t,"m",v).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(w=>w(O(this,x,"f")))}formResetCallback(){var w,y;R(this,i,!1,"f"),R(this,o,!1,"f"),O(this,t,"m",v).call(this),(w=this.resetFormControl)===null||w===void 0||w.call(this),(y=this.validationMessageCallback)===null||y===void 0||y.call(this,O(this,t,"m",v).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap,d=new WeakMap,c=new WeakMap,g=new WeakMap,f=new WeakMap,u=new WeakMap,b=new WeakMap,x=new WeakMap,t=new WeakSet,l=function(){let w=this.getRootNode(),y=`${this.localName}[name="${this.getAttribute("name")}"]`;return w.querySelectorAll(y)},v=function(){if(this.hasAttribute("disabled"))return!1;let w=O(this,o,"f")||O(this,i,"f")&&!this.validity.valid&&!O(this,r,"f");return w&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),w},_=function(w){let y=this.constructor,L={},A=y.validators,z=[],I=A.some(M=>M.isValid instanceof Promise);O(this,b,"f")||(R(this,x,new Promise(M=>{R(this,u,M,"f")}),"f"),R(this,b,!0,"f")),O(this,a,"f")&&(O(this,a,"f").abort(),R(this,n,O(this,a,"f"),"f"));let Q=new AbortController;R(this,a,Q,"f");let U,j=!1;A.length&&(A.forEach(M=>{let Z=M.key||"customError",F=M.isValid(this,w,Q.signal);F instanceof Promise?(z.push(F),F.then(K=>{K!=null&&(L[Z]=!K,U=O(this,t,"m",E).call(this,M,w),O(this,t,"m",C).call(this,L,U))})):(L[Z]=!F,this.validity[Z]!==!F&&(j=!0),!F&&!U&&(U=O(this,t,"m",E).call(this,M,w)))}),Promise.allSettled(z).then(()=>{var M;Q!=null&&Q.signal.aborted||(R(this,b,!1,"f"),(M=O(this,u,"f"))===null||M===void 0||M.call(this))}),(j||!I)&&O(this,t,"m",C).call(this,L,U))},C=function(w,y){if(this.validationTarget)this.internals.setValidity(w,y,this.validationTarget),R(this,s,!1,"f");else{if(this.internals.setValidity(w,y),this.internals.validity.valid)return;R(this,s,!0,"f")}},E=function(w,y){if(this.validityCallback){let L=this.validityCallback(w.key||"customError");if(L)return L}return w.message instanceof Function?w.message(this,y):w.message},q}import{html as ct,LitElement as Br,css as $i}from"lit";import{property as J}from"lit/decorators.js";import{html as xi,LitElement as Pr}from"lit";import{property as ie}from"lit/decorators.js";import{classMap as yi}from"lit/directives/class-map.js";import{css as wi}from"lit";var Mr=wi`.w-button,
+.w-button--secondary {
+    /* Local scoped variables, given the default button (the secondary variant) as a default */
+    --_background: var(--background, var(--w-s-color-background));
+    --_background-hover: var(--background-hover, var(--w-s-color-background-hover));
+    --_background-active: var(--background-active, var(--w-s-color-background-active));
+    --_text-color: var(--color, var(--w-s-color-text-link));
+    --_border-width: var(--border-width, 2px);
+    --_border: var(--border, var(--w-s-color-border));
+    --_border-hover: var(--border-hover, var(--w-s-color-border-hover));
+    --_border-active: var(--border-active, var(--w-s-color-border-active));
+    --_border-radius: var(--border-radius, 8px);
+    --_font-size: var(--font-size, var(--w-font-size-m));
+    --_line-height: var(--line-height, var(--w-line-height-m));
+    --_font-weight: var(--font-weight, bold);
+    --_padding-x: var(--padding-x, 16px);
+    --_padding-y: var(--padding-y, 13px);
+
+    /* Base setup for all buttons */
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    cursor: pointer;
+    transition:
+            color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+            background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+            border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+            fill 150ms cubic-bezier(0.4, 0, 0.2, 1),
+            stroke 150ms cubic-bezier(0.4, 0, 0.2, 1);
+
+    /* Hook the local vars up to the button stuff  */
+    background-color: var(--_background);
+    color: var(--_text-color);
+    border: var(--_border-width) solid var(--_border);
+    border-radius: var(--_border-radius);
+    padding: calc(var(--_padding-y) - var(--_border-width)) calc(var(--_padding-x) - var(--_border-width));
+    font-size: var(--_font-size);
+    line-height: var(--_line-height);
+    font-weight: var(--_font-weight);
+}
+
+    .w-button:hover {
+        background-color: var(--_background-hover);
+        border-color: var(--_border-hover);
+    }
+
+    .w-button:active {
+        background-color: var(--_background-active);
+        border-color: var(--_border-active);
+    }
+
+    .w-button:focus-visible {
+        outline: 2px solid var(--w-s-color-border-focus);
+        outline-offset: var(--w-outline-offset, 1px);
+    }
+
+    /* Variants config */
+    .w-button--primary {
+        --background: var(--w-s-color-background-primary);
+        --background-hover: var(--w-s-color-background-primary-hover);
+        --background-active: var(--w-s-color-background-primary-active);
+        --color: var(--w-s-color-text-inverted);
+        --border-width: 0px;
+    }
+    .w-button--negative {
+        --background: var(--w-s-color-background-negative);
+        --background-hover: var(--w-s-color-background-negative-hover);
+        --background-active: var(--w-s-color-background-negative-active);
+        --color: var(--w-s-color-text-inverted);
+        --border-width: 0px;
+    }
+    .w-button--negative-quiet {
+        --background: transparent;
+        --background-hover: var(--w-s-color-background-negative-subtle-hover);
+        --background-active: var(--w-s-color-background-negative-subtle-active);
+        --color: var(--w-s-color-text-negative);
+        --border-width: 0px;
+    }
+    .w-button--utility {
+        --background: var(--w-s-color-background);
+        --background-hover: var(--w-s-color-background-hover);
+        --background-active: var(--w-s-color-background-active);
+        --color: var(--w-s-color-text);
+        --border-radius: 4px;
+        --border-width: 1px;
+    }
+    .w-button--utility-quiet {
+        --background: transparent;
+        --color: var(--w-s-color-text);
+        --border-width: 0px;
+    }
+    .w-button--overlay {
+        --background: var(--w-color-background);
+        --background-hover: var(--w-color-background-hover);
+        --background-active: var(--w-color-background-active);
+        --color: var(--w-s-color-text);
+        --border-radius: 9999px;
+        --border-width: 0px;
+    }
+    .w-button--overlay-quiet {
+        --background: transparent;
+        --background-hover: var(--w-s-color-background-hover);
+        --background-active: var(--w-s-color-background-active);
+        --color: var(--w-s-color-text);
+        --border-radius: 9999px;
+        --border-width: 0px;
+    }
+    .w-button--overlay-inverted {
+        --background: var(--w-s-color-background-inverted);
+        --background-hover: var(--w-s-color-background-inverted-hover);
+        --background-active: var(--w-s-color-background-inverted-active);
+        --color: var(--w-s-color-text-inverted);
+        --border-radius: 9999px;
+        --border-width: 0px;
+    }
+    .w-button--overlay-inverted-quiet {
+        --background: transparent;
+        --background-hover: var(--w-s-color-background-inverted-hover);
+        --background-active: var(--w-s-color-background-inverted-active);
+        --color: var(--w-s-color-text-inverted);
+        --border-radius: 9999px;
+        --border-width: 0px;
+    }
+
+    .w-button--link {
+        --background: none;
+        --background-hover: none;
+        --background-active: none;
+        --border-width: 0;
+        --font-weight: normal;
+        display: inline;
+    }
+
+    /* States config,  selects --loading as well since loading is always supposed to be disabled */
+    .w-button:disabled,
+    .w-button--disabled,
+    .w-button--loading {
+        --background: var(--w-s-color-background-disabled);
+        --background-hover: var(--w-s-color-background-disabled);
+        --background-active: var(--w-s-color-background-disabled);
+        --color: var(--w-s-color-text-inverted);
+        --border-width: 0px;
+        pointer-events: none;
+    }
+
+    .w-button--link:hover {
+        text-decoration: underline;
+    }
+
+    /* Sizes config */
+    .w-button--small {
+        --padding-x: 12px;
+        --padding-y: 8px;
+        --font-size: var(--w-font-size-xs);
+        --line-height: var(--w-line-height-xs);
+    }
+
+    /* Width config */
+    .w-button--full-width {
+        width: 100%;
+        max-width: 100%;
+    }
+
+    .w-button--has-icon-only {
+        width: auto;
+        max-width: none;
+        --_padding-x: var(--_padding-y);
+        aspect-ratio: 1 / 1;
+    }
+
+    a.w-button {
+        text-decoration: none !important;
+    }
+
+    /* Copy of loading animation from warp  */
+    .w-button--loading {
+        background-image: linear-gradient(
+                135deg,
+                rgba(0, 0, 0, 0.05) 25%,
+                transparent 25%,
+                transparent 50%,
+                rgba(0, 0, 0, 0.05) 50%,
+                rgba(0, 0, 0, 0.05) 75%,
+                transparent 75%,
+                transparent
+        );
+        background-size: 30px 30px;
+        animation: animate-inprogress 3s linear infinite;
+    }
+
+    @keyframes animate-inprogress {
+        0% {
+            background-position: 0 0;
+        }
+        100% {
+            background-position: 60px 0;
+        }
+    }`;var Rr=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","pill","link"],B=class extends lt(Pr){constructor(){super(),this.variant="secondary"}connectedCallback(){if(super.connectedCallback(),!Rr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${Rr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){let t={"w-button":this.variant!=="link","w-button--primary":this.variant==="primary","w-button--secondary":this.variant==="secondary","w-button--negative":this.variant==="negative","w-button--utility":this.variant==="utility","w-button--quiet":this.variant==="quiet","w-button--negative-quiet":this.variant==="negativeQuiet","w-button--utility-quiet":this.variant==="utilityQuiet","w-button--small":this.small,"w-button--full-width":this.fullWidth,"w-button--disabled":this.disabled};return xi`<a
+      href=${this.href}
+      target=${this.target}
+      rel=${this.target==="_blank"?this.rel||"noopener":void 0}
+      class=${yi(t)}>
+      <slot></slot>
+    </a>`}};B.shadowRootOptions={...Pr.shadowRootOptions,delegatesFocus:!0},B.styles=[Se,Mr],$([ie({type:Boolean,reflect:!0})],B.prototype,"autofocus",2),$([ie({reflect:!0})],B.prototype,"variant",2),$([ie({type:Boolean,reflect:!0})],B.prototype,"quiet",2),$([ie({type:Boolean,reflect:!0})],B.prototype,"small",2),$([ie({reflect:!0})],B.prototype,"href",2),$([ie({type:Boolean,reflect:!0})],B.prototype,"disabled",2),$([ie({reflect:!0})],B.prototype,"target",2),$([ie({reflect:!0})],B.prototype,"rel",2),$([ie({attribute:"full-width",type:Boolean,reflect:!0})],B.prototype,"fullWidth",2),$([ie({attribute:"button-class",reflect:!0})],B.prototype,"buttonClass",2),$([ie({reflect:!0})],B.prototype,"name",2);customElements.get("w-link")||customElements.define("w-link",B);var jr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Fr=JSON.parse('{"button.aria.loading":["Loading..."]}');var Nr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var qr=JSON.parse('{"button.aria.loading":["Laster..."]}');var Vr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as ki}from"lit";var Qr=ki`*,: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}.text-center{text-align:center}.animate-inprogress{background-size:30px 30px;animation:3s linear infinite animate-inprogress;background-image:linear-gradient(135deg,#0000000d 25%,#0000 0 50%,#0000000d 0 75%,#0000 0,#0000)!important}@keyframes animate-inprogress{0%{background-position:0 0}to{background-position:60px 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)}.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-transparent{border-color:#0000}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.hover\\:no-underline:hover,.focus\\:no-underline:focus,.active\\:no-underline:active{text-decoration:none}.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-center{align-items:center}.justify-center{justify-content:center}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.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-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)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.min-h-32{min-height:3.2rem}.min-w-32{min-width:3.2rem}.w-full{width:100%}.min-h-\\[44px\\]{min-height:44px}.min-w-\\[44px\\]{min-width:44px}.p-0{padding:0}.p-4{padding:.4rem}.px-14{padding-left:1.4rem;padding-right:1.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-10{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.py-\\[11px\\]{padding-top:11px;padding-bottom:11px}.py-\\[7px\\]{padding-top:7px;padding-bottom:7px}.cursor-default{cursor:default}.font-bold{font-weight:700}.pointer-events-none{pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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}`;var Hr=["primary","secondary","negative","utility","pill","link"],me="font-bold focusable justify-center transition-colors ease-in-out",T={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"},S={primary:`border-0 rounded-8 ${me}`,secondary:`border-2 rounded-8 ${me}`,utility:`border rounded-4 ${me}`,negative:`border-0 rounded-8 ${me}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${me}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${T.link}`},p={xsmall:"py-6 px-16",small:"py-8 px-16",medium:"py-10 px-14",large:"py-12 px-16",utility:"py-[11px] px-[15px]",smallUtility:"py-[7px] px-[15px]",pill:"min-h-[44px] min-w-[44px]",pillSmall:"min-h-32 min-w-32",link:"p-0"},h={medium:"text-m leading-[24]",xsmall:"text-xs"},m={inProgress:`border-transparent animate-inprogress pointer-events-none ${T.loading}`,quiet:`border-0 rounded-8 ${me}`,utilityQuiet:`border-0 rounded-4 ${me}`,negativeQuiet:`border-0 rounded-8 ${me}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${T.disabled}`},k={secondary:`${p.medium} ${h.medium} ${S.secondary} ${T.secondary}`,secondaryHref:`${p.medium} ${h.medium} ${S.secondary} ${T.secondary}`,secondaryDisabled:`${p.medium} ${h.medium} ${S.secondary} ${m.isDisabled}`,secondarySmall:`${h.xsmall} ${p.xsmall} ${S.secondary} ${T.secondary}`,secondarySmallDisabled:`${h.xsmall} ${p.xsmall} ${S.secondary} ${m.isDisabled}`,secondaryQuiet:`${p.medium} ${h.medium} ${m.quiet} ${T.quiet}`,secondaryQuietDisabled:`${p.medium} ${h.medium} ${m.quiet} ${m.isDisabled}`,secondarySmallQuiet:`${h.xsmall} ${p.xsmall} ${m.quiet} ${T.quiet}`,secondarySmallQuietDisabled:`${h.xsmall} ${p.xsmall} ${m.quiet} ${m.isDisabled}`,secondaryLoading:`${p.medium} ${h.medium} ${S.secondary} ${m.inProgress}`,secondarySmallLoading:`${h.xsmall} ${p.xsmall}  ${S.secondary} ${m.inProgress}`,secondarySmallQuietLoading:`${h.xsmall} ${p.xsmall} ${m.quiet} ${m.inProgress}`,secondaryQuietLoading:`${p.medium} ${h.medium} ${m.quiet} ${m.inProgress}`,primary:`${p.large} ${h.medium} ${S.primary} ${T.primary}`,primaryDisabled:`${p.large} ${h.medium} ${m.isDisabled} ${S.primary}`,primarySmall:`${p.small} ${h.xsmall} ${S.primary} ${T.primary}`,primarySmallDisabled:`${p.small} ${h.xsmall} ${m.isDisabled} ${S.primary} `,primaryQuiet:`${p.large} ${h.medium} ${m.quiet} ${T.quiet}`,primaryQuietDisabled:`${p.large} ${h.medium} ${m.quiet} ${m.isDisabled}`,primarySmallQuiet:`${p.small} ${h.xsmall} ${m.quiet} ${T.quiet}`,primarySmallQuietDisabled:`${p.small} ${h.xsmall} ${m.quiet} ${m.isDisabled}`,primaryLoading:`${p.large} ${h.medium} ${m.inProgress} ${S.primary}`,primarySmallLoading:`${p.small} ${h.xsmall}  ${m.inProgress} ${S.primary}`,primarySmallQuietLoading:`${p.small} ${h.xsmall} ${m.quiet} ${m.inProgress} ${S.primary}`,primaryQuietLoading:`${p.large} ${h.medium} ${m.quiet} ${m.inProgress}`,utility:`${p.utility} ${h.medium} ${S.utility} ${T.utility}`,utilityDisabled:`${p.utility} ${h.medium} ${S.utility} ${m.isDisabled}`,utilityQuiet:`${p.large} ${h.medium} ${m.utilityQuiet} ${T.utilityQuiet}`,utilityQuietDisabled:`${p.large} ${h.medium} ${m.utilityQuiet} ${m.isDisabled}`,utilitySmall:`${p.smallUtility} ${h.xsmall} ${S.utility} ${T.utility}`,utilitySmallDisabled:`${p.smallUtility} ${h.xsmall} ${S.utility} ${m.isDisabled}`,utilitySmallQuiet:`${p.smallUtility} ${h.xsmall} ${m.utilityQuiet} ${T.utilityQuiet}`,utilitySmallQuietDisabled:`${p.smallUtility} ${h.xsmall} ${m.utilityQuiet} ${m.isDisabled}`,utilityLoading:`${p.large} ${h.medium} ${S.utility} ${m.inProgress}`,utilitySmallLoading:`${p.smallUtility} ${h.xsmall} ${S.utility} ${m.inProgress}`,utilityQuietLoading:`${p.large} ${h.medium} ${m.inProgress} ${m.utilityQuiet}`,utilitySmallQuietLoading:`${p.smallUtility} ${h.xsmall} ${m.inProgress} ${m.utilityQuiet}`,negative:`${p.large} ${h.medium} ${S.negative} ${T.destructive}`,negativeDisabled:`${p.large} ${h.medium} ${S.negative} ${m.isDisabled}`,negativeQuiet:`${p.large} ${h.medium} ${m.negativeQuiet} ${T.negativeQuiet}`,negativeQuietDisabled:`${p.large} ${h.medium} ${m.negativeQuiet}${m.isDisabled}`,negativeSmall:`${p.small} ${h.xsmall} ${S.negative} ${T.destructive}`,negativeSmallDisabled:`${p.small} ${h.xsmall} ${S.negative} ${m.isDisabled}`,negativeSmallQuiet:`${p.small} ${h.xsmall} ${m.negativeQuiet} ${T.negativeQuiet}`,negativeSmallQuietDisabled:`${p.small} ${h.xsmall} ${m.negativeQuiet} ${m.isDisabled}`,negativeLoading:`${p.large} ${h.medium} ${S.negative} ${m.inProgress}`,negativeSmallLoading:`${p.small} ${h.xsmall} ${m.inProgress} ${S.negative}`,negativeQuietLoading:`${p.large} ${h.medium} ${m.negativeQuiet} ${S.negative} ${m.inProgress}`,negativeSmallQuietLoading:`${p.small} ${h.xsmall} ${m.negativeQuiet} ${m.inProgress}`,pill:`${p.pill} ${h.medium} ${S.pill} ${T.pill}`,pillSmall:`${p.pillSmall} ${h.xsmall} ${S.pill} ${T.pill}`,pillLoading:`${p.pill} ${h.medium} ${S.pill} ${m.inProgress}`,pillSmallLoading:`${p.pillSmall} ${h.xsmall} ${S.pill} ${m.inProgress}`,link:`${p.link} ${h.medium} ${S.link}`,linkSmall:`${p.link} ${h.xsmall} ${S.link}`,linkAsButton:"inline-block active:no-underline hover:no-underline focus:no-underline text-center",a11y:"sr-only",fullWidth:"w-full max-w-full",contentWidth:"max-w-max"},N=class extends lt(Br){constructor(){super();this.type="button";st(Fr,qr,Nr,jr,Vr),this.variant="secondary",this.ariaValueTextLoading=P._({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){if(super.connectedCallback(),!Hr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
+${Hr.join(", ")}.`)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0)}get _primaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&k.primary,this.small&&!this.quiet&&!this.loading&&k.primarySmall,this.small&&this.quiet&&!this.loading&&k.primarySmallQuiet,this.small&&this.loading&&(this.quiet?k.primarySmallQuietLoading:k.primarySmallLoading),!this.small&&this.quiet&&!this.loading&&k.primaryQuiet,!this.small&&this.loading&&(this.quiet?k.primaryQuietLoading:k.primaryLoading)]}get _secondaryClasses(){return[!this.small&&!this.quiet&&!this.loading&&k.secondary,this.small&&!this.quiet&&!this.loading&&k.secondarySmall,this.small&&this.loading&&(this.quiet?k.secondarySmallQuietLoading:k.secondarySmallLoading),this.small&&this.quiet&&!this.loading&&k.secondarySmallQuiet,!this.small&&this.quiet&&!this.loading&&k.secondaryQuiet,!this.small&&this.loading&&(this.quiet?k.secondaryQuietLoading:k.secondaryLoading)]}get _utilityClasses(){return[!this.small&&!this.quiet&&!this.loading&&k.utility,this.small&&!this.quiet&&!this.loading&&k.utilitySmall,this.small&&this.quiet&&!this.loading&&k.utilitySmallQuiet,this.small&&this.loading&&(this.quiet?k.utilitySmallQuietLoading:k.utilitySmallLoading),!this.small&&this.quiet&&!this.loading&&k.utilityQuiet,!this.small&&this.loading&&(this.quiet?k.utilityQuietLoading:k.utilityLoading)]}get _negativeClasses(){return[!this.small&&!this.quiet&&!this.loading&&k.negative,this.small&&!this.quiet&&!this.loading&&k.negativeSmall,this.small&&this.quiet&&!this.loading&&k.negativeSmallQuiet,this.small&&this.loading&&(this.quiet?k.negativeSmallQuietLoading:k.negativeSmallLoading),!this.small&&this.quiet&&!this.loading&&k.negativeQuiet,!this.small&&this.loading&&(this.quiet?k.negativeQuietLoading:k.negativeLoading)]}get _pillClasses(){return[!this.loading&&(this.small?k.pillSmall:k.pill),this.loading&&(this.small?k.pillSmallLoading:k.pillLoading)]}get _linkClasses(){return[this.small?k.linkSmall:k.link]}get _classes(){return ye(this.buttonClass,[this.variant==="primary"&&this._primaryClasses,this.variant==="secondary"&&this._secondaryClasses,this.variant==="utility"&&this._utilityClasses,this.variant==="negative"&&this._negativeClasses,this.variant==="pill"&&this._pillClasses,this.variant==="link"&&this._linkClasses,this.href&&k.linkAsButton,this.fullWidth?k.fullWidth:k.contentWidth])}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}render(){return ct` ${this.href?ct`<w-link
+          href=${this.href}
+          target=${this.target}
+          variant=${this.variant}
+          ?small=${this.small}
+          ?quiet=${this.quiet}
+          ?loading=${this.loading}
+          ?autofocus=${this.autofocus}
+          ?full-width=${this.fullWidth}
+          class=${this.buttonClass}
+          rel=${this.target==="_blank"?this.rel||"noopener":void 0}>
+          <slot></slot>
+        </w-link>`:ct`<button type=${this.type||"button"} class=${this._classes} @click="${this._handleButtonClick}">
+          <slot></slot>
+        </button>`}
+    ${this.loading?ct`<span class="sr-only" role="progressbar" aria-valuenow="{0}" aria-valuetext=${this.ariaValueTextLoading}></span>`:null}`}};N.shadowRootOptions={...Br.shadowRootOptions,delegatesFocus:!0},N.styles=[Se,Qr,$i`:host([full-width]) { width: 100%; }`],$([J({reflect:!0})],N.prototype,"type",2),$([J({type:Boolean,reflect:!0})],N.prototype,"autofocus",2),$([J({reflect:!0})],N.prototype,"variant",2),$([J({type:Boolean,reflect:!0})],N.prototype,"quiet",2),$([J({type:Boolean,reflect:!0})],N.prototype,"small",2),$([J({type:Boolean,reflect:!0})],N.prototype,"loading",2),$([J({reflect:!0})],N.prototype,"href",2),$([J({reflect:!0})],N.prototype,"target",2),$([J({reflect:!0})],N.prototype,"rel",2),$([J({attribute:"full-width",type:Boolean,reflect:!0})],N.prototype,"fullWidth",2),$([J({attribute:"button-class",reflect:!0})],N.prototype,"buttonClass",2),$([J({reflect:!0})],N.prototype,"name",2),$([J({reflect:!0})],N.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",N);var Ei={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"},Me="font-bold focusable justify-center transition-colors ease-in-out",$a={primary:`border-0 rounded-8 ${Me}`,secondary:`border-2 rounded-8 ${Me}`,utility:`border rounded-4 ${Me}`,negative:`border-0 rounded-8 ${Me}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Me}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${Ei.link}`},Pe={base:"border-2 relative flex items-center",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"},V=class extends Ci{constructor(){super(),st(Sr,Lr,Er,Cr,Or),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(xe).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
+${JSON.stringify(Object.keys(xe))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(t=>wt.includes(t)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
+${JSON.stringify(wt)}`);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?yt(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 xe[this._actualDirection]}get _arrowClasses(){return ye([Pe.arrowBase,this._activeVariantClasses.arrow,Pe[`arrowDirection${xt(this._arrowDirection)}`]])}get _arrowHtml(){return this.noArrow?"":Ee`<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:Pe[r],arrow:Pe[`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 ye([Pe.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return P._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return Ee`
+      <w-button
+        aria-label="${this._ariaClose}"
+        @click=${this.close}
+        @keydown=${this.keypressed}
+        variant="pill"
+        small=""
+        class="ml-8"
+      >
+        <w-icon-close-16
+          style="height: 16px; width: 16px; display: flex;"
+        ></w-icon-close-16>
+      </w-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},yt(this.attentionState)}pointingAtDirection(){switch(xe[this._actualDirection]){case"top-start":case"top":case"top-end":return P._({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 P._({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 P._({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 P._({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 P._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return P._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return P._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return P._({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=$r());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?Ee``:Ee`
+      <div class=${Si(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"?Ee`
               <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:yo}
+                ${this.canClose?this._closeBtnHtml:Ir}
               </div>
-            `:he`
+            `:Ee`
               <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:yo}
+                ${this.canClose?this._closeBtnHtml:Ir}
               </div>
               <slot name="target"></slot>
             `}
       </div>
-    `}};Ye(Ee,"properties",{show:{type:Boolean,reflect:!0},placement:{type:String,reflect:!0},tooltip:{type:Boolean,reflect:!0},callout:{type:Boolean,reflect:!0},popover:{type:Boolean,reflect:!0},highlight:{type:Boolean,reflect:!0},canClose:{type:Boolean,reflect:!0},noArrow:{type:Boolean,reflect:!0},distance:{type:Number,reflect:!0},skidding:{type:Number,reflect:!0},flip:{type:Boolean,reflect:!0},crossAxis:{type:Boolean,reflect:!0},fallbackPlacements:{type:Array,reflect:!0}}),Ye(Ee,"styles",[$o.styles,Gr`
+    `}};V.styles=[Se,_r,Ar,_i`
       #attention {
         position: absolute;
         z-index: 50;
         visibility: var(--attention-visibility);
         display: var(--attention-display);
       }
-
       :host([popover]:not(:popover-open):not(dialog[open])) {
         display: contents;
       }
-    `]);customElements.get("w-attention")||customElements.define("w-attention",Ee);export{Ee as WarpAttention};
+    `],$([G({type:Boolean,reflect:!0})],V.prototype,"show",2),$([G({type:String,reflect:!0})],V.prototype,"placement",2),$([G({type:Boolean,reflect:!0})],V.prototype,"tooltip",2),$([G({type:Boolean,reflect:!0})],V.prototype,"callout",2),$([G({type:Boolean,reflect:!0})],V.prototype,"popover",2),$([G({type:Boolean,reflect:!0})],V.prototype,"highlight",2),$([G({attribute:"can-close",type:Boolean,reflect:!0})],V.prototype,"canClose",2),$([G({attribute:"no-arrow",type:Boolean,reflect:!0})],V.prototype,"noArrow",2),$([G({type:Number,reflect:!0})],V.prototype,"distance",2),$([G({type:Number,reflect:!0})],V.prototype,"skidding",2),$([G({type:Boolean,reflect:!0})],V.prototype,"flip",2),$([G({attribute:"cross-axis",type:Boolean,reflect:!0})],V.prototype,"crossAxis",2),$([G({attribute:"fallback-placements",type:Array,reflect:!0})],V.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",V);export{V as WarpAttention};
 //# sourceMappingURL=index.js.map