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

package/dist/packages/toast/index.js

@@ -1,44 +1,2483 @@
-var We=Object.create;var U=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var Xe=Object.getPrototypeOf,Ze=Object.prototype.hasOwnProperty;var oe=t=>{throw TypeError(t)};var Ye=(t,e,r)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var se=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var et=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of Ge(e))!Ze.call(t,s)&&s!==r&&U(t,s,{get:()=>e[s],enumerable:!(o=Ke(e,s))||o.enumerable});return t};var tt=(t,e,r)=>(r=t!=null?We(Xe(t)):{},et(e||!t||!t.__esModule?U(r,"default",{value:t,enumerable:!0}):r,t));var E=(t,e,r)=>Ye(t,typeof e!="symbol"?e+"":e,r),rt=(t,e,r)=>e.has(t)||oe("Cannot "+r);var H=(t,e,r)=>(rt(t,e,"read from private field"),r?r.call(t):e.get(t)),ne=(t,e,r)=>e.has(t)?oe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r);var ie=se(S=>{"use strict";Object.defineProperty(S,"__esModule",{value:!0});S.errorMessages=S.ErrorType=void 0;var C;(function(t){t.MalformedUnicode="MALFORMED_UNICODE",t.MalformedHexadecimal="MALFORMED_HEXADECIMAL",t.CodePointLimit="CODE_POINT_LIMIT",t.OctalDeprecation="OCTAL_DEPRECATION",t.EndOfString="END_OF_STRING"})(C=S.ErrorType||(S.ErrorType={}));S.errorMessages=new Map([[C.MalformedUnicode,"malformed Unicode character escape sequence"],[C.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[C.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[C.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[C.EndOfString,"malformed escape sequence at end of string"]])});var ce=se(v=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0});v.unraw=v.errorMessages=v.ErrorType=void 0;var g=ie();Object.defineProperty(v,"ErrorType",{enumerable:!0,get:function(){return g.ErrorType}});Object.defineProperty(v,"errorMessages",{enumerable:!0,get:function(){return g.errorMessages}});function ot(t){return!t.match(/[^a-f0-9]/i)?parseInt(t,16):NaN}function P(t,e,r){let o=ot(t);if(Number.isNaN(o)||r!==void 0&&r!==t.length)throw new SyntaxError(g.errorMessages.get(e));return o}function st(t){let e=P(t,g.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ae(t,e){let r=P(t,g.ErrorType.MalformedUnicode,4);if(e!==void 0){let o=P(e,g.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function nt(t){return t.charAt(0)==="{"&&t.charAt(t.length-1)==="}"}function it(t){if(!nt(t))throw new SyntaxError(g.errorMessages.get(g.ErrorType.MalformedUnicode));let e=t.slice(1,-1),r=P(e,g.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(g.errorMessages.get(g.ErrorType.CodePointLimit)):o}}function at(t,e=!1){if(e)throw new SyntaxError(g.errorMessages.get(g.ErrorType.OctalDeprecation));let r=parseInt(t,8);return String.fromCharCode(r)}var lt=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function ct(t){return lt.get(t)||t}var dt=/\\(?:(\\)|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 le(t,e=!1){return t.replace(dt,function(r,o,s,l,c,u,b,h,k){if(o!==void 0)return"\\";if(s!==void 0)return st(s);if(l!==void 0)return it(l);if(c!==void 0)return ae(c,u);if(b!==void 0)return ae(b);if(h==="0")return"\0";if(h!==void 0)return at(h,!e);if(k!==void 0)return ct(k);throw new SyntaxError(g.errorMessages.get(g.ErrorType.EndOfString))})}v.unraw=le;v.default=le});import{css as Sr,html as D}from"lit";var I=function(){for(var t=[],e=arguments.length;e--;)t[e]=arguments[e];return t.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?I.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(s){return o[s]?s:""}):"")},[]).join(" ")};var pe=tt(ce(),1);var w=t=>typeof t=="string",ut=t=>typeof t=="function",de=new Map,be="en";function W(t){return[...Array.isArray(t)?t:[t],be]}function K(t,e,r){let o=W(t);r||(r="default");let s;if(typeof r=="string")switch(s={day:"numeric",month:"short",year:"numeric"},r){case"full":s.weekday="long";case"long":s.month="long";break;case"short":s.month="numeric";break}else s=r;return A(()=>j("date",o,r),()=>new Intl.DateTimeFormat(o,s)).format(w(e)?new Date(e):e)}function pt(t,e,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 K(t,e,o)}function J(t,e,r){let o=W(t);return A(()=>j("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function ue(t,e,r,{offset:o=0,...s}){var u,b;let l=W(t),c=e?A(()=>j("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):A(()=>j("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(b=(u=s[r])!=null?u:s[c.select(r-o)])!=null?b:s.other}function A(t,e){let r=t(),o=de.get(r);return o||(o=e(),de.set(r,o)),o}function j(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var me=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ge="%__lingui_octothorpe__%",bt=(t,e,r={})=>{let o=e||t,s=c=>typeof c=="object"?c:r[c],l=(c,u)=>{let b=Object.keys(r).length?s("number"):void 0,h=J(o,c,b);return u.replace(new RegExp(ge,"g"),h)};return{plural:(c,u)=>{let{offset:b=0}=u,h=ue(o,!1,c,u);return l(c-b,h)},selectordinal:(c,u)=>{let{offset:b=0}=u,h=ue(o,!0,c,u);return l(c-b,h)},select:mt,number:(c,u)=>J(o,c,s(u)||{style:u}),date:(c,u)=>K(o,c,s(u)||u),time:(c,u)=>pt(o,c,s(u)||u)}},mt=(t,e)=>{var r;return(r=e[t])!=null?r:e.other};function gt(t,e,r){return(o={},s)=>{let l=bt(e,r,s),c=(b,h=!1)=>Array.isArray(b)?b.reduce((k,T)=>{if(T==="#"&&h)return k+ge;if(w(T))return k+T;let[te,_,re]=T,F={};_==="plural"||_==="selectordinal"||_==="select"?Object.entries(re).forEach(([q,Ve])=>{F[q]=c(Ve,_==="plural"||_==="selectordinal")}):F=re;let B;if(_){let q=l[_];B=q(o[te],F)}else B=o[te];return B==null?k:k+B},""):b,u=c(t);return w(u)&&me.test(u)?(0,pe.unraw)(u):w(u)?u:u?String(u):""}}var ft=Object.defineProperty,ht=(t,e,r)=>e in t?ft(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,vt=(t,e,r)=>(ht(t,typeof e!="symbol"?e+"":e,r),r),z=class{constructor(){vt(this,"_events",{})}on(e,r){var s;var o;return(s=(o=this._events)[e])!=null||(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let s=o.indexOf(r);~s&&o.splice(s,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(s=>s.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},wt=Object.defineProperty,xt=(t,e,r)=>e in t?wt(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,L=(t,e,r)=>(xt(t,typeof e!="symbol"?e+"":e,r),r),V=class extends z{constructor(e){var r;super(),L(this,"_locale",""),L(this,"_locales"),L(this,"_localeData",{}),L(this,"_messages",{}),L(this,"_missing"),L(this,"_messageCompiler"),L(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:be,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,s])=>this._load(o,s)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,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 s=o==null?void 0:o.message;e||(e=""),w(e)||(r=e.values||r,s=e.message,e=e.id);let l=this.messages[e],c=l===void 0,u=this._missing;if(u&&c)return ut(u)?u(this._locale,e):u;c&&this.emit("missing",{id:e,locale:this._locale});let b=l||s||e;return w(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
+var Xe=Object.create;var $=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var Ze=Object.getPrototypeOf,He=Object.prototype.hasOwnProperty;var ee=r=>{throw TypeError(r)};var re=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var Ue=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Re(e))!He.call(r,a)&&a!==o&&$(r,a,{get:()=>e[a],enumerable:!(t=Q(e,a))||t.enumerable});return r};var qe=(r,e,o)=>(o=r!=null?Xe(Ze(r)):{},Ue(e||!r||!r.__esModule?$(o,"default",{value:r,enumerable:!0}):o,r));var m=(r,e,o,t)=>{for(var a=t>1?void 0:t?Q(e,o):e,n=r.length-1,i;n>=0;n--)(i=r[n])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&$(e,o,a),a};var Ve=(r,e,o)=>e.has(r)||ee("Cannot "+o);var P=(r,e,o)=>(Ve(r,e,"read from private field"),o?o.call(r):e.get(r)),oe=(r,e,o)=>e.has(r)?ee("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(r):e.set(r,o);var te=re(w=>{"use strict";Object.defineProperty(w,"__esModule",{value:!0});w.errorMessages=w.ErrorType=void 0;var k;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(k=w.ErrorType||(w.ErrorType={}));w.errorMessages=new Map([[k.MalformedUnicode,"malformed Unicode character escape sequence"],[k.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[k.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[k.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[k.EndOfString,"malformed escape sequence at end of string"]])});var ie=re(b=>{"use strict";Object.defineProperty(b,"__esModule",{value:!0});b.unraw=b.errorMessages=b.ErrorType=void 0;var d=te();Object.defineProperty(b,"ErrorType",{enumerable:!0,get:function(){return d.ErrorType}});Object.defineProperty(b,"errorMessages",{enumerable:!0,get:function(){return d.errorMessages}});function Qe(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function O(r,e,o){let t=Qe(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(d.errorMessages.get(e));return t}function er(r){let e=O(r,d.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function ae(r,e){let o=O(r,d.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=O(e,d.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function rr(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function or(r){if(!rr(r))throw new SyntaxError(d.errorMessages.get(d.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=O(e,d.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(d.errorMessages.get(d.ErrorType.CodePointLimit)):t}}function tr(r,e=!1){if(e)throw new SyntaxError(d.errorMessages.get(d.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var ar=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function nr(r){return ar.get(r)||r}var ir=/\\(?:(\\)|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 ne(r,e=!1){return r.replace(ir,function(o,t,a,n,i,s,l,u,h){if(t!==void 0)return"\\";if(a!==void 0)return er(a);if(n!==void 0)return or(n);if(i!==void 0)return ae(i,s);if(l!==void 0)return ae(l);if(u==="0")return"\0";if(u!==void 0)return tr(u,!e);if(h!==void 0)return nr(h);throw new SyntaxError(d.errorMessages.get(d.ErrorType.EndOfString))})}b.unraw=ne;b.default=ne});var M=typeof window!="undefined";function Y(){return customElements.get("w-toast-container")}function Ke(r,e){if(!M)return;let o=Y().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:r,duration:5e3,type:"success",...e};return o.set(t),t}function We(r){return M?Y().init().del(r):void 0}function Ge(r,e){if(!M)return;let o=Y().init();return o.set({...o.get(r),...e}),o.get(r)}var L=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?L.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var le=qe(ie(),1);var v=r=>typeof r=="string",sr=r=>typeof r=="function",se=new Map,de="en";function X(r){return[...Array.isArray(r)?r:[r],de]}function R(r,e,o){let t=X(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return S(()=>N("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(v(e)?new Date(e):e)}function cr(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return R(r,e,t)}function F(r,e,o){let t=X(r);return S(()=>N("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function ce(r,e,o,{offset:t=0,...a}){var s,l;let n=X(r),i=e?S(()=>N("plural-ordinal",n),()=>new Intl.PluralRules(n,{type:"ordinal"})):S(()=>N("plural-cardinal",n),()=>new Intl.PluralRules(n,{type:"cardinal"}));return(l=(s=a[o])!=null?s:a[i.select(o-t)])!=null?l:a.other}function S(r,e){let o=r(),t=se.get(o);return t||(t=e(),se.set(o,t)),t}function N(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var ue=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,pe="%__lingui_octothorpe__%",lr=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],n=(i,s)=>{let l=Object.keys(o).length?a("number"):void 0,u=F(t,i,l);return s.replace(new RegExp(pe,"g"),u)};return{plural:(i,s)=>{let{offset:l=0}=s,u=ce(t,!1,i,s);return n(i-l,u)},selectordinal:(i,s)=>{let{offset:l=0}=s,u=ce(t,!0,i,s);return n(i-l,u)},select:dr,number:(i,s)=>F(t,i,a(s)||{style:s}),date:(i,s)=>R(t,i,a(s)||s),time:(i,s)=>cr(t,i,a(s)||s)}},dr=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function ur(r,e,o){return(t={},a)=>{let n=lr(e,o,a),i=(l,u=!1)=>Array.isArray(l)?l.reduce((h,E)=>{if(E==="#"&&u)return h+pe;if(v(E))return h+E;let[W,f,G]=E,A={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(G).forEach(([D,Je])=>{A[D]=i(Je,f==="plural"||f==="selectordinal")}):A=G;let C;if(f){let D=n[f];C=D(t[W],A)}else C=t[W];return C==null?h:h+C},""):l,s=i(r);return v(s)&&ue.test(s)?(0,le.unraw)(s):v(s)?s:s?String(s):""}}var pr=Object.defineProperty,gr=(r,e,o)=>e in r?pr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,br=(r,e,o)=>(gr(r,typeof e!="symbol"?e+"":e,o),o),B=class{constructor(){br(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},mr=Object.defineProperty,vr=(r,e,o)=>e in r?mr(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,x=(r,e,o)=>(vr(r,typeof e!="symbol"?e+"":e,o),o),J=class extends B{constructor(e){var o;super(),x(this,"_locale",""),x(this,"_locales"),x(this,"_localeData",{}),x(this,"_messages",{}),x(this,"_missing"),x(this,"_messageCompiler"),x(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((o=e.locale)!=null?o:de,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){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 a=t==null?void 0:t.message;e||(e=""),v(e)||(o=e.values||o,a=e.message,e=e.id);let n=this.messages[e],i=n===void 0,s=this._missing;if(s&&i)return sr(s)?s(this._locale,e):s;i&&this.emit("missing",{id:e,locale:this._locale});let l=n||a||e;return v(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
 
-> ${b}
+> ${l}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),w(b)&&me.test(b)?JSON.parse(`"${b}"`):w(b)?b:gt(b,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(e,r){return K(this._locales||this._locale,e,r)}number(e,r){return J(this._locales||this._locale,e,r)}};function yt(t={}){return new V(t)}var p=yt();var Q={wrapper:"fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",base:"grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",content:"w-full"},f={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"};var y="font-bold focusable justify-center transition-colors ease-in-out",m={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"},d={primary:`border-0 rounded-8 ${y}`,secondary:`border-2 rounded-8 ${y}`,utility:`border rounded-4 ${y}`,negative:`border-0 rounded-8 ${y}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${y}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${m.link}`},a={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"},i={medium:"text-m leading-[24]",xsmall:"text-xs"},n={inProgress:`border-transparent animate-inprogress pointer-events-none ${m.loading}`,quiet:`border-0 rounded-8 ${y}`,utilityQuiet:`border-0 rounded-4 ${y}`,negativeQuiet:`border-0 rounded-8 ${y}`,isDisabled:`font-bold justify-center transition-colors ease-in-out cursor-default pointer-events-none ${m.disabled}`},Ar={secondary:`${a.medium} ${i.medium} ${d.secondary} ${m.secondary}`,secondaryHref:`${a.medium} ${i.medium} ${d.secondary} ${m.secondary}`,secondaryDisabled:`${a.medium} ${i.medium} ${d.secondary} ${n.isDisabled}`,secondarySmall:`${i.xsmall} ${a.xsmall} ${d.secondary} ${m.secondary}`,secondarySmallDisabled:`${i.xsmall} ${a.xsmall} ${d.secondary} ${n.isDisabled}`,secondaryQuiet:`${a.medium} ${i.medium} ${n.quiet} ${m.quiet}`,secondaryQuietDisabled:`${a.medium} ${i.medium} ${n.quiet} ${n.isDisabled}`,secondarySmallQuiet:`${i.xsmall} ${a.xsmall} ${n.quiet} ${m.quiet}`,secondarySmallQuietDisabled:`${i.xsmall} ${a.xsmall} ${n.quiet} ${n.isDisabled}`,secondaryLoading:`${a.medium} ${i.medium} ${d.secondary} ${n.inProgress}`,secondarySmallLoading:`${i.xsmall} ${a.xsmall}  ${d.secondary} ${n.inProgress}`,secondarySmallQuietLoading:`${i.xsmall} ${a.xsmall} ${n.quiet} ${n.inProgress}`,secondaryQuietLoading:`${a.medium} ${i.medium} ${n.quiet} ${n.inProgress}`,primary:`${a.large} ${i.medium} ${d.primary} ${m.primary}`,primaryDisabled:`${a.large} ${i.medium} ${n.isDisabled} ${d.primary}`,primarySmall:`${a.small} ${i.xsmall} ${d.primary} ${m.primary}`,primarySmallDisabled:`${a.small} ${i.xsmall} ${n.isDisabled} ${d.primary} `,primaryQuiet:`${a.large} ${i.medium} ${n.quiet} ${m.quiet}`,primaryQuietDisabled:`${a.large} ${i.medium} ${n.quiet} ${n.isDisabled}`,primarySmallQuiet:`${a.small} ${i.xsmall} ${n.quiet} ${m.quiet}`,primarySmallQuietDisabled:`${a.small} ${i.xsmall} ${n.quiet} ${n.isDisabled}`,primaryLoading:`${a.large} ${i.medium} ${n.inProgress} ${d.primary}`,primarySmallLoading:`${a.small} ${i.xsmall}  ${n.inProgress} ${d.primary}`,primarySmallQuietLoading:`${a.small} ${i.xsmall} ${n.quiet} ${n.inProgress} ${d.primary}`,primaryQuietLoading:`${a.large} ${i.medium} ${n.quiet} ${n.inProgress}`,utility:`${a.utility} ${i.medium} ${d.utility} ${m.utility}`,utilityDisabled:`${a.utility} ${i.medium} ${d.utility} ${n.isDisabled}`,utilityQuiet:`${a.large} ${i.medium} ${n.utilityQuiet} ${m.utilityQuiet}`,utilityQuietDisabled:`${a.large} ${i.medium} ${n.utilityQuiet} ${n.isDisabled}`,utilitySmall:`${a.smallUtility} ${i.xsmall} ${d.utility} ${m.utility}`,utilitySmallDisabled:`${a.smallUtility} ${i.xsmall} ${d.utility} ${n.isDisabled}`,utilitySmallQuiet:`${a.smallUtility} ${i.xsmall} ${n.utilityQuiet} ${m.utilityQuiet}`,utilitySmallQuietDisabled:`${a.smallUtility} ${i.xsmall} ${n.utilityQuiet} ${n.isDisabled}`,utilityLoading:`${a.large} ${i.medium} ${d.utility} ${n.inProgress}`,utilitySmallLoading:`${a.smallUtility} ${i.xsmall} ${d.utility} ${n.inProgress}`,utilityQuietLoading:`${a.large} ${i.medium} ${n.inProgress} ${n.utilityQuiet}`,utilitySmallQuietLoading:`${a.smallUtility} ${i.xsmall} ${n.inProgress} ${n.utilityQuiet}`,negative:`${a.large} ${i.medium} ${d.negative} ${m.destructive}`,negativeDisabled:`${a.large} ${i.medium} ${d.negative} ${n.isDisabled}`,negativeQuiet:`${a.large} ${i.medium} ${n.negativeQuiet} ${m.negativeQuiet}`,negativeQuietDisabled:`${a.large} ${i.medium} ${n.negativeQuiet}${n.isDisabled}`,negativeSmall:`${a.small} ${i.xsmall} ${d.negative} ${m.destructive}`,negativeSmallDisabled:`${a.small} ${i.xsmall} ${d.negative} ${n.isDisabled}`,negativeSmallQuiet:`${a.small} ${i.xsmall} ${n.negativeQuiet} ${m.negativeQuiet}`,negativeSmallQuietDisabled:`${a.small} ${i.xsmall} ${n.negativeQuiet} ${n.isDisabled}`,negativeLoading:`${a.large} ${i.medium} ${d.negative} ${n.inProgress}`,negativeSmallLoading:`${a.small} ${i.xsmall} ${n.inProgress} ${d.negative}`,negativeQuietLoading:`${a.large} ${i.medium} ${n.negativeQuiet} ${d.negative} ${n.inProgress}`,negativeSmallQuietLoading:`${a.small} ${i.xsmall} ${n.negativeQuiet} ${n.inProgress}`,pill:`${a.pill} ${i.medium} ${d.pill} ${m.pill}`,pillSmall:`${a.pillSmall} ${i.xsmall} ${d.pill} ${m.pill}`,pillLoading:`${a.pill} ${i.medium} ${d.pill} ${n.inProgress}`,pillSmallLoading:`${a.pillSmall} ${i.xsmall} ${d.pill} ${n.inProgress}`,link:`${a.link} ${i.medium} ${d.link}`,linkSmall:`${a.link} ${i.xsmall} ${d.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 jr={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:`${i.medium} ${d.pill} ${m.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 fe="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",Qr={wrapper:fe+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},Rr={wrapper:fe+"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 x={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]"},Fr={wrapper:`${x.wrapper} h-20 w-20 pointer-events-none`,input:`${x.input} hidden`,inputVue:"hidden",labelVue:"-mt-2",labelRadio:`${x.label} ${x.labelBefore} ${x.radio}`,labelCheckbox:`${x.label} ${x.labelBefore} ${x.checkbox}`};var qr={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:`${i.medium} ${d.pill} ${m.pill} justify-self-end -mr-8 ml-8`};import qe from"@warp-ds/elements-core";var G=typeof window!="undefined",he=!0;if(G){let t=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>he=!r;t.addEventListener&&t.addEventListener("change",e),e(t)}var ve=t=>{t.style.transition=null,t.style.backfaceVisibility=null,t.style.overflow=null},we=t=>{let e=he?"var(--f-expansion-duration, 0.3s)":"0.01s";t.style.transition=`height ${e}`,t.style.backfaceVisibility="hidden",t.style.overflow="hidden"},$t=(t,e)=>()=>{t.style.height="auto",t.style.overflow=null,e&&e()},kt=t=>()=>{t&&t()},xe=(t,e)=>{let r=(()=>{if(!e)return new Promise(l=>{e=l})})(),o=$t(t,e);ve(t),t.style.height="auto";let s=t.scrollHeight;if(G&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height="0px",t.style.transitionTimingFunction="ease-out",we(t),requestAnimationFrame(()=>t.style.height=s+"px")}),r)return r},ye=(t,e)=>{let r=(()=>{if(!e)return new Promise(l=>{e=l})})(),o=kt(e);ve(t);let s=t.scrollHeight;if(G&&requestAnimationFrame(()=>{t.addEventListener("transitionend",o,{once:!0}),t.style.height=s+"px",t.style.transitionTimingFunction="ease-in",we(t),requestAnimationFrame(()=>t.style.height="0px")}),r)return r};import{when as Lr}from"lit/directives/when.js";import{LitElement as _t}from"lit";import{unsafeStatic as St,html as Lt}from"lit/static-html.js";var Et=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),Ct=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),Dt=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Mt=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),Ot=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),$e=["en","nb","fi","da","sv"],ke="en",Nt=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},_e=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ke},X=t=>$e.find(e=>t===e||t.toLowerCase().includes(e))||_e();function Tt(){var t;if(typeof window=="undefined"){let e=Nt();return X(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=_e();return $e.includes(e)?X(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),X(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ke}}var Bt=(t,e,r,o,s,l)=>t==="nb"?r:t==="fi"?o:t==="da"?s:t==="sv"?l:e,It=(t,e,r,o,s)=>{let l=Tt(),c=Bt(l,t,e,r,o,s);p.load(l,c),p.activate(l)};It(Ct,Et,Dt,Mt,Ot);var Pt=class extends _t{render(){let t=p.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return Lt`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${St(`<title>${t}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`}};customElements.get("w-icon-warning-16")||customElements.define("w-icon-warning-16",Pt);import{LitElement as At}from"lit";import{unsafeStatic as jt,html as Qt}from"lit/static-html.js";var Rt=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),Ft=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),qt=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Ut=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Ht=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),Se=["en","nb","fi","da","sv"],Le="en",Jt=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ee=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Le},Z=t=>Se.find(e=>t===e||t.toLowerCase().includes(e))||Ee();function zt(){var t;if(typeof window=="undefined"){let e=Jt();return Z(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Ee();return Se.includes(e)?Z(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Z(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Le}}var Vt=(t,e,r,o,s,l)=>t==="nb"?r:t==="fi"?o:t==="da"?s:t==="sv"?l:e,Wt=(t,e,r,o,s)=>{let l=zt(),c=Vt(l,t,e,r,o,s);p.load(l,c),p.activate(l)};Wt(Ft,Rt,qt,Ut,Ht);var Kt=class extends At{render(){let t=p.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return Qt`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${jt(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`}};customElements.get("w-icon-error-16")||customElements.define("w-icon-error-16",Kt);import{LitElement as Gt}from"lit";import{unsafeStatic as Xt,html as Zt}from"lit/static-html.js";var Yt=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),er=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),tr=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),rr=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),or=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),Ce=["en","nb","fi","da","sv"],De="en",sr=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Me=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":De},Y=t=>Ce.find(e=>t===e||t.toLowerCase().includes(e))||Me();function nr(){var t;if(typeof window=="undefined"){let e=sr();return Y(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Me();return Ce.includes(e)?Y(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Y(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),De}}var ir=(t,e,r,o,s,l)=>t==="nb"?r:t==="fi"?o:t==="da"?s:t==="sv"?l:e,ar=(t,e,r,o,s)=>{let l=nr(),c=ir(l,t,e,r,o,s);p.load(l,c),p.activate(l)};ar(er,Yt,tr,rr,or);var lr=class extends Gt{render(){let t=p.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return Zt`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${Xt(`<title>${t}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",lr);import{LitElement as cr}from"lit";import{unsafeStatic as dr,html as ur}from"lit/static-html.js";var pr=JSON.parse('{"icon.title.close":["Kryss"]}'),br=JSON.parse('{"icon.title.close":["Cross"]}'),mr=JSON.parse('{"icon.title.close":["Rasti"]}'),gr=JSON.parse('{"icon.title.close":["Kryds"]}'),fr=JSON.parse('{"icon.title.close":["Kryss"]}'),Oe=["en","nb","fi","da","sv"],Ne="en",hr=()=>{var t;let e;switch((t=process==null?void 0:process.env)==null?void 0:t.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Te=()=>{var t;let e=(t=document==null?void 0:document.location)==null?void 0:t.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ne},ee=t=>Oe.find(e=>t===e||t.toLowerCase().includes(e))||Te();function vr(){var t;if(typeof window=="undefined"){let e=hr();return ee(e)}try{let e=(t=document==null?void 0:document.documentElement)==null?void 0:t.lang,r=Te();return Oe.includes(e)?ee(e!=null?e:r):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ee(r))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ne}}var wr=(t,e,r,o,s,l)=>t==="nb"?r:t==="fi"?o:t==="da"?s:t==="sv"?l:e,xr=(t,e,r,o,s)=>{let l=vr(),c=wr(l,t,e,r,o,s);p.load(l,c),p.activate(l)};xr(br,pr,mr,gr,fr);var yr=class extends cr{render(){let t=p.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return ur`<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">${dr(`<title>${t}</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",yr);var $r=["en","nb","fi","da","sv"],Ie="en",Be=t=>$r.find(e=>t===e||t.toLowerCase().includes(e))||Ie;function kr(){if(typeof window=="undefined"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Be(t)}try{let t=document.documentElement.lang;return Be(t)}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Ie}}var _r=(t,e,r,o,s,l)=>t==="nb"?r:t==="fi"?o:t==="da"?s:t==="sv"?l:e,Pe=(t,e,r,o,s)=>{let l=kr(),c=_r(l,t,e,r,o,s);p.load(l,c),p.activate(l)};var Ae=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var je=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var Qe=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var Re=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Fe=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');var $={success:"success",error:"error",warning:"warning"},O,Ue,He,M=class extends qe{constructor(){super();ne(this,O);Pe(je,Re,Qe,Ae,Fe),this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5),this.type="success",this.text="",this.canclose=!1}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&xe(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var r,o;return(o=(r=this.renderRoot)==null?void 0:r.querySelector("section"))!=null?o:null}get _warning(){return this.type===$.warning}get _error(){return this.type===$.error}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?p._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?p._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):p._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){return this._warning?D`<w-icon-warning-16></w-icon-warning-16>`:this._error?D`<w-icon-error-16></w-icon-error-16>`:D`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(r=>{this._expanded&&this._wrapper?ye(this._wrapper,r):r()})}close(){let r=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}render(){return this.text?D` <section class="${f.wrapper}" aria-label="${this._typeLabel}">
-      <div class="${H(this,O,Ue)}">
-        <div class="${H(this,O,He)}">${this._iconMarkup}</div>
-        <div role="${this._role}" class="${f.content}">
+`)),v(l)&&ue.test(l)?JSON.parse(`"${l}"`):v(l)?l:ur(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return R(this._locales||this._locale,e,o)}number(e,o){return F(this._locales||this._locale,e,o)}};function hr(r={}){return new J(r)}var c=hr();var Z=typeof window!="undefined",ge=!0;if(Z){let r=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:o})=>ge=!o;r.addEventListener&&r.addEventListener("change",e),e(r)}var be=r=>{r.style.transition=null,r.style.backfaceVisibility=null,r.style.overflow=null},me=r=>{let e=ge?"var(--f-expansion-duration, 0.3s)":"0.01s";r.style.transition=`height ${e}`,r.style.backfaceVisibility="hidden",r.style.overflow="hidden"},fr=(r,e)=>()=>{r.style.height="auto",r.style.overflow=null,e&&e()},wr=r=>()=>{r&&r()},ve=(r,e)=>{let o=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=fr(r,e);be(r),r.style.height="auto";let a=r.scrollHeight;if(Z&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height="0px",r.style.transitionTimingFunction="ease-out",me(r),requestAnimationFrame(()=>r.style.height=a+"px")}),o)return o},he=(r,e)=>{let o=(()=>{if(!e)return new Promise(n=>{e=n})})(),t=wr(e);be(r);let a=r.scrollHeight;if(Z&&requestAnimationFrame(()=>{r.addEventListener("transitionend",t,{once:!0}),r.style.height=a+"px",r.style.transitionTimingFunction="ease-in",me(r),requestAnimationFrame(()=>r.style.height="0px")}),o)return o};import{css as _o,html as y,LitElement as zo}from"lit";import{property as I,state as Eo}from"lit/decorators.js";import{when as Co}from"lit/directives/when.js";import{LitElement as xr}from"lit";import{unsafeStatic as kr,html as yr}from"lit/static-html.js";var _r=JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}'),zr=JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}'),Er=JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Cr=JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}'),Mr=JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}'),fe=["en","nb","fi","da","sv"],we="en",Lr=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},xe=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":we},H=r=>fe.find(e=>r===e||r.toLowerCase().includes(e))||xe();function Or(){var r;if(typeof window=="undefined"){let e=Lr();return H(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=xe();return fe.includes(e)?H(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),H(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),we}}var Sr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Nr=(r,e,o,t,a)=>{let n=Or(),i=Sr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};Nr(zr,_r,Er,Cr,Mr);var Tr=class extends xr{render(){let r=c.t({message:"Warning triangle with exclamation point",id:"icon.title.warning",comment:"Title for warning icon"});return yr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-warning-16-part">${kr(`<title>${r}</title>`)}<path stroke="currentColor" d="m.712 14.07 6.25-12.994a1 1 0 0 1 1.792-.022l6.635 12.995a1 1 0 0 1-.89 1.455H1.613a1 1 0 0 1-.902-1.434Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 6v4.992M8 13v.333"></path></svg>`}};customElements.get("w-icon-warning-16")||customElements.define("w-icon-warning-16",Tr);import{LitElement as jr}from"lit";import{unsafeStatic as Ir,html as Ar}from"lit/static-html.js";var Dr=JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}'),$r=JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}'),Pr=JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}'),Yr=JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}'),Fr=JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}'),ke=["en","nb","fi","da","sv"],ye="en",Br=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},_e=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ye},U=r=>ke.find(e=>r===e||r.toLowerCase().includes(e))||_e();function Jr(){var r;if(typeof window=="undefined"){let e=Br();return U(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=_e();return ke.includes(e)?U(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),U(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ye}}var Xr=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Rr=(r,e,o,t,a)=>{let n=Jr(),i=Xr(n,r,e,o,t,a);c.load(n,i),c.activate(n)};Rr($r,Dr,Pr,Yr,Fr);var Zr=class extends jr{render(){let r=c.t({message:"Octagon with exclamation point",id:"icon.title.error",comment:"Title for error icon"});return Ar`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-error-16-part">${Ir(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 11.107 4.748 15.5h6.503l4.248-4.393V4.893L11.252.5H4.748L.5 4.893z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8 11.398a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8 8.5V3"></path></svg>`}};customElements.get("w-icon-error-16")||customElements.define("w-icon-error-16",Zr);import{LitElement as Hr}from"lit";import{unsafeStatic as Ur,html as qr}from"lit/static-html.js";var Vr=JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}'),Kr=JSON.parse('{"icon.title.success":["Circle with checkmark"]}'),Wr=JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}'),Gr=JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}'),Qr=JSON.parse('{"icon.title.success":["Cirkel med bock"]}'),ze=["en","nb","fi","da","sv"],Ee="en",eo=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Ce=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Ee},q=r=>ze.find(e=>r===e||r.toLowerCase().includes(e))||Ce();function ro(){var r;if(typeof window=="undefined"){let e=eo();return q(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=Ce();return ze.includes(e)?q(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),q(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Ee}}var oo=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,to=(r,e,o,t,a)=>{let n=ro(),i=oo(n,r,e,o,t,a);c.load(n,i),c.activate(n)};to(Kr,Vr,Wr,Gr,Qr);var ao=class extends Hr{render(){let r=c.t({message:"Circle with checkmark",id:"icon.title.success",comment:"Title for success icon"});return qr`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-success-16-part">${Ur(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m4 8.815 1.633 2.318a.7.7 0 0 0 1.138.034l5.228-6.615"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.5 7.999a7.5 7.5 0 1 0 15 0 7.5 7.5 0 0 0-15 0"></path></svg>`}};customElements.get("w-icon-success-16")||customElements.define("w-icon-success-16",ao);import{LitElement as no}from"lit";import{unsafeStatic as io,html as so}from"lit/static-html.js";var co=JSON.parse('{"icon.title.close":["Kryss"]}'),lo=JSON.parse('{"icon.title.close":["Cross"]}'),uo=JSON.parse('{"icon.title.close":["Rasti"]}'),po=JSON.parse('{"icon.title.close":["Kryds"]}'),go=JSON.parse('{"icon.title.close":["Kryss"]}'),Me=["en","nb","fi","da","sv"],Le="en",bo=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},Oe=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":Le},V=r=>Me.find(e=>r===e||r.toLowerCase().includes(e))||Oe();function mo(){var r;if(typeof window=="undefined"){let e=bo();return V(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=Oe();return Me.includes(e)?V(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),V(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),Le}}var vo=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,ho=(r,e,o,t,a)=>{let n=mo(),i=vo(n,r,e,o,t,a);c.load(n,i),c.activate(n)};ho(lo,co,uo,po,go);var fo=class extends no{render(){let r=c.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return so`<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">${io(`<title>${r}</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",fo);var wo=["en","nb","fi","da","sv"],Ne="en",Se=r=>wo.find(e=>r===e||r.toLowerCase().includes(e))||Ne;function xo(){if(typeof window=="undefined"){let r=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Se(r)}try{let r=document.documentElement.lang;return Se(r)}catch(r){return console.warn("could not detect locale, falling back to source locale",r),Ne}}var ko=(r,e,o,t,a,n)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?n:e,Te=(r,e,o,t,a)=>{let n=xo(),i=ko(n,r,e,o,t,a);c.load(n,i),c.activate(n)};import{css as je}from"lit";var T=je`
+  *,
+  :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;
+  }
+`,bt=je`*, :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
+                }
+            }
+        `;var Ie=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var Ae=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var De=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var $e=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var Pe=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{css as yo}from"lit";var j=yo`*,: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}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.grid{display:grid}.shrink-0{flex-shrink:0}.auto-rows-auto{grid-auto-rows:auto}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.bottom-16{bottom:1.6rem}.left-0{left:0}.right-0{right:0}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.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-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.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)}.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-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.mx-8{margin-left:.8rem;margin-right:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:mx-16{margin-left:1.6rem;margin-right:1.6rem}}`;var p={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"},_,Ye,Fe,g=class extends zo{constructor(){super();oe(this,_);this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;Te(Ae,$e,De,Ie,Pe)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&ve(this._wrapper,()=>this._expanded=!0)}get _wrapper(){var o,t;return(t=(o=this.renderRoot)==null?void 0:o.querySelector("section"))!=null?t:null}get _warning(){return this.type==="warning"}get _error(){return this.type==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?c._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?c._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):c._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){return this._warning?y`<w-icon-warning-16></w-icon-warning-16>`:this._error?y`<w-icon-error-16></w-icon-error-16>`:y`<w-icon-success-16></w-icon-success-16>`}async collapse(){return new Promise(o=>{this._expanded&&this._wrapper?he(this._wrapper,o):o()})}close(){let o=new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(o))}render(){return this.text?y` <section class="${p.wrapper}" aria-label="${this._typeLabel}">
+      <div class="${P(this,_,Ye)}">
+        <div class="${P(this,_,Fe)}">${this._iconMarkup}</div>
+        <div role="${this._role}" class="${p.content}">
           <p>${this.text}</p>
         </div>
