@warp-ds/elements 2.11.0-next.1 → 2.12.0-next.1

package/dist/packages/tooltip/tooltip.js

@@ -0,0 +1,2528 @@
+var er=Object.defineProperty;var tr=Object.getOwnPropertyDescriptor;var qe=e=>{throw TypeError(e)};var z=(e,t,r,o)=>{for(var n=o>1?void 0:o?tr(t,r):t,a=e.length-1,i;a>=0;a--)(i=e[a])&&(n=(o?i(t,r,n):i(n))||n);return o&&n&&er(t,r,n),n};var Te=(e,t,r)=>t.has(e)||qe("Cannot "+r);var oe=(e,t,r)=>(Te(e,t,"read from private field"),r?r.call(e):t.get(e)),he=(e,t,r)=>t.has(e)?qe("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),ne=(e,t,r,o)=>(Te(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r),F=(e,t,r)=>(Te(e,t,"access private method"),r);import{html as Zt,LitElement as Wr,nothing as Ur}from"lit";var I=e=>typeof e=="string",rr=e=>typeof e=="function",Je=new Map,Qe="en";function Be(e){return[...Array.isArray(e)?e:[e],Qe]}function Ye(e,t,r){let o=Be(e);r||(r="default");let n;if(typeof r=="string")switch(n={day:"numeric",month:"short",year:"numeric"},r){case"full":n.weekday="long";case"long":n.month="long";break;case"short":n.month="numeric";break}else n=r;return ke(()=>_e("date",o,r),()=>new Intl.DateTimeFormat(o,n)).format(I(t)?new Date(t):t)}function or(e,t,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return Ye(e,t,o)}function Fe(e,t,r){let o=Be(e);return ke(()=>_e("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function Ge(e,t,r,{offset:o=0,...n}){let a=Be(e),i=t?ke(()=>_e("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):ke(()=>_e("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return n[r]??n[i.select(r-o)]??n.other}function ke(e,t){let r=e(),o=Je.get(r);return o||(o=t(),Je.set(r,o)),o}function _e(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var et=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,tt=e=>e.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(t,r,o)=>{if(r){let n=parseInt(r,16);return String.fromCharCode(n)}else{let n=parseInt(o,16);return String.fromCharCode(n)}}),rt="%__lingui_octothorpe__%",nr=(e,t,r={})=>{let o=t||e,n=i=>typeof i=="object"?i:r[i],a=(i,s)=>{let l=Object.keys(r).length?n("number"):void 0,c=Fe(o,i,l);return s.replace(new RegExp(rt,"g"),c)};return{plural:(i,s)=>{let{offset:l=0}=s,c=Ge(o,!1,i,s);return a(i-l,c)},selectordinal:(i,s)=>{let{offset:l=0}=s,c=Ge(o,!0,i,s);return a(i-l,c)},select:ir,number:(i,s)=>Fe(o,i,n(s)||{style:s}),date:(i,s)=>Ye(o,i,n(s)||s),time:(i,s)=>or(o,i,n(s)||s)}},ir=(e,t)=>t[e]??t.other;function ar(e,t,r){return(o={},n)=>{let a=nr(t,r,n),i=(l,c=!1)=>Array.isArray(l)?l.reduce((u,p)=>{if(p==="#"&&c)return u+rt;if(I(p))return u+p;let[f,d,g]=p,h={};d==="plural"||d==="selectordinal"||d==="select"?Object.entries(g).forEach(([m,v])=>{h[m]=i(v,d==="plural"||d==="selectordinal")}):h=g;let b;if(d){let m=a[d];b=m(o[f],h)}else b=o[f];return b==null?u:u+b},""):l,s=i(e);return I(s)&&et.test(s)?tt(s):I(s)?s:s?String(s):""}}var sr=Object.defineProperty,lr=(e,t,r)=>t in e?sr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,cr=(e,t,r)=>(lr(e,typeof t!="symbol"?t+"":t,r),r),Ne=class{constructor(){cr(this,"_events",{})}on(t,r){var o;return(o=this._events)[t]??(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let n=o.indexOf(r);~n&&o.splice(n,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(n=>n.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},dr=Object.defineProperty,pr=(e,t,r)=>t in e?dr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,q=(e,t,r)=>(pr(e,typeof t!="symbol"?t+"":t,r),r),$e=class extends Ne{constructor(t){super(),q(this,"_locale",""),q(this,"_locales"),q(this,"_localeData",{}),q(this,"_messages",{}),q(this,"_missing"),q(this,"_messageCompiler"),q(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate(t.locale??Qe,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,n])=>this._load(o,n)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,r,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let n=o?.message;t||(t=""),I(t)||(r=t.values||r,n=t.message,t=t.id);let a=this.messages[t],i=a===void 0,s=this._missing;if(s&&i)return rr(s)?s(this._locale,t):s;i&&this.emit("missing",{id:t,locale:this._locale});let l=a||n||t;return I(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+
+> ${l}
+
+That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
+ICU features such as interpolation and plurals will not work properly for that message. 
+
+Please compile your catalog first. 
+`)),I(l)&&et.test(l)?tt(l):I(l)?l:ar(l,this._locale,this._locales)(r,o?.formats)}date(t,r){return Ye(this._locales||this._locale,t,r)}number(t,r){return Fe(this._locales||this._locale,t,r)}};function ur(e={}){return new $e(e)}var O=ur();var V=Math.min,Y=Math.max,be=Math.round,ve=Math.floor,M=e=>({x:e,y:e}),fr={left:"right",right:"left",bottom:"top",top:"bottom"};function Le(e,t,r){return Y(e,V(t,r))}function ie(e,t){return typeof e=="function"?e(t):e}function W(e){return e.split("-")[0]}function ae(e){return e.split("-")[1]}function je(e){return e==="x"?"y":"x"}function Ae(e){return e==="y"?"height":"width"}function j(e){let t=e[0];return t==="t"||t==="b"?"y":"x"}function Ee(e){return je(j(e))}function it(e,t,r){r===void 0&&(r=!1);let o=ae(e),n=Ee(e),a=Ae(n),i=n==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(i=me(i)),[i,me(i)]}function at(e){let t=me(e);return[Oe(e),t,Oe(t)]}function Oe(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}var ot=["left","right"],nt=["right","left"],gr=["top","bottom"],hr=["bottom","top"];function mr(e,t,r){switch(e){case"top":case"bottom":return r?t?nt:ot:t?ot:nt;case"left":case"right":return t?gr:hr;default:return[]}}function st(e,t,r,o){let n=ae(e),a=mr(W(e),r==="start",o);return n&&(a=a.map(i=>i+"-"+n),t&&(a=a.concat(a.map(Oe)))),a}function me(e){let t=W(e);return fr[t]+e.slice(t.length)}function br(e){return{top:0,right:0,bottom:0,left:0,...e}}function He(e){return typeof e!="number"?br(e):{top:e,right:e,bottom:e,left:e}}function J(e){let{x:t,y:r,width:o,height:n}=e;return{width:o,height:n,top:r,left:t,right:t+o,bottom:r+n,x:t,y:r}}function lt(e,t,r){let{reference:o,floating:n}=e,a=j(t),i=Ee(t),s=Ae(i),l=W(t),c=a==="y",u=o.x+o.width/2-n.width/2,p=o.y+o.height/2-n.height/2,f=o[s]/2-n[s]/2,d;switch(l){case"top":d={x:u,y:o.y-n.height};break;case"bottom":d={x:u,y:o.y+o.height};break;case"right":d={x:o.x+o.width,y:p};break;case"left":d={x:o.x-n.width,y:p};break;default:d={x:o.x,y:o.y}}switch(ae(t)){case"start":d[i]-=f*(r&&c?-1:1);break;case"end":d[i]+=f*(r&&c?-1:1);break}return d}async function ct(e,t){var r;t===void 0&&(t={});let{x:o,y:n,platform:a,rects:i,elements:s,strategy:l}=e,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:f=!1,padding:d=0}=ie(t,e),g=He(d),b=s[f?p==="floating"?"reference":"floating":p],m=J(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(b)))==null||r?b:b.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:c,rootBoundary:u,strategy:l})),v=p==="floating"?{x:o,y:n,width:i.floating.width,height:i.floating.height}:i.reference,w=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),x=await(a.isElement==null?void 0:a.isElement(w))?await(a.getScale==null?void 0:a.getScale(w))||{x:1,y:1}:{x:1,y:1},A=J(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:v,offsetParent:w,strategy:l}):v);return{top:(m.top-A.top+g.top)/x.y,bottom:(A.bottom-m.bottom+g.bottom)/x.y,left:(m.left-A.left+g.left)/x.x,right:(A.right-m.right+g.right)/x.x}}var vr=50,dt=async(e,t,r)=>{let{placement:o="bottom",strategy:n="absolute",middleware:a=[],platform:i}=r,s=i.detectOverflow?i:{...i,detectOverflow:ct},l=await(i.isRTL==null?void 0:i.isRTL(t)),c=await i.getElementRects({reference:e,floating:t,strategy:n}),{x:u,y:p}=lt(c,o,l),f=o,d=0,g={};for(let h=0;h<a.length;h++){let b=a[h];if(!b)continue;let{name:m,fn:v}=b,{x:w,y:x,data:A,reset:k}=await v({x:u,y:p,initialPlacement:o,placement:f,strategy:n,middlewareData:g,rects:c,platform:s,elements:{reference:e,floating:t}});u=w??u,p=x??p,g[m]={...g[m],...A},k&&d<vr&&(d++,typeof k=="object"&&(k.placement&&(f=k.placement),k.rects&&(c=k.rects===!0?await i.getElementRects({reference:e,floating:t,strategy:n}):k.rects),{x:u,y:p}=lt(c,f,l)),h=-1)}return{x:u,y:p,placement:f,strategy:n,middlewareData:g}},pt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:n,rects:a,platform:i,elements:s,middlewareData:l}=t,{element:c,padding:u=0}=ie(e,t)||{};if(c==null)return{};let p=He(u),f={x:r,y:o},d=Ee(n),g=Ae(d),h=await i.getDimensions(c),b=d==="y",m=b?"top":"left",v=b?"bottom":"right",w=b?"clientHeight":"clientWidth",x=a.reference[g]+a.reference[d]-f[d]-a.floating[g],A=f[d]-a.reference[d],k=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c)),R=k?k[w]:0;(!R||!await(i.isElement==null?void 0:i.isElement(k)))&&(R=s.floating[w]||a.floating[g]);let ue=x/2-A/2,U=R/2-h[g]/2-1,$=V(p[m],U),fe=V(p[v],U),Z=$,ge=R-h[g]-fe,_=R/2-h[g]/2+ue,K=Le(Z,_,ge),B=!l.arrow&&ae(n)!=null&&_!==K&&a.reference[g]/2-(_<Z?$:fe)-h[g]/2<0,P=B?_<Z?_-Z:_-ge:0;return{[d]:f[d]+P,data:{[d]:K,centerOffset:_-K-P,...B&&{alignmentOffset:P}},reset:B}}});var ut=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:n,middlewareData:a,rects:i,initialPlacement:s,platform:l,elements:c}=t,{mainAxis:u=!0,crossAxis:p=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:h=!0,...b}=ie(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let m=W(n),v=j(s),w=W(s)===s,x=await(l.isRTL==null?void 0:l.isRTL(c.floating)),A=f||(w||!h?[me(s)]:at(s)),k=g!=="none";!f&&k&&A.push(...st(s,h,g,x));let R=[s,...A],ue=await l.detectOverflow(t,b),U=[],$=((o=a.flip)==null?void 0:o.overflows)||[];if(u&&U.push(ue[m]),p){let _=it(n,i,x);U.push(ue[_[0]],ue[_[1]])}if($=[...$,{placement:n,overflows:U}],!U.every(_=>_<=0)){var fe,Z;let _=(((fe=a.flip)==null?void 0:fe.index)||0)+1,K=R[_];if(K&&(!(p==="alignment"?v!==j(K):!1)||$.every(D=>j(D.placement)===v?D.overflows[0]>0:!0)))return{data:{index:_,overflows:$},reset:{placement:K}};let B=(Z=$.filter(P=>P.overflows[0]<=0).sort((P,D)=>P.overflows[1]-D.overflows[1])[0])==null?void 0:Z.placement;if(!B)switch(d){case"bestFit":{var ge;let P=(ge=$.filter(D=>{if(k){let X=j(D.placement);return X===v||X==="y"}return!0}).map(D=>[D.placement,D.overflows.filter(X=>X>0).reduce((X,Qt)=>X+Qt,0)]).sort((D,X)=>D[1]-X[1])[0])==null?void 0:ge[0];P&&(B=P);break}case"initialPlacement":B=s;break}if(n!==B)return{reset:{placement:B}}}return{}}}};var wr=new Set(["left","top"]);async function xr(e,t){let{placement:r,platform:o,elements:n}=e,a=await(o.isRTL==null?void 0:o.isRTL(n.floating)),i=W(r),s=ae(r),l=j(r)==="y",c=wr.has(i)?-1:1,u=a&&l?-1:1,p=ie(t,e),{mainAxis:f,crossAxis:d,alignmentAxis:g}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return s&&typeof g=="number"&&(d=s==="end"?g*-1:g),l?{x:d*u,y:f*c}:{x:f*c,y:d*u}}var ft=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:n,y:a,placement:i,middlewareData:s}=t,l=await xr(t,e);return i===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:n+l.x,y:a+l.y,data:{...l,placement:i}}}}},gt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:n,platform:a}=t,{mainAxis:i=!0,crossAxis:s=!1,limiter:l={fn:m=>{let{x:v,y:w}=m;return{x:v,y:w}}},...c}=ie(e,t),u={x:r,y:o},p=await a.detectOverflow(t,c),f=j(W(n)),d=je(f),g=u[d],h=u[f];if(i){let m=d==="y"?"top":"left",v=d==="y"?"bottom":"right",w=g+p[m],x=g-p[v];g=Le(w,g,x)}if(s){let m=f==="y"?"top":"left",v=f==="y"?"bottom":"right",w=h+p[m],x=h-p[v];h=Le(w,h,x)}let b=l.fn({...t,[d]:g,[f]:h});return{...b,data:{x:b.x-r,y:b.y-o,enabled:{[d]:i,[f]:s}}}}}};function Re(){return typeof window<"u"}function Q(e){return mt(e)?(e.nodeName||"").toLowerCase():"#document"}function E(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function T(e){var t;return(t=(mt(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function mt(e){return Re()?e instanceof Node||e instanceof E(e).Node:!1}function C(e){return Re()?e instanceof Element||e instanceof E(e).Element:!1}function N(e){return Re()?e instanceof HTMLElement||e instanceof E(e).HTMLElement:!1}function ht(e){return!Re()||typeof ShadowRoot>"u"?!1:e instanceof ShadowRoot||e instanceof E(e).ShadowRoot}function le(e){let{overflow:t,overflowX:r,overflowY:o,display:n}=S(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&n!=="inline"&&n!=="contents"}function bt(e){return/^(table|td|th)$/.test(Q(e))}function we(e){try{if(e.matches(":popover-open"))return!0}catch{}try{return e.matches(":modal")}catch{return!1}}var yr=/transform|translate|scale|rotate|perspective|filter/,kr=/paint|layout|strict|content/,G=e=>!!e&&e!=="none",Xe;function ze(e){let t=C(e)?S(e):e;return G(t.transform)||G(t.translate)||G(t.scale)||G(t.rotate)||G(t.perspective)||!Ce()&&(G(t.backdropFilter)||G(t.filter))||yr.test(t.willChange||"")||kr.test(t.contain||"")}function vt(e){let t=H(e);for(;N(t)&&!ee(t);){if(ze(t))return t;if(we(t))return null;t=H(t)}return null}function Ce(){return Xe==null&&(Xe=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Xe}function ee(e){return/^(html|body|#document)$/.test(Q(e))}function S(e){return E(e).getComputedStyle(e)}function xe(e){return C(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function H(e){if(Q(e)==="html")return e;let t=e.assignedSlot||e.parentNode||ht(e)&&e.host||T(e);return ht(t)?t.host:t}function wt(e){let t=H(e);return ee(t)?e.ownerDocument?e.ownerDocument.body:e.body:N(t)&&le(t)?t:wt(t)}function se(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let n=wt(e),a=n===((o=e.ownerDocument)==null?void 0:o.body),i=E(n);if(a){let s=Se(i);return t.concat(i,i.visualViewport||[],le(n)?n:[],s&&r?se(s):[])}else return t.concat(n,se(n,[],r))}function Se(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function _t(e){let t=S(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,n=N(e),a=n?e.offsetWidth:r,i=n?e.offsetHeight:o,s=be(r)!==a||be(o)!==i;return s&&(r=a,o=i),{width:r,height:o,$:s}}function Ve(e){return C(e)?e:e.contextElement}function ce(e){let t=Ve(e);if(!N(t))return M(1);let r=t.getBoundingClientRect(),{width:o,height:n,$:a}=_t(t),i=(a?be(r.width):r.width)/o,s=(a?be(r.height):r.height)/n;return(!i||!Number.isFinite(i))&&(i=1),(!s||!Number.isFinite(s))&&(s=1),{x:i,y:s}}var _r=M(0);function Ot(e){let t=E(e);return!Ce()||!t.visualViewport?_r:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function Or(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==E(e)?!1:t}function te(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let n=e.getBoundingClientRect(),a=Ve(e),i=M(1);t&&(o?C(o)&&(i=ce(o)):i=ce(e));let s=Or(a,r,o)?Ot(a):M(0),l=(n.left+s.x)/i.x,c=(n.top+s.y)/i.y,u=n.width/i.x,p=n.height/i.y;if(a){let f=E(a),d=o&&C(o)?E(o):o,g=f,h=Se(g);for(;h&&o&&d!==g;){let b=ce(h),m=h.getBoundingClientRect(),v=S(h),w=m.left+(h.clientLeft+parseFloat(v.paddingLeft))*b.x,x=m.top+(h.clientTop+parseFloat(v.paddingTop))*b.y;l*=b.x,c*=b.y,u*=b.x,p*=b.y,l+=w,c+=x,g=E(h),h=Se(g)}}return J({width:u,height:p,x:l,y:c})}function Pe(e,t){let r=xe(e).scrollLeft;return t?t.left+r:te(T(e)).left+r}function Lt(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Pe(e,r),n=r.top+t.scrollTop;return{x:o,y:n}}function Lr(e){let{elements:t,rect:r,offsetParent:o,strategy:n}=e,a=n==="fixed",i=T(o),s=t?we(t.floating):!1;if(o===i||s&&a)return r;let l={scrollLeft:0,scrollTop:0},c=M(1),u=M(0),p=N(o);if((p||!p&&!a)&&((Q(o)!=="body"||le(i))&&(l=xe(o)),p)){let d=te(o);c=ce(o),u.x=d.x+o.clientLeft,u.y=d.y+o.clientTop}let f=i&&!p&&!a?Lt(i,l):M(0);return{width:r.width*c.x,height:r.height*c.y,x:r.x*c.x-l.scrollLeft*c.x+u.x+f.x,y:r.y*c.y-l.scrollTop*c.y+u.y+f.y}}function Ar(e){return Array.from(e.getClientRects())}function Er(e){let t=T(e),r=xe(e),o=e.ownerDocument.body,n=Y(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=Y(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),i=-r.scrollLeft+Pe(e),s=-r.scrollTop;return S(o).direction==="rtl"&&(i+=Y(t.clientWidth,o.clientWidth)-n),{width:n,height:a,x:i,y:s}}var xt=25;function Rr(e,t){let r=E(e),o=T(e),n=r.visualViewport,a=o.clientWidth,i=o.clientHeight,s=0,l=0;if(n){a=n.width,i=n.height;let u=Ce();(!u||u&&t==="fixed")&&(s=n.offsetLeft,l=n.offsetTop)}let c=Pe(o);if(c<=0){let u=o.ownerDocument,p=u.body,f=getComputedStyle(p),d=u.compatMode==="CSS1Compat"&&parseFloat(f.marginLeft)+parseFloat(f.marginRight)||0,g=Math.abs(o.clientWidth-p.clientWidth-d);g<=xt&&(a-=g)}else c<=xt&&(a+=c);return{width:a,height:i,x:s,y:l}}function zr(e,t){let r=te(e,!0,t==="fixed"),o=r.top+e.clientTop,n=r.left+e.clientLeft,a=N(e)?ce(e):M(1),i=e.clientWidth*a.x,s=e.clientHeight*a.y,l=n*a.x,c=o*a.y;return{width:i,height:s,x:l,y:c}}function yt(e,t,r){let o;if(t==="viewport")o=Rr(e,r);else if(t==="document")o=Er(T(e));else if(C(t))o=zr(t,r);else{let n=Ot(e);o={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return J(o)}function At(e,t){let r=H(e);return r===t||!C(r)||ee(r)?!1:S(r).position==="fixed"||At(r,t)}function Cr(e,t){let r=t.get(e);if(r)return r;let o=se(e,[],!1).filter(s=>C(s)&&Q(s)!=="body"),n=null,a=S(e).position==="fixed",i=a?H(e):e;for(;C(i)&&!ee(i);){let s=S(i),l=ze(i);!l&&s.position==="fixed"&&(n=null),(a?!l&&!n:!l&&s.position==="static"&&!!n&&(n.position==="absolute"||n.position==="fixed")||le(i)&&!l&&At(e,i))?o=o.filter(u=>u!==i):n=s,i=H(i)}return t.set(e,o),o}function Sr(e){let{element:t,boundary:r,rootBoundary:o,strategy:n}=e,i=[...r==="clippingAncestors"?we(t)?[]:Cr(t,this._c):[].concat(r),o],s=yt(t,i[0],n),l=s.top,c=s.right,u=s.bottom,p=s.left;for(let f=1;f<i.length;f++){let d=yt(t,i[f],n);l=Y(d.top,l),c=V(d.right,c),u=V(d.bottom,u),p=Y(d.left,p)}return{width:c-p,height:u-l,x:p,y:l}}function Pr(e){let{width:t,height:r}=_t(e);return{width:t,height:r}}function Dr(e,t,r){let o=N(t),n=T(t),a=r==="fixed",i=te(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=M(0);function c(){l.x=Pe(n)}if(o||!o&&!a)if((Q(t)!=="body"||le(n))&&(s=xe(t)),o){let d=te(t,!0,a,t);l.x=d.x+t.clientLeft,l.y=d.y+t.clientTop}else n&&c();a&&!o&&n&&c();let u=n&&!o&&!a?Lt(n,s):M(0),p=i.left+s.scrollLeft-l.x-u.x,f=i.top+s.scrollTop-l.y-u.y;return{x:p,y:f,width:i.width,height:i.height}}function Ie(e){return S(e).position==="static"}function kt(e,t){if(!N(e)||S(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return T(e)===r&&(r=r.ownerDocument.body),r}function Et(e,t){let r=E(e);if(we(e))return r;if(!N(e)){let n=H(e);for(;n&&!ee(n);){if(C(n)&&!Ie(n))return n;n=H(n)}return r}let o=kt(e,t);for(;o&&bt(o)&&Ie(o);)o=kt(o,t);return o&&ee(o)&&Ie(o)&&!ze(o)?r:o||vt(e)||r}var Mr=async function(e){let t=this.getOffsetParent||Et,r=this.getDimensions,o=await r(e.floating);return{reference:Dr(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Tr(e){return S(e).direction==="rtl"}var Fr={convertOffsetParentRelativeRectToViewportRelativeRect:Lr,getDocumentElement:T,getClippingRect:Sr,getOffsetParent:Et,getElementRects:Mr,getClientRects:Ar,getDimensions:Pr,getScale:ce,isElement:C,isRTL:Tr};function Rt(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Nr(e,t){let r=null,o,n=T(e);function a(){var s;clearTimeout(o),(s=r)==null||s.disconnect(),r=null}function i(s,l){s===void 0&&(s=!1),l===void 0&&(l=1),a();let c=e.getBoundingClientRect(),{left:u,top:p,width:f,height:d}=c;if(s||t(),!f||!d)return;let g=ve(p),h=ve(n.clientWidth-(u+f)),b=ve(n.clientHeight-(p+d)),m=ve(u),w={rootMargin:-g+"px "+-h+"px "+-b+"px "+-m+"px",threshold:Y(0,V(1,l))||1},x=!0;function A(k){let R=k[0].intersectionRatio;if(R!==l){if(!x)return i();R?i(!1,R):o=setTimeout(()=>{i(!1,1e-7)},1e3)}R===1&&!Rt(c,e.getBoundingClientRect())&&i(),x=!1}try{r=new IntersectionObserver(A,{...w,root:n.ownerDocument})}catch{r=new IntersectionObserver(A,w)}r.observe(e)}return i(!0),a}function zt(e,t,r,o){o===void 0&&(o={});let{ancestorScroll:n=!0,ancestorResize:a=!0,elementResize:i=typeof ResizeObserver=="function",layoutShift:s=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,c=Ve(e),u=n||a?[...c?se(c):[],...t?se(t):[]]:[];u.forEach(m=>{n&&m.addEventListener("scroll",r,{passive:!0}),a&&m.addEventListener("resize",r)});let p=c&&s?Nr(c,r):null,f=-1,d=null;i&&(d=new ResizeObserver(m=>{let[v]=m;v&&v.target===c&&d&&t&&(d.unobserve(t),cancelAnimationFrame(f),f=requestAnimationFrame(()=>{var w;(w=d)==null||w.observe(t)})),r()}),c&&!l&&d.observe(c),t&&d.observe(t));let g,h=l?te(e):null;l&&b();function b(){let m=te(e);h&&!Rt(h,m)&&r(),h=m,g=requestAnimationFrame(b)}return r(),()=>{var m;u.forEach(v=>{n&&v.removeEventListener("scroll",r),a&&v.removeEventListener("resize",r)}),p?.(),(m=d)==null||m.disconnect(),d=null,l&&cancelAnimationFrame(g)}}var Ct=ft;var St=gt,Pt=ut;var Dt=pt;var Mt=(e,t,r)=>{let o=new Map,n={platform:Fr,...r},a={...n.platform,_c:o};return dt(e,t,{...n,platform:a})};var $r=["en","nb","fi","da","sv"],We="en",De=e=>$r.find(t=>e===t||e.toLowerCase().includes(t))||We;function Nt(){if(typeof window>"u"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return De(e)}try{let e=Ft(document);if(e)return De(e);let t=Hr();if(t)return De(t);let r=Ft(Yt());return r?De(r):We}catch(e){return console.warn("could not detect locale, falling back to source locale",e),We}}var $t=(e,t,r,o,n)=>{O.load("en",e),O.load("nb",t),O.load("fi",r),O.load("da",o),O.load("sv",n);let a=Nt();O.activate(a),Bt(),Yr()},Br="warp-i18n-change";function Bt(){typeof window>"u"||window.dispatchEvent(new Event(Br))}var Tt=!1;function Yr(){if(Tt||typeof window>"u"||!document?.documentElement)return;Tt=!0;let e=()=>{let n=Nt();O.locale!==n&&(O.activate(n),Bt())},t=new MutationObserver(n=>{for(let a of n)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=Yt();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=jr();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Yt(){try{return window.parent?.document??null}catch{return null}}function Ft(e){try{return e?.documentElement?.lang??""}catch{return""}}function jr(){try{return window.frameElement??null}catch{return null}}function Hr(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Xr}from"lit";import{unsafeCSS as Ir}from"lit";var jt=Xr`
+	*,
+	: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;
+	}
+`,wo=Ir(`*, :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-\\[\\"\xE2\u20AC\u201C\\"\\]:before {
+                content: "\xE2\u20AC\u201C"
+            }
+
+            .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 Ht=JSON.parse('{"tooltip.aria.description":["En sort taleboble med flere oplysninger"],"tooltip.aria.pointingDown":["peger nedad"],"tooltip.aria.pointingLeft":["peger til venstre"],"tooltip.aria.pointingRight":["peger til h\xF8jre"],"tooltip.aria.pointingUp":["peger opad"]}');var Xt=JSON.parse('{"tooltip.aria.description":["A black speech bubble providing complementary information"],"tooltip.aria.pointingDown":["pointing down"],"tooltip.aria.pointingLeft":["pointing left"],"tooltip.aria.pointingRight":["pointing right"],"tooltip.aria.pointingUp":["pointing up"]}');var It=JSON.parse('{"tooltip.aria.description":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"],"tooltip.aria.pointingDown":["osoittaa alas"],"tooltip.aria.pointingLeft":["osoittaa vasemmalle"],"tooltip.aria.pointingRight":["osoittaa oikealle"],"tooltip.aria.pointingUp":["osoittaa yl\xF6s"]}');var Vt=JSON.parse('{"tooltip.aria.description":["En svart taleboble som forklarer konteksten"],"tooltip.aria.pointingDown":["peker ned"],"tooltip.aria.pointingLeft":["peker til venstre"],"tooltip.aria.pointingRight":["peker til h\xF8yre"],"tooltip.aria.pointingUp":["peker opp"]}');var Wt=JSON.parse('{"tooltip.aria.description":["En svart pratbubbla som ger kompletterande information"],"tooltip.aria.pointingDown":["pekar ned"],"tooltip.aria.pointingLeft":["pekar v\xE4nster"],"tooltip.aria.pointingRight":["pekar h\xF6ger"],"tooltip.aria.pointingUp":["pekar upp"]}');import{css as Vr}from"lit";var Ut=Vr`
+	:host {
+		--_background-color: var(
+			--w-c-tooltip-bg,
+			var(--w-color-tooltip-background-static)
+		);
+		--_box-shadow: var(--w-c-tooltip-box-shadow, var(--w-shadow-m));
+		--_color: var(--w-c-tooltip-color, var(--w-s-color-text-inverted-static));
+		--_z-index: var(--w-c-tooltip-z-index, 30);
+	}
+
+	[part="tooltip"] {
+		box-shadow: var(--_box-shadow);
+		width: max-content;
+		position: absolute;
+		top: 0;
+		left: 0;
+		background: var(--_background-color);
+		color: var(--_color);
+		padding: 6px 8px;
+		border-radius: 4px;
+		font-size: var(--w-font-size-s);
+		font-weight: 400;
+		line-height: var(--w-line-height-s);
+		z-index: var(--_z-index);
+	}
+
+	[part="arrow"] {
+		position: absolute;
+		width: 23px; /* square box for floating-ui arrow plugin, width of the "beak" */
+		height: 23px;
+		z-index: -1; /* within part="tooltip"'s stacking context */
+	}
+
+	[part="beak"] {
+		position: absolute;
+		background: var(--_background-color);
+	}
+
+	[part="hover-bridge"] {
+		position: fixed;
+		z-index: calc(var(--_z-index) + 1);
+		inset: 0px;
+		clip-path: polygon(
+			var(--_hover-bridge-top-left-x, 0) var(--_hover-bridge-top-left-y, 0),
+			var(--_hover-bridge-top-right-x, 0) var(--_hover-bridge-top-right-y, 0),
+			var(--_hover-bridge-bottom-right-x, 0)
+				var(--_hover-bridge-bottom-right-y, 0),
+			var(--_hover-bridge-bottom-left-x, 0)
+				var(--_hover-bridge-bottom-left-y, 0)
+		);
+	}
+
+	.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;
+	}
+`;import{property as de,query as Me,state as Zr}from"lit/decorators.js";var ye,y,Kt,pe,re,Ue,qt,Jt,Ze,Ke,Gt,L=class extends Wr{constructor(){super();he(this,y);this.for="";this.noArrow=!1;this.open=!1;this.placement="top";he(this,ye,"top");this.showDelay=150;this.hideDelay=0;this.target=null;he(this,pe,null);he(this,re);this.handleBlur=()=>{this.hide()};this.handleFocus=()=>{this.show()};this.handleMouseOver=()=>{clearTimeout(oe(this,re)),ne(this,re,window.setTimeout(()=>{this.show()},this.showDelay))};this.handleKeydown=r=>{r.key==="Escape"&&(r.preventDefault(),this.hide())};this.handleMouseOut=r=>{let o=r.relatedTarget;if(o){let n=this.contains(o),a=this.target?.contains(o);if(n||a)return}clearTimeout(oe(this,re)),ne(this,re,window.setTimeout(()=>{this.hide()},this.hideDelay))};$t(Xt,Vt,It,Ht,Wt)}connectedCallback(){super.connectedCallback(),this.for&&F(this,y,Ue).call(this),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var r;super.disconnectedCallback(),(r=F(this,y,Ze))==null||r.call(this),document.removeEventListener("keydown",this.handleKeydown)}updated(r){r.has("for")&&F(this,y,Ue).call(this),r.has("open")&&F(this,y,qt).call(this)}firstUpdated(){this.tooltip.hidden=!this.open}async hide(){this.open&&(this.open=!1)}async show(){this.open||(this.open=!0)}render(){return Zt`
+			<div part="hover-bridge" hidden></div>
+			<div
+				part="tooltip"
+				role="tooltip"
+				aria-description="${oe(this,y,Kt)}"
+				hidden
+			>
+				${this.noArrow?Ur:Zt`
+							<div part="arrow">
+								<div part="beak"></div>
+							</div>
+						`}
+				<slot></slot>
+			</div>
+		`}};ye=new WeakMap,y=new WeakSet,Kt=function(){let r=O.t({id:"tooltip.aria.description",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});if(!this.noArrow)switch(r+=" ",oe(this,ye)){case"top-start":case"top":case"top-end":r+=O._({id:"tooltip.aria.pointingDown",message:"pointing down",comment:"Screenreader description for downwards arrow direction in the tooltip component"});break;case"right-start":case"right":case"right-end":r+=O._({id:"tooltip.aria.pointingLeft",message:"pointing left",comment:"Screenreader description for left arrow direction in the tooltip component"});break;case"bottom-start":case"bottom":case"bottom-end":r+=O._({id:"tooltip.aria.pointingUp",message:"pointing up",comment:"Screenreader description for upwards arrow direction in the tooltip component"});break;case"left-start":case"left":case"left-end":r+=O._({id:"tooltip.aria.pointingRight",message:"pointing right",comment:"Screenreader description for right arrow direction in the tooltip component"});break}return r},pe=new WeakMap,re=new WeakMap,Ue=function(){let r=this.getRootNode?.();if(!r)return;let o=this.for?r.getElementById(this.for):null,n=this.target;o!==this.target&&(o&&(o.addEventListener("blur",this.handleBlur),o.addEventListener("focus",this.handleFocus),o.addEventListener("mouseover",this.handleMouseOver),o.addEventListener("mouseout",this.handleMouseOut)),n&&(n.removeEventListener("blur",this.handleBlur),n.removeEventListener("focus",this.handleFocus),n.removeEventListener("mouseover",this.handleMouseOver),n.removeEventListener("mouseout",this.handleMouseOut)),this.target=o)},qt=function(){this.tooltip&&(this.open?(this.tooltip.hidden=!1,this.hoverBridge.hidden=!1,document.addEventListener("keydown",this.handleKeydown),this.updateComplete.then(()=>{F(this,y,Jt).call(this)})):(this.hoverBridge.hidden=!0,this.tooltip.hidden=!0,F(this,y,Ze).call(this),document.removeEventListener("keydown",this.handleKeydown)))},Jt=function(){!this.tooltip||!this.target||(F(this,y,Ke).call(this),ne(this,pe,zt(this.target,this.tooltip,()=>{F(this,y,Ke).call(this)})))},Ze=function(){var r;(r=oe(this,pe))==null||r.call(this),ne(this,pe,null)},Ke=async function(){if(!this.tooltip||!this.target)return;let r=[Ct({mainAxis:8}),Pt(),St({padding:8})],o=!this.noArrow&&this.arrow;o&&r.push(Dt({element:this.arrow}));let{x:n,y:a,placement:i,middlewareData:s}=await Mt(this.target,this.tooltip,{placement:this.placement,middleware:r});if(ne(this,ye,i),Object.assign(this.tooltip.style,{left:`${n.toFixed(1)}px`,top:`${a.toFixed(1)}px`}),o){let l="",c=0,u=0,p=23,f=8.5,d=`${f/2}px`;i==="top"?(l="polygon(43% 82.3%, 24.6% 29.3%, 23.9% 27.4%, 23.3% 25.6%, 22.6% 23.9%, 21.9% 22.2%, 21.1% 20.6%, 20.4% 19%, 19.7% 17.5%, 18.9% 16.1%, 18.1% 14.7%, 17.4% 13.4%, 16.6% 12.1%, 15.8% 10.9%, 15% 9.7%, 14.1% 8.6%, 13.3% 7.6%, 12.5% 6.6%, 11.6% 5.7%, 10.8% 4.9%, 9.9% 4.1%, 9% 3.4%, 8.1% 2.8%, 7.3% 2.2%, 6.4% 1.7%, 5.5% 1.2%, 4.6% 0.9%, 3.7% 0.6%, 2.8% 0.3%, 1.8% 0.1%, 0.9% 0%, 0% 0%, 98.4% 0%, 97.5% 0%, 96.5% 0.1%, 95.6% 0.3%, 94.7% 0.6%, 93.8% 0.9%, 92.9% 1.2%, 92% 1.7%, 91.1% 2.2%, 90.2% 2.8%, 89.4% 3.4%, 88.5% 4.1%, 87.6% 4.9%, 86.8% 5.7%, 85.9% 6.6%, 85.1% 7.6%, 84.2% 8.6%, 83.4% 9.7%, 82.6% 10.9%, 81.8% 12.1%, 81% 13.4%, 80.2% 14.7%, 79.5% 16.1%, 78.7% 17.5%, 78% 19%, 77.2% 20.6%, 76.5% 22.2%, 75.8% 23.9%, 75.1% 25.6%, 74.4% 27.4%, 73.8% 29.3%, 55.3% 82.3%, 55% 83.3%, 54.6% 84.1%, 54.3% 85%, 53.9% 85.7%, 53.5% 86.4%, 53.1% 87%, 52.7% 87.6%, 52.3% 88.1%, 51.8% 88.5%, 51.4% 88.8%, 51% 89.1%, 50.5% 89.4%, 50.1% 89.5%, 49.6% 89.6%, 49.2% 89.6%, 48.7% 89.6%, 48.3% 89.5%, 47.9% 89.4%, 47.4% 89.1%, 47% 88.8%, 46.6% 88.5%, 46.1% 88.1%, 45.7% 87.6%, 45.3% 87%, 44.9% 86.4%, 44.5% 85.7%, 44.1% 85%, 43.7% 84.1%, 43.4% 83.3%)",c=p,u=f,d="3.5px"):i==="bottom"?(l="polygon(55.3% 7.3%, 73.8% 60.4%, 74.4% 62.2%, 75.1% 64%, 75.8% 65.7%, 76.5% 67.4%, 77.2% 69%, 78% 70.6%, 78.7% 72.1%, 79.5% 73.6%, 80.2% 75%, 81% 76.3%, 81.8% 77.6%, 82.6% 78.8%, 83.4% 79.9%, 84.2% 81%, 85.1% 82%, 85.9% 83%, 86.8% 83.9%, 87.6% 84.7%, 88.5% 85.5%, 89.4% 86.2%, 90.2% 86.9%, 91.1% 87.4%, 92% 88%, 92.9% 88.4%, 93.8% 88.8%, 94.7% 89.1%, 95.6% 89.3%, 96.5% 89.5%, 97.5% 89.6%, 98.4% 89.6%, 0% 89.6%, 0.9% 89.6%, 1.8% 89.5%, 2.8% 89.3%, 3.7% 89.1%, 4.6% 88.8%, 5.5% 88.4%, 6.4% 88%, 7.3% 87.4%, 8.1% 86.9%, 9% 86.2%, 9.9% 85.5%, 10.8% 84.7%, 11.6% 83.9%, 12.5% 83%, 13.3% 82%, 14.1% 81%, 15% 79.9%, 15.8% 78.8%, 16.6% 77.6%, 17.4% 76.3%, 18.1% 75%, 18.9% 73.6%, 19.7% 72.1%, 20.4% 70.6%, 21.1% 69%, 21.9% 67.4%, 22.6% 65.7%, 23.3% 64%, 23.9% 62.2%, 24.6% 60.4%, 43% 7.3%, 43.4% 6.4%, 43.7% 5.5%, 44.1% 4.7%, 44.5% 3.9%, 44.9% 3.3%, 45.3% 2.6%, 45.7% 2.1%, 46.1% 1.6%, 46.6% 1.2%, 47% 0.8%, 47.4% 0.5%, 47.9% 0.3%, 48.3% 0.1%, 48.7% 0%, 49.2% 0%, 49.6% 0%, 50.1% 0.1%, 50.5% 0.3%, 51% 0.5%, 51.4% 0.8%, 51.8% 1.2%, 52.3% 1.6%, 52.7% 2.1%, 53.1% 2.6%, 53.5% 3.3%, 53.9% 3.9%, 54.3% 4.7%, 54.6% 5.5%, 55% 6.4%)",c=p,u=f):i==="right"?(l="polygon(7.3% 43%, 60.4% 24.6%, 62.2% 23.9%, 64% 23.3%, 65.7% 22.6%, 67.4% 21.9%, 69% 21.1%, 70.6% 20.4%, 72.1% 19.7%, 73.6% 18.9%, 75% 18.1%, 76.3% 17.4%, 77.6% 16.6%, 78.8% 15.8%, 79.9% 15%, 81% 14.1%, 82% 13.3%, 83% 12.5%, 83.9% 11.6%, 84.7% 10.8%, 85.5% 9.9%, 86.2% 9%, 86.9% 8.1%, 87.4% 7.3%, 88% 6.4%, 88.4% 5.5%, 88.8% 4.6%, 89.1% 3.7%, 89.3% 2.8%, 89.5% 1.8%, 89.6% 0.9%, 89.6% 0%, 89.6% 98.4%, 89.6% 97.5%, 89.5% 96.5%, 89.3% 95.6%, 89.1% 94.7%, 88.8% 93.8%, 88.4% 92.9%, 88% 92%, 87.4% 91.1%, 86.9% 90.2%, 86.2% 89.4%, 85.5% 88.5%, 84.7% 87.6%, 83.9% 86.8%, 83% 85.9%, 82% 85.1%, 81% 84.2%, 79.9% 83.4%, 78.8% 82.6%, 77.6% 81.8%, 76.3% 81%, 75% 80.2%, 73.6% 79.5%, 72.1% 78.7%, 70.6% 78%, 69% 77.2%, 67.4% 76.5%, 65.7% 75.8%, 64% 75.1%, 62.2% 74.4%, 60.4% 73.8%, 7.3% 55.3%, 6.4% 55%, 5.5% 54.6%, 4.7% 54.3%, 3.9% 53.9%, 3.3% 53.5%, 2.6% 53.1%, 2.1% 52.7%, 1.6% 52.3%, 1.2% 51.8%, 0.8% 51.4%, 0.5% 51%, 0.3% 50.5%, 0.1% 50.1%, 0% 49.6%, 0% 49.2%, 0% 48.7%, 0.1% 48.3%, 0.3% 47.9%, 0.5% 47.4%, 0.8% 47%, 1.2% 46.6%, 1.6% 46.1%, 2.1% 45.7%, 2.6% 45.3%, 3.3% 44.9%, 3.9% 44.5%, 4.7% 44.1%, 5.5% 43.7%, 6.4% 43.4%)",c=f,u=p):i==="left"&&(l="polygon(82.3% 55.3%, 29.3% 73.8%, 27.4% 74.4%, 25.6% 75.1%, 23.9% 75.8%, 22.2% 76.5%, 20.6% 77.2%, 19% 78%, 17.5% 78.7%, 16.1% 79.5%, 14.7% 80.2%, 13.4% 81%, 12.1% 81.8%, 10.9% 82.6%, 9.7% 83.4%, 8.6% 84.2%, 7.6% 85.1%, 6.6% 85.9%, 5.7% 86.8%, 4.9% 87.6%, 4.1% 88.5%, 3.4% 89.4%, 2.8% 90.2%, 2.2% 91.1%, 1.7% 92%, 1.2% 92.9%, 0.9% 93.8%, 0.6% 94.7%, 0.3% 95.6%, 0.1% 96.5%, 0% 97.5%, 0% 98.4%, 0% 0%, 0% 0.9%, 0.1% 1.8%, 0.3% 2.8%, 0.6% 3.7%, 0.9% 4.6%, 1.2% 5.5%, 1.7% 6.4%, 2.2% 7.3%, 2.8% 8.1%, 3.4% 9%, 4.1% 9.9%, 4.9% 10.8%, 5.7% 11.6%, 6.6% 12.5%, 7.6% 13.3%, 8.6% 14.1%, 9.7% 15%, 10.9% 15.8%, 12.1% 16.6%, 13.4% 17.4%, 14.7% 18.1%, 16.1% 18.9%, 17.5% 19.7%, 19% 20.4%, 20.6% 21.1%, 22.2% 21.9%, 23.9% 22.6%, 25.6% 23.3%, 27.4% 23.9%, 29.3% 24.6%, 82.3% 43%, 83.3% 43.4%, 84.1% 43.7%, 85% 44.1%, 85.7% 44.5%, 86.4% 44.9%, 87% 45.3%, 87.6% 45.7%, 88.1% 46.1%, 88.5% 46.6%, 88.8% 47%, 89.1% 47.4%, 89.4% 47.9%, 89.5% 48.3%, 89.6% 48.7%, 89.6% 49.2%, 89.6% 49.6%, 89.5% 50.1%, 89.4% 50.5%, 89.1% 51%, 88.8% 51.4%, 88.5% 51.8%, 88.1% 52.3%, 87.6% 52.7%, 87% 53.1%, 86.4% 53.5%, 85.7% 53.9%, 85% 54.3%, 84.1% 54.6%, 83.3% 55%)",c=f,u=p);let h=`-${p/2}px`,b={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]],{x:m,y:v}=s.arrow??{};Object.assign(this.arrow.style,{left:m!=null?`${m}px`:"",top:v!=null?`${v}px`:"",right:"",bottom:"",[b]:h}),Object.assign(this.beak.style,{height:`${u}px`,width:`${c}px`,clipPath:l,[b]:d})}requestAnimationFrame(()=>F(this,y,Gt).call(this))},Gt=function(){if(!this.target)return;let r=this.target.getBoundingClientRect(),o=this.tooltip.getBoundingClientRect(),n=this.placement.includes("top")||this.placement.includes("bottom"),a,i,s,l,c,u,p,f;n?r.top<o.top?(a=r.left,i=r.bottom,s=r.right,l=r.bottom,c=o.left,u=o.top,p=o.right,f=o.top):(a=o.left,i=o.bottom,s=o.right,l=o.bottom,c=r.left,u=r.top,p=r.right,f=r.top):r.left<o.left?(a=r.right,i=r.top,s=o.left,l=o.top,c=r.right,u=r.bottom,p=o.left,f=o.bottom):(a=o.right,i=o.top,s=r.left,l=r.top,c=o.right,u=o.bottom,p=r.left,f=r.bottom),this.style.setProperty("--_hover-bridge-top-left-x",`${a}px`),this.style.setProperty("--_hover-bridge-top-left-y",`${i}px`),this.style.setProperty("--_hover-bridge-top-right-x",`${s}px`),this.style.setProperty("--_hover-bridge-top-right-y",`${l}px`),this.style.setProperty("--_hover-bridge-bottom-left-x",`${c}px`),this.style.setProperty("--_hover-bridge-bottom-left-y",`${u}px`),this.style.setProperty("--_hover-bridge-bottom-right-x",`${p}px`),this.style.setProperty("--_hover-bridge-bottom-right-y",`${f}px`)},L.styles=[jt,Ut],z([de({useDefault:!0})],L.prototype,"for",2),z([de({type:Boolean,attribute:"no-arrow"})],L.prototype,"noArrow",2),z([de({type:Boolean})],L.prototype,"open",2),z([de({useDefault:!0})],L.prototype,"placement",2),z([de({attribute:"show-delay",type:Number,useDefault:!0,reflect:!0})],L.prototype,"showDelay",2),z([de({attribute:"hide-delay",type:Number,useDefault:!0,reflect:!0})],L.prototype,"hideDelay",2),z([Zr()],L.prototype,"target",2),z([Me('[part="tooltip"]')],L.prototype,"tooltip",2),z([Me('[part="hover-bridge"]')],L.prototype,"hoverBridge",2),z([Me('[part="arrow"]')],L.prototype,"arrow",2),z([Me('[part="beak"]')],L.prototype,"beak",2);customElements.get("w-tooltip")||customElements.define("w-tooltip",L);export{L as WarpTooltip};
+//# sourceMappingURL=tooltip.js.map