-        ${Lr(this.canclose===!0,()=>D`
-            <button class="${f.close}" @click="${this.close}">
-              <w-icon-close-16></w-icon-close-16>
-            </button>
+        ${Co(this.canclose===!0,()=>y`
+            <w-button variant="pill" small="" @click="${this.close}">
+              <w-icon-close-16 style="display: flex"></w-icon-close-16>
+            </w-button>
           `)}
       </div>
-    </section>`:D``}};O=new WeakSet,Ue=function(){return I([f.base,this.type===$.success&&f.positive,this.type===$.warning&&f.warning,this.type===$.error&&f.negative])},He=function(){return I([f.iconBase,this.type===$.success&&f.iconPositive,this.type===$.warning&&f.iconWarning,this.type===$.error&&f.iconNegative])},E(M,"styles",[qe.styles,Sr`
+    </section>`:y``}};_=new WeakSet,Ye=function(){return L([p.base,this.type==="success"&&p.positive,this.type==="warning"&&p.warning,this.type==="error"&&p.negative])},Fe=function(){return L([p.iconBase,this.type==="success"&&p.iconPositive,this.type==="warning"&&p.iconWarning,this.type==="error"&&p.iconNegative])},g.styles=[T,j,_o`
       :host {
         display: block;
       }
-    `]),E(M,"properties",{id:{type:String,attribute:!0,reflect:!0},type:{type:String,attribute:!0,reflect:!0},text:{type:String,attribute:!0,reflect:!0},canclose:{type:Boolean,attribute:!0,reflect:!0}});customElements.get("w-toast")||customElements.define("w-toast",M);import{css as Er,html as Je}from"lit";import ze from"@warp-ds/elements-core";import{repeat as Cr}from"lit/directives/repeat.js";var N=class extends ze{constructor(){super(),this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let e=[],r=[];for(let s of this._toasts)Date.now()<=s[1].duration?e.push(s):r.push(s);let o=[];for(let[s]of r){let l=this.renderRoot.querySelector(`#${s}`);o.push(l.collapse())}Promise.all(o).then(()=>{e.length!==this._toasts.size&&(this._toasts=new Map(e))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let e=document.querySelector("w-toast-container");return e||(e=document.createElement("w-toast-container"),document.body.appendChild(e)),e}get _toastsArray(){return Array.from(this._toasts).map(([,e])=>e)}get(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(e)}set(e){if(!e.id)throw new Error('invalid or undefined "id" on toast object');let r=this._toasts.set(e.id,{...e,duration:Date.now()+(e.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),r}async del(e){if(!e)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof e!="string"&&!Number.isInteger(e))throw new Error('"id" must be number or string when attempting to retrieve toast');let r=this.renderRoot.querySelector(`#${e}`);if(!this._toasts.has(e))return!1;await r.collapse();let o=this._toasts.delete(e);return this._toasts=new Map(Array.from(this._toasts)),o}render(){return Je`
-      <aside class="${Q.wrapper}">
-        <div class="${Q.base}" id="w-toast-container-list">
-          ${Cr(this._toastsArray,e=>e.id,e=>Je` <w-toast
-                class="${Q.content}"
-                id="${e.id}"
-                type="${e.type}"
-                text="${e.text}"
-                ?canclose=${e.canclose}
-                @close=${()=>this.del(e.id)}>
+    `],m([I({type:String,attribute:!0,reflect:!0})],g.prototype,"id",2),m([I({type:String,attribute:!0,reflect:!0})],g.prototype,"type",2),m([I({type:String,attribute:!0,reflect:!0})],g.prototype,"text",2),m([I({type:Boolean,attribute:!0,reflect:!0})],g.prototype,"canclose",2),m([Eo()],g.prototype,"_expanded",2);customElements.get("w-toast")||customElements.define("w-toast",g);import{css as Mo,html as Be,LitElement as Lo}from"lit";import{state as Oo}from"lit/decorators.js";import{repeat as So}from"lit/directives/repeat.js";var K={wrapper:"fixed transform translate-z-0 bottom-16 left-0 right-0 mx-8 sm:mx-16 z-50 pointer-events-none",base:"grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none",content:"w-full"},z=class extends Lo{constructor(){super(...arguments);this._toasts=new Map}connectedCallback(){super.connectedCallback(),this._interval=setInterval(()=>{let o=[],t=[];for(let n of this._toasts)Date.now()<=n[1].duration?o.push(n):t.push(n);let a=[];for(let[n]of t){let i=this.renderRoot.querySelector(`#${n}`);a.push(i.collapse())}Promise.all(a).then(()=>{o.length!==this._toasts.size&&(this._toasts=new Map(o))})},500)}disconnectedCallback(){super.disconnectedCallback(),this._interval&&clearTimeout(this._interval)}static init(){let o=document.querySelector("w-toast-container");return o||(o=document.createElement("w-toast-container"),document.body.appendChild(o)),o}get _toastsArray(){return Array.from(this._toasts).map(([,o])=>o)}get(o){if(!o)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof o!="string"&&!Number.isInteger(o))throw new Error('"id" must be number or string when attempting to retrieve toast');return this._toasts.get(o)}set(o){var a,n,i;if(!o.id)throw new Error('invalid or undefined "id" on toast object');let t=this._toasts.set(o.id,{id:o.id,type:(a=o.type)!=null?a:"success",text:(n=o.text)!=null?n:"",canclose:(i=o.canclose)!=null?i:!1,duration:Date.now()+(o.duration||5e3)});return this._toasts=new Map(Array.from(this._toasts)),t}async del(o){if(!o)throw new Error('undefined "id" given when attempting to retrieve toast');if(typeof o!="string"&&!Number.isInteger(o))throw new Error('"id" must be number or string when attempting to retrieve toast');let t=this.renderRoot.querySelector(`#${o}`);if(!this._toasts.has(o))return!1;await t.collapse();let a=this._toasts.delete(o);return this._toasts=new Map(Array.from(this._toasts)),a}render(){return Be`
+      <aside class="${K.wrapper}">
+        <div class="${K.base}" id="w-toast-container-list">
+          ${So(this._toastsArray,o=>o.id,o=>Be` <w-toast
+                class="${K.content}"
+                id="${o.id}"
+                type="${o.type}"
+                text="${o.text}"
+                ?canclose=${o.canclose}
+                @close=${()=>this.del(o.id)}>
               </w-toast>`)}
         </div>
       </aside>
-    `}};E(N,"styles",[ze.styles,Er`
+    `}};z.styles=[T,j,Mo`
       :host {
         display: block;
       }
-    `]),E(N,"properties",{_toasts:{state:!0}});customElements.get("w-toast-container")||customElements.define("w-toast-container",N);var R=typeof window!="undefined";function Dr(t,e){if(!R)return;let r=customElements.get("w-toast-container").init(),o={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:t,duration:5e3,type:"success",...e};return r.set(o),o}function Mr(t){return R?customElements.get("w-toast-container").init().del(t):void 0}function Or(t,e){if(!R)return;let r=customElements.get("w-toast-container").init();return r.set({...r.get(t),...e}),r.get(t)}export{M as WarpToast,N as WarpToastContainer,Mr as removeToast,Dr as toast,Or as updateToast};
+    `],m([Oo()],z.prototype,"_toasts",2);customElements.get("w-toast-container")||customElements.define("w-toast-container",z);export{g as WarpToast,z as WarpToastContainer,We as removeToast,Ke as toast,Ge as updateToast};
 //# sourceMappingURL=index.js.map