@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.5

package/dist/packages/modal/react.js

@@ -0,0 +1,2754 @@
+var dr=Object.create;var $=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var ur=Object.getOwnPropertyNames;var pr=Object.getPrototypeOf,gr=Object.prototype.hasOwnProperty;var mr=(e,r,o)=>r in e?$(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o;var H=(e,r)=>()=>(r||e((r={exports:{}}).exports,r),r.exports);var br=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ur(r))!gr.call(e,a)&&a!==o&&$(e,a,{get:()=>r[a],enumerable:!(t=pe(r,a))||t.enumerable});return e};var ge=(e,r,o)=>(o=e!=null?dr(pr(e)):{},br(r||!e||!e.__esModule?$(o,"default",{value:e,enumerable:!0}):o,e));var f=(e,r,o,t)=>{for(var a=t>1?void 0:t?pe(r,o):r,i=e.length-1,n;i>=0;i--)(n=e[i])&&(a=(t?n(r,o,a):n(a))||a);return t&&a&&$(r,o,a),a};var B=(e,r,o)=>mr(e,typeof r!="symbol"?r+"":r,o);var Ce=H(c=>{"use strict";var Z=Symbol.for("react.transitional.element"),hr=Symbol.for("react.portal"),fr=Symbol.for("react.fragment"),vr=Symbol.for("react.strict_mode"),wr=Symbol.for("react.profiler"),xr=Symbol.for("react.consumer"),kr=Symbol.for("react.context"),yr=Symbol.for("react.forward_ref"),Er=Symbol.for("react.suspense"),_r=Symbol.for("react.memo"),we=Symbol.for("react.lazy"),me=Symbol.iterator;function Cr(e){return e===null||typeof e!="object"?null:(e=me&&e[me]||e["@@iterator"],typeof e=="function"?e:null)}var xe={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ke=Object.assign,ye={};function M(e,r,o){this.props=e,this.context=r,this.refs=ye,this.updater=o||xe}M.prototype.isReactComponent={};M.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")};M.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Ee(){}Ee.prototype=M.prototype;function K(e,r,o){this.props=e,this.context=r,this.refs=ye,this.updater=o||xe}var G=K.prototype=new Ee;G.constructor=K;ke(G,M.prototype);G.isPureReactComponent=!0;var be=Array.isArray,p={H:null,A:null,T:null,S:null,V:null},_e=Object.prototype.hasOwnProperty;function W(e,r,o,t,a,i){return o=i.ref,{$$typeof:Z,type:e,key:r,ref:o!==void 0?o:null,props:i}}function Tr(e,r){return W(e.type,r,void 0,void 0,void 0,e.props)}function V(e){return typeof e=="object"&&e!==null&&e.$$typeof===Z}function Mr(e){var r={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(o){return r[o]})}var he=/\/+/g;function X(e,r){return typeof e=="object"&&e!==null&&e.key!=null?Mr(""+e.key):r.toString(36)}function fe(){}function Lr(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(fe,fe):(e.status="pending",e.then(function(r){e.status==="pending"&&(e.status="fulfilled",e.value=r)},function(r){e.status==="pending"&&(e.status="rejected",e.reason=r)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function T(e,r,o,t,a){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var n=!1;if(e===null)n=!0;else switch(i){case"bigint":case"string":case"number":n=!0;break;case"object":switch(e.$$typeof){case Z:case hr:n=!0;break;case we:return n=e._init,T(n(e._payload),r,o,t,a)}}if(n)return a=a(e),n=t===""?"."+X(e,0):t,be(a)?(o="",n!=null&&(o=n.replace(he,"$&/")+"/"),T(a,r,o,"",function(u){return u})):a!=null&&(V(a)&&(a=Tr(a,o+(a.key==null||e&&e.key===a.key?"":(""+a.key).replace(he,"$&/")+"/")+n)),r.push(a)),1;n=0;var l=t===""?".":t+":";if(be(e))for(var s=0;s<e.length;s++)t=e[s],i=l+X(t,s),n+=T(t,r,o,i,a);else if(s=Cr(e),typeof s=="function")for(e=s.call(e),s=0;!(t=e.next()).done;)t=t.value,i=l+X(t,s++),n+=T(t,r,o,i,a);else if(i==="object"){if(typeof e.then=="function")return T(Lr(e),r,o,t,a);throw r=String(e),Error("Objects are not valid as a React child (found: "+(r==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":r)+"). If you meant to render a collection of children, use an array instead.")}return n}function D(e,r,o){if(e==null)return e;var t=[],a=0;return T(e,t,"","",function(i){return r.call(o,i,a++)}),t}function Sr(e){if(e._status===-1){var r=e._result;r=r(),r.then(function(o){(e._status===0||e._status===-1)&&(e._status=1,e._result=o)},function(o){(e._status===0||e._status===-1)&&(e._status=2,e._result=o)}),e._status===-1&&(e._status=0,e._result=r)}if(e._status===1)return e._result.default;throw e._result}var ve=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var r=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(r))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function zr(){}c.Children={map:D,forEach:function(e,r,o){D(e,function(){r.apply(this,arguments)},o)},count:function(e){var r=0;return D(e,function(){r++}),r},toArray:function(e){return D(e,function(r){return r})||[]},only:function(e){if(!V(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};c.Component=M;c.Fragment=fr;c.Profiler=wr;c.PureComponent=K;c.StrictMode=vr;c.Suspense=Er;c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=p;c.__COMPILER_RUNTIME={__proto__:null,c:function(e){return p.H.useMemoCache(e)}};c.cache=function(e){return function(){return e.apply(null,arguments)}};c.cloneElement=function(e,r,o){if(e==null)throw Error("The argument must be a React element, but you passed "+e+".");var t=ke({},e.props),a=e.key,i=void 0;if(r!=null)for(n in r.ref!==void 0&&(i=void 0),r.key!==void 0&&(a=""+r.key),r)!_e.call(r,n)||n==="key"||n==="__self"||n==="__source"||n==="ref"&&r.ref===void 0||(t[n]=r[n]);var n=arguments.length-2;if(n===1)t.children=o;else if(1<n){for(var l=Array(n),s=0;s<n;s++)l[s]=arguments[s+2];t.children=l}return W(e.type,a,void 0,void 0,i,t)};c.createContext=function(e){return e={$$typeof:kr,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:xr,_context:e},e};c.createElement=function(e,r,o){var t,a={},i=null;if(r!=null)for(t in r.key!==void 0&&(i=""+r.key),r)_e.call(r,t)&&t!=="key"&&t!=="__self"&&t!=="__source"&&(a[t]=r[t]);var n=arguments.length-2;if(n===1)a.children=o;else if(1<n){for(var l=Array(n),s=0;s<n;s++)l[s]=arguments[s+2];a.children=l}if(e&&e.defaultProps)for(t in n=e.defaultProps,n)a[t]===void 0&&(a[t]=n[t]);return W(e,i,void 0,void 0,null,a)};c.createRef=function(){return{current:null}};c.forwardRef=function(e){return{$$typeof:yr,render:e}};c.isValidElement=V;c.lazy=function(e){return{$$typeof:we,_payload:{_status:-1,_result:e},_init:Sr}};c.memo=function(e,r){return{$$typeof:_r,type:e,compare:r===void 0?null:r}};c.startTransition=function(e){var r=p.T,o={};p.T=o;try{var t=e(),a=p.S;a!==null&&a(o,t),typeof t=="object"&&t!==null&&typeof t.then=="function"&&t.then(zr,ve)}catch(i){ve(i)}finally{p.T=r}};c.unstable_useCacheRefresh=function(){return p.H.useCacheRefresh()};c.use=function(e){return p.H.use(e)};c.useActionState=function(e,r,o){return p.H.useActionState(e,r,o)};c.useCallback=function(e,r){return p.H.useCallback(e,r)};c.useContext=function(e){return p.H.useContext(e)};c.useDebugValue=function(){};c.useDeferredValue=function(e,r){return p.H.useDeferredValue(e,r)};c.useEffect=function(e,r,o){var t=p.H;if(typeof o=="function")throw Error("useEffect CRUD overload is not enabled in this build of React.");return t.useEffect(e,r)};c.useId=function(){return p.H.useId()};c.useImperativeHandle=function(e,r,o){return p.H.useImperativeHandle(e,r,o)};c.useInsertionEffect=function(e,r){return p.H.useInsertionEffect(e,r)};c.useLayoutEffect=function(e,r){return p.H.useLayoutEffect(e,r)};c.useMemo=function(e,r){return p.H.useMemo(e,r)};c.useOptimistic=function(e,r){return p.H.useOptimistic(e,r)};c.useReducer=function(e,r,o){return p.H.useReducer(e,r,o)};c.useRef=function(e){return p.H.useRef(e)};c.useState=function(e){return p.H.useState(e)};c.useSyncExternalStore=function(e,r,o){return p.H.useSyncExternalStore(e,r,o)};c.useTransition=function(){return p.H.useTransition()};c.version="19.1.1"});var Me=H((Go,Te)=>{"use strict";Te.exports=Ce()});var je=H(_=>{"use strict";Object.defineProperty(_,"__esModule",{value:!0});_.errorMessages=_.ErrorType=void 0;var S;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(S=_.ErrorType||(_.ErrorType={}));_.errorMessages=new Map([[S.MalformedUnicode,"malformed Unicode character escape sequence"],[S.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[S.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[S.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[S.EndOfString,"malformed escape sequence at end of string"]])});var $e=H(k=>{"use strict";Object.defineProperty(k,"__esModule",{value:!0});k.unraw=k.errorMessages=k.ErrorType=void 0;var h=je();Object.defineProperty(k,"ErrorType",{enumerable:!0,get:function(){return h.ErrorType}});Object.defineProperty(k,"errorMessages",{enumerable:!0,get:function(){return h.errorMessages}});function Ar(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function Y(e,r,o){let t=Ar(e);if(Number.isNaN(t)||o!==void 0&&o!==e.length)throw new SyntaxError(h.errorMessages.get(r));return t}function $r(e){let r=Y(e,h.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(r)}function Pe(e,r){let o=Y(e,h.ErrorType.MalformedUnicode,4);if(r!==void 0){let t=Y(r,h.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function Hr(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function Br(e){if(!Hr(e))throw new SyntaxError(h.errorMessages.get(h.ErrorType.MalformedUnicode));let r=e.slice(1,-1),o=Y(r,h.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(h.errorMessages.get(h.ErrorType.CodePointLimit)):t}}function Dr(e,r=!1){if(r)throw new SyntaxError(h.errorMessages.get(h.ErrorType.OctalDeprecation));let o=parseInt(e,8);return String.fromCharCode(o)}var Ir=new Map([["b","\b"],["f","\f"],["n",`
+`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function Yr(e){return Ir.get(e)||e}var Ur=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function Ae(e,r=!1){return e.replace(Ur,function(o,t,a,i,n,l,s,u,g){if(t!==void 0)return"\\";if(a!==void 0)return $r(a);if(i!==void 0)return Br(i);if(n!==void 0)return Pe(n,l);if(s!==void 0)return Pe(s);if(u==="0")return"\0";if(u!==void 0)return Dr(u,!r);if(g!==void 0)return Yr(g);throw new SyntaxError(h.errorMessages.get(h.ErrorType.EndOfString))})}k.unraw=Ae;k.default=Ae});var q=ge(Me(),1);var Or=new Set(["children","localName","ref","style","className"]),Le=new WeakMap,Se=(e,r,o,t,a)=>{let i=a==null?void 0:a[r];i===void 0?(e[r]=o,o==null&&r in HTMLElement.prototype&&e.removeAttribute(r)):o!==t&&((n,l,s)=>{let u=Le.get(n);u===void 0&&Le.set(n,u=new Map);let g=u.get(l);s!==void 0?g===void 0?(u.set(l,g={handleEvent:s}),n.addEventListener(l,g)):g.handleEvent=s:g!==void 0&&(u.delete(l),n.removeEventListener(l,g))})(e,i,o)},R=({react:e,tagName:r,elementClass:o,events:t,displayName:a})=>{let i=new Set(Object.keys(t!=null?t:{})),n=e.forwardRef((l,s)=>{let u=e.useRef(new Map),g=e.useRef(null),x={},z={};for(let[d,b]of Object.entries(l))Or.has(d)?x[d==="className"?"class":d]=b:i.has(d)||d in o.prototype?z[d]=b:x[d]=b;return e.useLayoutEffect(()=>{if(g.current===null)return;let d=new Map;for(let b in z)Se(g.current,b,l[b],u.current.get(b),t),u.current.delete(b),d.set(b,l[b]);for(let[b,O]of u.current)Se(g.current,b,void 0,O,t);u.current=d}),e.useLayoutEffect(()=>{var d;(d=g.current)==null||d.removeAttribute("defer-hydration")},[]),x.suppressHydrationWarning=!0,e.createElement(r,{...x,ref:e.useCallback(d=>{g.current=d,typeof s=="function"?s(d):s!==null&&(s.current=d)},[s])})});return n.displayName=a!=null?a:o.name,n};import{html as Rr,css as Nr,LitElement as jr}from"lit";import{css as ze}from"lit";var L=ze`
+  *,
+  :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;
+  }
+`,rt=ze`*, :before, :after {
+            --w-rotate: 0;
+            --w-rotate-x: 0;
+            --w-rotate-y: 0;
+            --w-rotate-z: 0;
+            --w-scale-x: 1;
+            --w-scale-y: 1;
+            --w-scale-z: 1;
+            --w-skew-x: 0;
+            --w-skew-y: 0;
+            --w-translate-x: 0;
+            --w-translate-y: 0;
+            --w-translate-z: 0
+        }
+
+            .h4, .t4 {
+                font-weight: 700;
+                font-size: var(--w-font-size-m);
+                line-height: var(--w-line-height-m)
+            }
+
+            .t3 {
+                font-weight: 700;
+                font-size: var(--w-font-size-l);
+                line-height: var(--w-line-height-l)
+            }
+
+            @media (min-width: 480px) {
+                .sm\\:h3 {
+                    font-weight: 700;
+                    font-size: var(--w-font-size-l);
+                    line-height: var(--w-line-height-l)
+                }
+            }
+
+            .text-center {
+                text-align: center
+            }
+
+            .before\\:text-center:before {
+                text-align: center
+            }
+
+            .text-left {
+                text-align: left
+            }
+
+            .text-right {
+                text-align: right
+            }
+
+            .align-middle {
+                vertical-align: middle
+            }
+
+            .animate-inprogress {
+                background-image: linear-gradient(135deg, rgba(0, 0, 0, .05) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .05) 75%, transparent 0, transparent) !important;
+                background-size: 30px 30px;
+                animation: animate-inprogress 3s linear infinite
+            }
+
+            @keyframes animate-inprogress {
+                0% {
+                    background-position: 0 0
+                }
+                to {
+                    background-position: 60px 0
+                }
+            }
+
+            .\\[--w-modal-max-height\\:80\\%\\] {
+                --w-modal-max-height: 80%
+            }
+
+            .\\[--w-modal-width\\:640px\\] {
+                --w-modal-width: 640px
+            }
+
+            .focus\\:\\[--w-outline-offset\\:-2px\\]:focus {
+                --w-outline-offset: -2px
+            }
+
+            .backdrop-blur {
+                -webkit-backdrop-filter: blur(4px);
+                backdrop-filter: blur(4px)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:bg-center:before {
+                background-position: center
+            }
+
+            .hover\\:bg-clip-padding:hover {
+                -webkit-background-clip: padding-box;
+                background-clip: padding-box
+            }
+
+            .bg-transparent, .group\\/steph:first-child .group-first\\/steph\\:bg-transparent, .group\\/steph:last-child .group-last\\/steph\\:bg-transparent {
+                background-color: transparent
+            }
+
+            .bg-\\[--w-black\\/25\\] {
+                background-color: rgba(var(--w-rgb-black), .25)
+            }
+
+            .bg-\\[--w-black\\/70\\], .bg-\\[var\\(--w-black\\)\\/70\\] {
+                background-color: rgba(var(--w-rgb-black), .7)
+            }
+
+            .bg-\\[--w-color-badge-info-background\\] {
+                background-color: var(--w-color-badge-info-background)
+            }
+
+            .bg-\\[--w-color-badge-negative-background\\] {
+                background-color: var(--w-color-badge-negative-background)
+            }
+
+            .bg-\\[--w-color-badge-neutral-background\\] {
+                background-color: var(--w-color-badge-neutral-background)
+            }
+
+            .bg-\\[--w-color-badge-positive-background\\] {
+                background-color: var(--w-color-badge-positive-background)
+            }
+
+            .bg-\\[--w-color-badge-sponsored-background\\] {
+                background-color: var(--w-color-badge-sponsored-background)
+            }
+
+            .bg-\\[--w-color-badge-warning-background\\] {
+                background-color: var(--w-color-badge-warning-background)
+            }
+
+            .bg-\\[--w-color-button-primary-background\\] {
+                background-color: var(--w-color-button-primary-background)
+            }
+
+            .bg-\\[--w-color-buttongroup-utility-background-selected\\] {
+                background-color: var(--w-color-buttongroup-utility-background-selected)
+            }
+
+            .bg-\\[--w-color-callout-background\\] {
+                background-color: var(--w-color-callout-background)
+            }
+
+            .bg-\\[--w-color-pill-suggestion-background\\] {
+                background-color: var(--w-color-pill-suggestion-background)
+            }
+
+            .bg-\\[--w-color-switch-track-background\\] {
+                background-color: var(--w-color-switch-track-background)
+            }
+
+            .bg-\\[--w-s-color-surface-elevated-100\\] {
+                background-color: var(--w-s-color-surface-elevated-100)
+            }
+
+            .bg-\\[--w-s-color-surface-elevated-300\\] {
+                background-color: var(--w-s-color-surface-elevated-300)
+            }
+
+            .bg-\\[--w-s-icon-selected\\] {
+                background-color: var(--w-s-icon-selected)
+            }
+
+            .group:hover .group-hover\\:bg-\\[--w-color-switch-track-background-hover\\] {
+                background-color: var(--w-color-switch-track-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover {
+                background-color: var(--w-color-button-pill-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover {
+                background-color: var(--w-color-button-primary-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-buttongroup-utility-background-hover\\]:hover {
+                background-color: var(--w-color-buttongroup-utility-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-color-pill-suggestion-background-hover\\]:hover {
+                background-color: var(--w-color-pill-suggestion-background-hover)
+            }
+
+            .hover\\:bg-\\[--w-s-icon-subtle\\]:hover {
+                background-color: var(--w-s-icon-subtle)
+            }
+
+            .hover\\:bg-\\[var\\(--w-black\\)\\/85\\]:hover {
+                background-color: rgba(var(--w-rgb-black), .85)
+            }
+
+            .active\\:bg-\\[--w-color-button-pill-background-active\\]:active {
+                background-color: var(--w-color-button-pill-background-active)
+            }
+
+            .active\\:bg-\\[--w-color-button-primary-background-active\\]:active {
+                background-color: var(--w-color-button-primary-background-active)
+            }
+
+            .active\\:bg-\\[--w-color-buttongroup-utility-background-selected\\]:active {
+                background-color: var(--w-color-buttongroup-utility-background-selected)
+            }
+
+            .active\\:bg-\\[--w-color-pill-suggestion-background-active\\]:active {
+                background-color: var(--w-color-pill-suggestion-background-active)
+            }
+
+            .active\\:bg-\\[var\\(--w-black\\)\\]:active {
+                background-color: var(--w-black)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:bg-\\[url\\(var\\(--w-icon-toggle-checked\\)\\)\\]:before {
+                background-image: var(--w-icon-toggle-checked)
+            }
+
+            .appearance-none {
+                -moz-appearance: none;
+                appearance: none;
+                -webkit-appearance: none
+            }
+
+            .will-change-height {
+                will-change: height
+            }
+
+            .border, .border-1 {
+                border-width: 1px
+            }
+
+            .border-b {
+                border-bottom-width: 1px
+            }
+
+            .before\\:border:before {
+                border-width: 1px
+            }
+
+            .border-0 {
+                border-width: 0
+            }
+
+            .border-2 {
+                border-width: 2px
+            }
+
+            .border-b-0 {
+                border-bottom-width: 0
+            }
+
+            .border-b-4 {
+                border-bottom-width: 4px
+            }
+
+            .border-l-4 {
+                border-left-width: 4px
+            }
+
+            .border-r-0, .group:not(:last-of-type) .group-not-last-of-type\\:border-r-0 {
+                border-right-width: 0
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:border-\\[6\\]:before {
+                border-width: .6rem
+            }
+
+            .border-transparent {
+                border-color: transparent
+            }
+
+            .border-\\[--w-color-buttongroup-utility-border\\] {
+                border-color: var(--w-color-buttongroup-utility-border)
+            }
+
+            .border-\\[--w-color-callout-border\\] {
+                border-color: var(--w-color-callout-border)
+            }
+
+            .border-\\[--w-s-color-background-inverted\\] {
+                border-color: var(--w-s-color-background-inverted)
+            }
+
+            .border-\\[--w-s-color-surface-elevated-300\\] {
+                border-color: var(--w-s-color-surface-elevated-300)
+            }
+
+            .active\\:border-\\[--w-color-buttongroup-utility-border-selected\\]:active {
+                border-color: var(--w-color-buttongroup-utility-border-selected)
+            }
+
+            .divide-x > * + * {
+                --w-divide-x-reverse: 0;
+                border-left-width: calc(1px * calc(1 - var(--w-divide-x-reverse)));
+                border-right-width: calc(1px * var(--w-divide-x-reverse))
+            }
+
+            .divide-y > * + * {
+                --w-divide-y-reverse: 0;
+                border-top-width: calc(1px * calc(1 - var(--w-divide-y-reverse)));
+                border-bottom-width: calc(1px * var(--w-divide-y-reverse))
+            }
+
+            .rounded-4 {
+                border-radius: 4px
+            }
+
+            .rounded-8 {
+                border-radius: 8px
+            }
+
+            .rounded-full {
+                border-radius: 9999px
+            }
+
+            .before\\:rounded-2:before {
+                border-radius: 2px
+            }
+
+            .before\\:rounded-full:before {
+                border-radius: 9999px
+            }
+
+            .rounded-b-0 {
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-bl-0 {
+                border-bottom-left-radius: 0
+            }
+
+            .rounded-br-0 {
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-l-0 {
+                border-top-left-radius: 0;
+                border-bottom-left-radius: 0
+            }
+
+            .rounded-l-full {
+                border-top-left-radius: 9999px;
+                border-bottom-left-radius: 9999px
+            }
+
+            .rounded-r-0 {
+                border-top-right-radius: 0;
+                border-bottom-right-radius: 0
+            }
+
+            .rounded-r-full {
+                border-top-right-radius: 9999px;
+                border-bottom-right-radius: 9999px
+            }
+
+            .rounded-tl-0 {
+                border-top-left-radius: 0
+            }
+
+            .rounded-tl-4 {
+                border-top-left-radius: 4px
+            }
+
+            .rounded-tr-0 {
+                border-top-right-radius: 0
+            }
+
+            .group:first-of-type .group-first-of-type\\:rounded-bl-8 {
+                border-bottom-left-radius: 8px
+            }
+
+            .group:first-of-type .group-first-of-type\\:rounded-tl-8 {
+                border-top-left-radius: 8px
+            }
+
+            .first\\:rounded-lb-4:first-child {
+                border-bottom-left-radius: 4px
+            }
+
+            .first\\:rounded-lt-4:first-child {
+                border-top-left-radius: 4px
+            }
+
+            .first\\:rounded-rt-4:first-child {
+                border-top-right-radius: 4px
+            }
+
+            .group:last-of-type .group-last-of-type\\:rounded-br-8 {
+                border-bottom-right-radius: 8px
+            }
+
+            .group:last-of-type .group-last-of-type\\:rounded-tr-8 {
+                border-top-right-radius: 8px
+            }
+
+            .last\\:rounded-lb-4:last-child {
+                border-bottom-left-radius: 4px
+            }
+
+            .last\\:rounded-rb-4:last-child {
+                border-bottom-right-radius: 4px
+            }
+
+            .last\\:rounded-rt-4:last-child {
+                border-top-right-radius: 4px
+            }
+
+            .caret-current {
+                caret-color: currentColor
+            }
+
+            .opacity-25 {
+                opacity: 25%
+            }
+
+            .block {
+                display: block
+            }
+
+            .before\\:block:before {
+                display: block
+            }
+
+            .inline-block {
+                display: inline-block
+            }
+
+            .inline {
+                display: inline
+            }
+
+            .flex, .open\\:flex[open] {
+                display: flex
+            }
+
+            .inline-flex {
+                display: inline-flex
+            }
+
+            .grid {
+                display: grid
+            }
+
+            .inline-grid {
+                display: inline-grid
+            }
+
+            .hidden, .group\\/stepv:last-child .group-last\\/stepv\\:hidden {
+                display: none
+            }
+
+            .before\\:hidden:before {
+                display: none
+            }
+
+            .hover\\:underline:hover {
+                text-decoration-line: underline
+            }
+
+            .focus\\:underline:focus {
+                text-decoration-line: underline
+            }
+
+            .focus-visible\\:underline:focus-visible {
+                text-decoration-line: underline
+            }
+
+            .active\\:underline:active {
+                text-decoration-line: underline
+            }
+
+            .hover\\:no-underline:hover {
+                text-decoration: none
+            }
+
+            .focus\\:no-underline:focus {
+                text-decoration: none
+            }
+
+            .active\\:no-underline:active {
+                text-decoration: none
+            }
+
+            .flex-1 {
+                flex: 1 1 0%
+            }
+
+            .shrink {
+                flex-shrink: 1
+            }
+
+            .shrink-0 {
+                flex-shrink: 0
+            }
+
+            .shrink-0\\! {
+                flex-shrink: 0 !important
+            }
+
+            .grow, .grow-1 {
+                flex-grow: 1
+            }
+
+            .basis-auto {
+                flex-basis: auto
+            }
+
+            .flex-col {
+                flex-direction: column
+            }
+
+            .focus-within\\:focusable:focus-within {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .focusable:focus, .focusable:focus-visible {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .focusable:not(:focus-visible) {
+                outline: none
+            }
+
+            .peer:focus ~ .peer-focus\\:focusable, .peer:focus-visible ~ .peer-focus\\:focusable {
+                outline: 2px solid var(--w-s-color-border-focus);
+                outline-offset: var(--w-outline-offset, 1px)
+            }
+
+            .peer:not(:focus-visible) ~ .peer-focus\\:focusable {
+                outline: none
+            }
+
+            .focusable-inset {
+                --w-outline-offset: -3px
+            }
+
+            .gap-12 {
+                gap: 1.2rem
+            }
+
+            .gap-8 {
+                gap: .8rem
+            }
+
+            .gap-x-16 {
+                column-gap: 1.6rem
+            }
+
+            .gap-y-16 {
+                row-gap: 1.6rem
+            }
+
+            .row-span-2 {
+                grid-row: span 2/span 2
+            }
+
+            .col-span-2 {
+                grid-column: span 2/span 2
+            }
+
+            .col-span-3 {
+                grid-column: span 3/span 3
+            }
+
+            .row-start-1 {
+                grid-row-start: 1
+            }
+
+            .row-start-2 {
+                grid-row-start: 2
+            }
+
+            .col-start-2 {
+                grid-column-start: 2
+            }
+
+            .auto-rows-auto {
+                grid-auto-rows: auto
+            }
+
+            .grid-flow-col {
+                grid-auto-flow: column
+            }
+
+            .grid-rows-\\[20px_auto\\] {
+                grid-template-rows:20px auto
+            }
+
+            .grid-rows-\\[auto_20px\\] {
+                grid-template-rows:auto 20px
+            }
+
+            .grid-cols-\\[1fr_20px_1fr\\] {
+                grid-template-columns:1fr 20px 1fr
+            }
+
+            .grid-cols-\\[1fr_20px\\] {
+                grid-template-columns:1fr 20px
+            }
+
+            .grid-cols-\\[20px_1fr\\] {
+                grid-template-columns:20px 1fr
+            }
+
+            .grid-cols-\\[auto_1fr_auto\\] {
+                grid-template-columns:auto 1fr auto
+            }
+
+            .grid-cols-1 {
+                grid-template-columns:repeat(1, minmax(0, 1fr))
+            }
+
+            .grid-cols-2 {
+                grid-template-columns:repeat(2, minmax(0, 1fr))
+            }
+
+            .grid-cols-3 {
+                grid-template-columns:repeat(3, minmax(0, 1fr))
+            }
+
+            .grid-cols-4 {
+                grid-template-columns:repeat(4, minmax(0, 1fr))
+            }
+
+            .grid-cols-5 {
+                grid-template-columns:repeat(5, minmax(0, 1fr))
+            }
+
+            .grid-cols-6 {
+                grid-template-columns:repeat(6, minmax(0, 1fr))
+            }
+
+            .grid-cols-7 {
+                grid-template-columns:repeat(7, minmax(0, 1fr))
+            }
+
+            .grid-cols-8 {
+                grid-template-columns:repeat(8, minmax(0, 1fr))
+            }
+
+            .grid-cols-9 {
+                grid-template-columns:repeat(9, minmax(0, 1fr))
+            }
+
+            .overflow-hidden {
+                overflow: hidden
+            }
+
+            .overflow-x-hidden {
+                overflow-x: hidden
+            }
+
+            .overflow-y-auto {
+                overflow-y: auto
+            }
+
+            .list-none {
+                list-style-type: none
+            }
+
+            .outline-\\[--w-s-color-border-negative\\]\\! {
+                outline-color: var(--w-s-color-border-negative) !important
+            }
+
+            .outline-none {
+                outline: 2px solid transparent;
+                outline-offset: 2px
+            }
+
+            .focus\\:outline-none:focus {
+                outline: 2px solid transparent;
+                outline-offset: 2px
+            }
+
+            .items-start {
+                align-items: flex-start
+            }
+
+            .items-end {
+                align-items: flex-end
+            }
+
+            .items-center {
+                align-items: center
+            }
+
+            .self-center {
+                align-self: center
+            }
+
+            .inset-0 {
+                top: 0rem;
+                right: 0rem;
+                bottom: 0rem;
+                left: 0rem
+            }
+
+            .-bottom-0 {
+                bottom: -0rem
+            }
+
+            .bottom-0 {
+                bottom: 0rem
+            }
+
+            .bottom-10 {
+                bottom: 1rem
+            }
+
+            .bottom-16 {
+                bottom: 1.6rem
+            }
+
+            .left-0 {
+                left: 0rem
+            }
+
+            .left-4 {
+                left: .4rem
+            }
+
+            .right-0 {
+                right: 0rem
+            }
+
+            .right-8 {
+                right: .8rem
+            }
+
+            .top-\\[1\\.92rem\\] {
+                top: 1.92rem
+            }
+
+            .top-0 {
+                top: 0rem
+            }
+
+            .top-20 {
+                top: 2rem
+            }
+
+            .top-4 {
+                top: .4rem
+            }
+
+            .top-8 {
+                top: .8rem
+            }
+
+            .before\\:bottom-0:before {
+                bottom: 0rem
+            }
+
+            .before\\:left-0:before {
+                left: 0rem
+            }
+
+            .before\\:right-0:before {
+                right: 0rem
+            }
+
+            .before\\:top-2:before {
+                top: .2rem
+            }
+
+            .-bottom-\\[8px\\] {
+                bottom: -8px
+            }
+
+            .-left-\\[8px\\] {
+                left: -8px
+            }
+
+            .-right-\\[8px\\] {
+                right: -8px
+            }
+
+            .-top-\\[8px\\] {
+                top: -8px
+            }
+
+            .top-\\[19px\\] {
+                top: 19px
+            }
+
+            .top-\\[30\\%\\] {
+                top: 30%
+            }
+
+            .justify-end {
+                justify-content: flex-end
+            }
+
+            .justify-center {
+                justify-content: center
+            }
+
+            .justify-between {
+                justify-content: space-between
+            }
+
+            .justify-items-center {
+                justify-items: center
+            }
+
+            .justify-self-start {
+                justify-self: start
+            }
+
+            .justify-self-end {
+                justify-self: end
+            }
+
+            .justify-self-center {
+                justify-self: center
+            }
+
+            .absolute {
+                position: absolute
+            }
+
+            .fixed {
+                position: fixed
+            }
+
+            .relative {
+                position: relative
+            }
+
+            .open\\:fixed[open] {
+                position: fixed
+            }
+
+            .before\\:absolute:before {
+                position: absolute
+            }
+
+            .z-10, .peer:checked ~ .peer-checked\\:z-10 {
+                z-index: 10
+            }
+
+            .z-30 {
+                z-index: 30
+            }
+
+            .z-50 {
+                z-index: 50
+            }
+
+            .hover\\:z-30:hover {
+                z-index: 30
+            }
+
+            .\\!s-bg-selected {
+                background-color: var(--w-s-color-background-selected) !important
+            }
+
+            .s-bg {
+                background-color: var(--w-s-color-background)
+            }
+
+            .s-bg-disabled {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .s-bg-disabled-subtle {
+                background-color: var(--w-s-color-background-disabled-subtle)
+            }
+
+            .s-bg-info-subtle {
+                background-color: var(--w-s-color-background-info-subtle)
+            }
+
+            .s-bg-inverted {
+                background-color: var(--w-s-color-background-inverted)
+            }
+
+            .s-bg-negative {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .s-bg-negative-subtle {
+                background-color: var(--w-s-color-background-negative-subtle)
+            }
+
+            .s-bg-positive-subtle {
+                background-color: var(--w-s-color-background-positive-subtle)
+            }
+
+            .s-bg-primary, .peer:checked ~ .peer-checked\\:s-bg-primary {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .s-bg-selected {
+                background-color: var(--w-s-color-background-selected)
+            }
+
+            .s-bg-subtle {
+                background-color: var(--w-s-color-background-subtle)
+            }
+
+            .s-bg-warning-subtle {
+                background-color: var(--w-s-color-background-warning-subtle)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-negative-hover:before {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-bg-primary-hover:before {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-disabled:before {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-negative:before {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-bg-primary:before {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-disabled:before {
+                background-color: var(--w-s-color-background-disabled)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-negative:before {
+                background-color: var(--w-s-color-background-negative)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-bg-primary:before {
+                background-color: var(--w-s-color-background-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-negative-hover:hover:before {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-bg-primary-hover:hover:before {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .\\!hover\\:s-bg-selected-hover:hover {
+                background-color: var(--w-s-color-background-selected-hover) !important
+            }
+
+            .group:hover .group-hover\\:s-bg-primary-hover {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .hover\\:before\\:s-bg-hover:hover:before {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .hover\\:before\\:s-bg-negative-subtle-hover:hover:before {
+                background-color: var(--w-s-color-background-negative-subtle-hover)
+            }
+
+            .hover\\:s-bg-hover:hover {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .hover\\:s-bg-negative-hover:hover {
+                background-color: var(--w-s-color-background-negative-hover)
+            }
+
+            .hover\\:s-bg-negative-subtle-hover:hover {
+                background-color: var(--w-s-color-background-negative-subtle-hover)
+            }
+
+            .hover\\:s-bg-primary-hover:hover {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .hover\\:s-bg-selected-hover:hover {
+                background-color: var(--w-s-color-background-selected-hover)
+            }
+
+            .peer:hover:not(:checked) ~ .peer-hover\\:peer-not-checked\\:s-bg-hover {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-bg-hover:before {
+                background-color: var(--w-s-color-background-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-bg-negative-subtle:before {
+                background-color: var(--w-s-color-background-negative-subtle)
+            }
+
+            .focus\\:s-bg-primary-hover:focus {
+                background-color: var(--w-s-color-background-primary-hover)
+            }
+
+            .\\!active\\:s-bg-selected-active:active {
+                background-color: var(--w-s-color-background-selected-active) !important
+            }
+
+            .active\\:s-bg-active:active {
+                background-color: var(--w-s-color-background-active)
+            }
+
+            .active\\:s-bg-negative-active:active {
+                background-color: var(--w-s-color-background-negative-active)
+            }
+
+            .active\\:s-bg-negative-subtle-active:active {
+                background-color: var(--w-s-color-background-negative-subtle-active)
+            }
+
+            .active\\:s-bg-primary-active:active {
+                background-color: var(--w-s-color-background-primary-active)
+            }
+
+            .active\\:s-bg-selected-active:active {
+                background-color: var(--w-s-color-background-selected-active)
+            }
+
+            .before\\:s-bg-disabled-subtle:before {
+                background-color: var(--w-s-color-background-disabled-subtle)
+            }
+
+            .before\\:s-bg:before {
+                background-color: var(--w-s-color-background)
+            }
+
+            .s-text {
+                color: var(--w-s-color-text)
+            }
+
+            .s-text-disabled {
+                color: var(--w-s-color-text-disabled)
+            }
+
+            .s-text-inverted, .peer:checked ~ .peer-checked\\:s-text-inverted {
+                color: var(--w-s-color-text-inverted)
+            }
+
+            .s-text-inverted-static {
+                color: var(--w-s-color-text-inverted-static)
+            }
+
+            .s-text-link {
+                color: var(--w-s-color-text-link)
+            }
+
+            .s-text-negative {
+                color: var(--w-s-color-text-negative)
+            }
+
+            .s-text-subtle {
+                color: var(--w-s-color-text-subtle)
+            }
+
+            .hover\\:s-text-link:hover {
+                color: var(--w-s-color-text-link)
+            }
+
+            .active\\:s-text:active {
+                color: var(--w-s-color-text)
+            }
+
+            .placeholder\\:s-text-placeholder::placeholder {
+                color: var(--w-s-color-text-placeholder)
+            }
+
+            .s-icon {
+                color: var(--w-s-color-icon)
+            }
+
+            .s-icon-info {
+                color: var(--w-s-color-icon-info)
+            }
+
+            .s-icon-inverted {
+                color: var(--w-s-color-icon-inverted)
+            }
+
+            .s-icon-negative {
+                color: var(--w-s-color-icon-negative)
+            }
+
+            .s-icon-positive {
+                color: var(--w-s-color-icon-positive)
+            }
+
+            .s-icon-warning {
+                color: var(--w-s-color-icon-warning)
+            }
+
+            .hover\\:s-icon-hover:hover {
+                color: var(--w-s-color-icon-hover)
+            }
+
+            .active\\:s-icon-active:active {
+                color: var(--w-s-color-icon-active)
+            }
+
+            .before\\:s-icon-inverted:before {
+                color: var(--w-s-color-icon-inverted)
+            }
+
+            .s-border {
+                border-color: var(--w-s-color-border)
+            }
+
+            .s-border-disabled {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .s-border-info-subtle {
+                border-color: var(--w-s-color-border-info-subtle)
+            }
+
+            .s-border-l-info {
+                border-left-color: var(--w-s-color-border-info)
+            }
+
+            .s-border-l-negative {
+                border-left-color: var(--w-s-color-border-negative)
+            }
+
+            .s-border-l-positive {
+                border-left-color: var(--w-s-color-border-positive)
+            }
+
+            .s-border-l-warning {
+                border-left-color: var(--w-s-color-border-warning)
+            }
+
+            .s-border-negative {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .s-border-negative-subtle {
+                border-color: var(--w-s-color-border-negative-subtle)
+            }
+
+            .s-border-positive-subtle {
+                border-color: var(--w-s-color-border-positive-subtle)
+            }
+
+            .s-border-primary, .peer:checked ~ .peer-checked\\:s-border-primary {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .s-border-selected {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .s-border-warning-subtle {
+                border-color: var(--w-s-color-border-warning-subtle)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-negative-hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-primary-hover:before {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .peer:checked:hover ~ .peer-checked\\:peer-hover\\:before\\:s-border-selected-hover:before {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .peer:checked ~ .peer-checked\\:before\\:s-border-selected:before {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-negative-hover:hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:indeterminate ~ .peer-indeterminate\\:hover\\:before\\:s-border-primary-hover:hover:before {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .group:hover .group-hover\\:s-border-selected-hover {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .hover\\:before\\:s-border-negative-hover:hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .hover\\:before\\:s-border-primary:hover:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .hover\\:s-border-disabled:hover {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .hover\\:s-border-hover:hover {
+                border-color: var(--w-s-color-border-hover)
+            }
+
+            .hover\\:s-border-negative-hover:hover {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .hover\\:s-border-primary-hover:hover {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .hover\\:s-border-primary:hover {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .hover\\:s-border-selected-hover:hover {
+                border-color: var(--w-s-color-border-selected-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-border-negative-hover:before {
+                border-color: var(--w-s-color-border-negative-hover)
+            }
+
+            .peer:hover ~ .peer-hover\\:before\\:s-border-primary:before {
+                border-color: var(--w-s-color-border-primary)
+            }
+
+            .focus\\:s-border-primary-hover:focus {
+                border-color: var(--w-s-color-border-primary-hover)
+            }
+
+            .active\\:s-border-active:active {
+                border-color: var(--w-s-color-border-active)
+            }
+
+            .active\\:s-border-disabled:active {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .active\\:s-border-primary-active:active {
+                border-color: var(--w-s-color-border-primary-active)
+            }
+
+            .active\\:s-border-selected-active:active {
+                border-color: var(--w-s-color-border-selected-active)
+            }
+
+            .active\\:s-border-selected:active {
+                border-color: var(--w-s-color-border-selected)
+            }
+
+            .group:active .group-active\\:s-border-active {
+                border-color: var(--w-s-color-border-active)
+            }
+
+            .group:active .group-active\\:s-border-selected-active {
+                border-color: var(--w-s-color-border-selected-active)
+            }
+
+            .before\\:s-border-disabled:before {
+                border-color: var(--w-s-color-border-disabled)
+            }
+
+            .before\\:s-border-negative:before {
+                border-color: var(--w-s-color-border-negative)
+            }
+
+            .s-surface-sunken {
+                background-color: var(--w-s-color-surface-sunken)
+            }
+
+            .s-surface-elevated-200 {
+                background-color: var(--w-s-color-surface-elevated-200);
+                box-shadow: var(--w-s-shadow-surface-elevated-200)
+            }
+
+            .hover\\:s-surface-elevated-200-hover:hover {
+                background-color: var(--w-s-color-surface-elevated-200-hover);
+                box-shadow: var(--w-s-shadow-surface-elevated-200-hover)
+            }
+
+            .active\\:s-surface-elevated-200-active:active {
+                background-color: var(--w-s-color-surface-elevated-200-active);
+                box-shadow: var(--w-s-shadow-surface-elevated-200-active)
+            }
+
+            .drop-shadow-m {
+                filter: drop-shadow(rgba(64, 64, 64, .24) 0 3px 8px) drop-shadow(rgba(64, 64, 64, .16) 0 3px 6px)
+            }
+
+            .shadow-m {
+                box-shadow: var(--w-shadow-m)
+            }
+
+            .shadow-s {
+                box-shadow: var(--w-shadow-s)
+            }
+
+            .shadow-\\[--w-shadow-slider\\] {
+                box-shadow: var(--w-shadow-slider)
+            }
+
+            .hover\\:shadow-\\[--w-shadow-slider-handle-hover\\]:hover {
+                box-shadow: var(--w-shadow-slider-handle-hover)
+            }
+
+            .focus\\:shadow-\\[--w-shadow-slider-handle-hover\\]:focus {
+                box-shadow: var(--w-shadow-slider-handle-hover)
+            }
+
+            .active\\:shadow-\\[--w-shadow-slider-handle-active\\]:active {
+                box-shadow: var(--w-shadow-slider-handle-active)
+            }
+
+            .h-0 {
+                height: 0rem
+            }
+
+            .h-16 {
+                height: 1.6rem
+            }
+
+            .h-2 {
+                height: .2rem
+            }
+
+            .h-20 {
+                height: 2rem
+            }
+
+            .h-24 {
+                height: 2.4rem
+            }
+
+            .h-4 {
+                height: .4rem
+            }
+
+            .h-44 {
+                height: 4.4rem
+            }
+
+            .h-6 {
+                height: .6rem
+            }
+
+            .h-8 {
+                height: .8rem
+            }
+
+            .h-full {
+                height: 100%
+            }
+
+            .h-unset {
+                height: unset
+            }
+
+            .max-h-unset {
+                max-height: unset
+            }
+
+            .max-w-full {
+                max-width: 100%
+            }
+
+            .max-w-max {
+                max-width: max-content
+            }
+
+            .max-w-unset {
+                max-width: unset
+            }
+
+            .min-h-32 {
+                min-height: 3.2rem
+            }
+
+            .min-h-40 {
+                min-height: 4rem
+            }
+
+            .min-w-16 {
+                min-width: 1.6rem
+            }
+
+            .min-w-32 {
+                min-width: 3.2rem
+            }
+
+            .w-16 {
+                width: 1.6rem
+            }
+
+            .w-2 {
+                width: .2rem
+            }
+
+            .w-20 {
+                width: 2rem
+            }
+
+            .w-24 {
+                width: 2.4rem
+            }
+
+            .w-32 {
+                width: 3.2rem
+            }
+
+            .w-40 {
+                width: 4rem
+            }
+
+            .w-44 {
+                width: 4.4rem
+            }
+
+            .w-8 {
+                width: .8rem
+            }
+
+            .w-full {
+                width: 100%
+            }
+
+            .w-max {
+                width: max-content
+            }
+
+            .w-unset {
+                width: unset
+            }
+
+            .before\\:h-20:before {
+                height: 2rem
+            }
+
+            .before\\:h-full:before {
+                height: 100%
+            }
+
+            .before\\:w-20:before {
+                width: 2rem
+            }
+
+            .before\\:w-32:before {
+                width: 3.2rem
+            }
+
+            .h-\\[--w-modal-height\\] {
+                height: var(--w-modal-height)
+            }
+
+            .h-\\[14px\\] {
+                height: 14px
+            }
+
+            .h-\\[16px\\] {
+                height: 16px
+            }
+
+            .max-h-\\[--w-modal-max-height\\] {
+                max-height: var(--w-modal-max-height)
+            }
+
+            .min-h-\\[--w-modal-min-height\\] {
+                min-height: var(--w-modal-min-height)
+            }
+
+            .min-h-\\[32px\\] {
+                min-height: 32px
+            }
+
+            .min-h-\\[40px\\] {
+                min-height: 40px
+            }
+
+            .min-h-\\[42\\] {
+                min-height: 4.2rem
+            }
+
+            .min-h-\\[44px\\] {
+                min-height: 44px
+            }
+
+            .min-w-\\[32px\\] {
+                min-width: 32px
+            }
+
+            .min-w-\\[40px\\] {
+                min-width: 40px
+            }
+
+            .min-w-\\[44px\\] {
+                min-width: 44px
+            }
+
+            .w-\\[--w-modal-width\\] {
+                width: var(--w-modal-width)
+            }
+
+            .w-\\[14px\\] {
+                width: 14px
+            }
+
+            .w-\\[16px\\] {
+                width: 16px
+            }
+
+            .space-x-8 > :not([hidden]) ~ :not([hidden]) {
+                --w-space-x-reverse: 0;
+                margin-left: calc(.8rem * calc(1 - var(--w-space-x-reverse)));
+                margin-right: calc(.8rem * var(--w-space-x-reverse))
+            }
+
+            .space-y-16 > :not([hidden]) ~ :not([hidden]) {
+                --w-space-y-reverse: 0;
+                margin-top: calc(1.6rem * calc(1 - var(--w-space-y-reverse)));
+                margin-bottom: calc(1.6rem * var(--w-space-y-reverse))
+            }
+
+            .m-0 {
+                margin: 0rem
+            }
+
+            .m-auto {
+                margin: auto
+            }
+
+            .-mx-16 {
+                margin-left: -1.6rem;
+                margin-right: -1.6rem
+            }
+
+            .mx-0 {
+                margin-left: 0rem;
+                margin-right: 0rem
+            }
+
+            .mx-8 {
+                margin-left: .8rem;
+                margin-right: .8rem
+            }
+
+            .mx-auto {
+                margin-left: auto;
+                margin-right: auto
+            }
+
+            .-mb-1 {
+                margin-bottom: -.1rem
+            }
+
+            .-ml-8 {
+                margin-left: -.8rem
+            }
+
+            .-mr-1 {
+                margin-right: -.1rem
+            }
+
+            .-mr-8 {
+                margin-right: -.8rem
+            }
+
+            .-mt-2 {
+                margin-top: -.2rem
+            }
+
+            .-mt-4 {
+                margin-top: -.4rem
+            }
+
+            .last-child\\:mb-0 > :last-child, .mb-0 {
+                margin-bottom: 0rem
+            }
+
+            .mb-32 {
+                margin-bottom: 3.2rem
+            }
+
+            .ml-8 {
+                margin-left: .8rem
+            }
+
+            .ml-auto {
+                margin-left: auto
+            }
+
+            .mr-8 {
+                margin-right: .8rem
+            }
+
+            .mt-16 {
+                margin-top: 1.6rem
+            }
+
+            .mt-4 {
+                margin-top: .4rem
+            }
+
+            .group:not(:first-child) .group-not-first\\:-ml-2 {
+                margin-left: -.2rem
+            }
+
+            .last\\:mb-0:last-child {
+                margin-bottom: 0rem
+            }
+
+            .last\\:mr-0:last-child {
+                margin-right: 0rem
+            }
+
+            .m-\\[8px\\] {
+                margin: 8px
+            }
+
+            .p-0 {
+                padding: 0rem
+            }
+
+            .p-16 {
+                padding: 1.6rem
+            }
+
+            .p-4 {
+                padding: .4rem
+            }
+
+            .p-8 {
+                padding: .8rem
+            }
+
+            .px-0 {
+                padding-left: 0rem;
+                padding-right: 0rem
+            }
+
+            .px-1 {
+                padding-left: .1rem;
+                padding-right: .1rem
+            }
+
+            .px-12 {
+                padding-left: 1.2rem;
+                padding-right: 1.2rem
+            }
+
+            .px-14 {
+                padding-left: 1.4rem;
+                padding-right: 1.4rem
+            }
+
+            .px-16 {
+                padding-left: 1.6rem;
+                padding-right: 1.6rem
+            }
+
+            .px-8 {
+                padding-left: .8rem;
+                padding-right: .8rem
+            }
+
+            .py-0 {
+                padding-top: 0rem;
+                padding-bottom: 0rem
+            }
+
+            .py-1 {
+                padding-top: .1rem;
+                padding-bottom: .1rem
+            }
+
+            .py-10 {
+                padding-top: 1rem;
+                padding-bottom: 1rem
+            }
+
+            .py-12 {
+                padding-top: 1.2rem;
+                padding-bottom: 1.2rem
+            }
+
+            .py-2 {
+                padding-top: .2rem;
+                padding-bottom: .2rem
+            }
+
+            .py-4 {
+                padding-top: .4rem;
+                padding-bottom: .4rem
+            }
+
+            .py-6 {
+                padding-top: .6rem;
+                padding-bottom: .6rem
+            }
+
+            .py-8 {
+                padding-top: .8rem;
+                padding-bottom: .8rem
+            }
+
+            .pb-0 {
+                padding-bottom: 0rem
+            }
+
+            .pb-32 {
+                padding-bottom: 3.2rem
+            }
+
+            .pb-4 {
+                padding-bottom: .4rem
+            }
+
+            .pb-8 {
+                padding-bottom: .8rem
+            }
+
+            .pl-0 {
+                padding-left: 0rem
+            }
+
+            .pl-1 {
+                padding-left: .1rem
+            }
+
+            .pl-12 {
+                padding-left: 1.2rem
+            }
+
+            .pl-28 {
+                padding-left: 2.8rem
+            }
+
+            .pl-4 {
+                padding-left: .4rem
+            }
+
+            .pl-8 {
+                padding-left: .8rem
+            }
+
+            .pr-12 {
+                padding-right: 1.2rem
+            }
+
+            .pr-14 {
+                padding-right: 1.4rem
+            }
+
+            .pr-2 {
+                padding-right: .2rem
+            }
+
+            .pr-32 {
+                padding-right: 3.2rem
+            }
+
+            .pr-40 {
+                padding-right: 4rem
+            }
+
+            .pt-0 {
+                padding-top: 0rem
+            }
+
+            .pt-1 {
+                padding-top: .1rem
+            }
+
+            .pt-16 {
+                padding-top: 1.6rem
+            }
+
+            .pt-24 {
+                padding-top: 2.4rem
+            }
+
+            .pt-8 {
+                padding-top: .8rem
+            }
+
+            .group\\/step:last-child .group-last\\/step\\:last\\:pb-0:last-child {
+                padding-bottom: 0rem
+            }
+
+            .last\\:pb-1:last-child {
+                padding-bottom: .1rem
+            }
+
+            .last\\:pr-1:last-child {
+                padding-right: .1rem
+            }
+
+            .p-\\[8px\\] {
+                padding: 8px
+            }
+
+            .px-\\[15px\\] {
+                padding-left: 15px;
+                padding-right: 15px
+            }
+
+            .px-\\[8px\\] {
+                padding-left: 8px;
+                padding-right: 8px
+            }
+
+            .py-\\[11px\\] {
+                padding-top: 11px;
+                padding-bottom: 11px
+            }
+
+            .py-\\[5px\\] {
+                padding-top: 5px;
+                padding-bottom: 5px
+            }
+
+            .py-\\[7px\\] {
+                padding-top: 7px;
+                padding-bottom: 7px
+            }
+
+            .pl-\\[var\\(--w-prefix-width\\,_40px\\)\\] {
+                padding-left: var(--w-prefix-width, 40px)
+            }
+
+            .invisible {
+                visibility: hidden
+            }
+
+            .backface-hidden {
+                backface-visibility: hidden
+            }
+
+            .break-words {
+                overflow-wrap: break-word
+            }
+
+            .before\\:content-\\[\\"–\\"\\]:before {
+                content: "–"
+            }
+
+            .before\\:content-\\[\\"\\"\\]:before {
+                content: ""
+            }
+
+            .cursor-default {
+                cursor: default
+            }
+
+            .cursor-pointer {
+                cursor: pointer
+            }
+
+            .antialiased {
+                -webkit-font-smoothing: antialiased;
+                -moz-osx-font-smoothing: grayscale;
+                font-smoothing: grayscale
+            }
+
+            .font-bold {
+                font-weight: 700
+            }
+
+            .before\\:font-bold:before {
+                font-weight: 700
+            }
+
+            .font-normal {
+                font-weight: 400
+            }
+
+            .pointer-events-auto {
+                pointer-events: auto
+            }
+
+            .pointer-events-none {
+                pointer-events: none
+            }
+
+            .before\\:pointer-events-none:before {
+                pointer-events: none
+            }
+
+            .pb-safe-\\[32\\] {
+                padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px))
+            }
+
+            .sr-only {
+                position: absolute;
+                width: 1px;
+                height: 1px;
+                padding: 0;
+                margin: -1px;
+                overflow: hidden;
+                clip: rect(0, 0, 0, 0);
+                white-space: nowrap;
+                border-width: 0
+            }
+
+            .touch-pan-y {
+                touch-action: pan-y
+            }
+
+            .select-none {
+                -webkit-user-select: none;
+                user-select: none
+            }
+
+            .translate-x-20 {
+                --w-translate-x: 2rem;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .translate-z-0 {
+                --w-translate-z: 0rem;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .-rotate-180, .part-\\[w-icon-chevron-down-16-part\\]\\:-rotate-180::part(w-icon-chevron-down-16-part) {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: -180deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-up-16-part\\]\\:rotate-180::part(w-icon-chevron-up-16-part), .rotate-180 {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: 180deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .rotate-90 {
+                --w-rotate-x: 0;
+                --w-rotate-y: 0;
+                --w-rotate-z: 0;
+                --w-rotate: 90deg;
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform::part(w-icon-chevron-up-16-part), .transform {
+                transform: translate(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transform-gpu::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transform-gpu::part(w-icon-chevron-up-16-part), .transform-gpu {
+                transform: translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotate(var(--w-rotate-z)) skew(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))
+            }
+
+            .part-\\[w-icon-chevron-down-16-part\\]\\:transition-transform::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:transition-transform::part(w-icon-chevron-up-16-part), .transition-transform {
+                transition-property: transform;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-300 {
+                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .3s
+            }
+
+            .transition-all {
+                transition-property: all;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-colors {
+                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .transition-shadow {
+                transition-property: box-shadow;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .before\\:transition-all:before {
+                transition-property: all;
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+                transition-duration: .15s
+            }
+
+            .duration-300 {
+                transition-duration: .3s
+            }
+
+            .ease-in-out, .part-\\[w-icon-chevron-down-16-part\\]\\:ease-in-out::part(w-icon-chevron-down-16-part), .part-\\[w-icon-chevron-up-16-part\\]\\:ease-in-out::part(w-icon-chevron-up-16-part) {
+                transition-timing-function: cubic-bezier(.4, 0, .2, 1)
+            }
+
+            .text-m {
+                font-size: var(--w-font-size-m);
+                line-height: var(--w-line-height-m)
+            }
+
+            .text-s {
+                font-size: var(--w-font-size-s);
+                line-height: var(--w-line-height-s)
+            }
+
+            .text-xs {
+                font-size: var(--w-font-size-xs);
+                line-height: var(--w-line-height-xs)
+            }
+
+            .leading-m {
+                line-height: var(--w-line-height-m)
+            }
+
+            .before\\:leading-xs:before {
+                line-height: var(--w-line-height-xs)
+            }
+
+            .leading-\\[24\\] {
+                line-height: 2.4rem
+            }
+
+            @media (max-width: 479.9px) {
+                .lt-sm\\:rounded-b-0 {
+                    border-bottom-left-radius: 0;
+                    border-bottom-right-radius: 0
+                }
+            }
+            @media (min-width: 480px) {
+                .sm\\:border-b-0 {
+                    border-bottom-width: 0
+                }
+
+                .sm\\:rounded-8 {
+                    border-radius: 8px
+                }
+
+                .sm\\:rounded-b-8 {
+                    border-bottom-left-radius: 8px;
+                    border-bottom-right-radius: 8px
+                }
+
+                .sm\\:gap-16 {
+                    gap: 1.6rem
+                }
+
+                .sm\\:place-content-center {
+                    place-content: center
+                }
+
+                .sm\\:place-items-center {
+                    place-items: center
+                }
+
+                .sm\\:h-24 {
+                    height: 2.4rem
+                }
+
+                .sm\\:min-h-48 {
+                    min-height: 4.8rem
+                }
+
+                .sm\\:w-24 {
+                    width: 2.4rem
+                }
+
+                .sm\\:min-h-\\[32px\\] {
+                    min-height: 32px
+                }
+
+                .sm\\:min-h-\\[44px\\] {
+                    min-height: 44px
+                }
+
+                .sm\\:min-h-\\[45\\] {
+                    min-height: 4.5rem
+                }
+
+                .sm\\:min-w-\\[32px\\] {
+                    min-width: 32px
+                }
+
+                .sm\\:min-w-\\[44px\\] {
+                    min-width: 44px
+                }
+
+                .sm\\:mx-0 {
+                    margin-left: 0rem;
+                    margin-right: 0rem
+                }
+
+                .sm\\:mx-16 {
+                    margin-left: 1.6rem;
+                    margin-right: 1.6rem
+                }
+
+                .sm\\:-ml-12 {
+                    margin-left: -1.2rem
+                }
+
+                .sm\\:-mr-12 {
+                    margin-right: -1.2rem
+                }
+
+                .sm\\:-mt-8 {
+                    margin-top: -.8rem
+                }
+
+                .sm\\:px-32 {
+                    padding-left: 3.2rem;
+                    padding-right: 3.2rem
+                }
+
+                .sm\\:py-0 {
+                    padding-top: 0rem;
+                    padding-bottom: 0rem
+                }
+
+                .sm\\:pb-32 {
+                    padding-bottom: 3.2rem
+                }
+
+                .sm\\:pt-24 {
+                    padding-top: 2.4rem
+                }
+
+                .sm\\:pt-32 {
+                    padding-top: 3.2rem
+                }
+            }
+            @media (min-width: 768px) {
+                .md\\:block {
+                    display: block
+                }
+
+                .md\\:hidden {
+                    display: none
+                }
+            }
+        `;var N=e=>class extends e{constructor(){super(...arguments);this.patchClose=!0;this._close=null}close(){this._close()}},j=e=>class extends e{handleSlotChange(r){let o=r.target.assignedNodes({flatten:!0});for(let t of o.filter(a=>a.patchClose))t._close=()=>this.close()}};var E=class extends N(j(jr)){render(){return Rr`
+      <div class="footer">
+        <slot @slotchange="${this.handleSlotChange}"></slot>
+      </div>
+    `}};E.styles=[L,Nr`
+      .footer {
+        display: flex;
+        flex-shrink: 0;
+        justify-content: flex-end;
+        padding-left: 1.6rem;
+        padding-right: 1.6rem;
+        padding-top: 2.4rem;
+      }
+      @media (min-width: 480px) {
+        .footer {
+          padding-left: 3.2rem;
+          padding-right: 3.2rem;
+        }
+      }
+    `];customElements.get("w-modal-footer")||customElements.define("w-modal-footer",E);import{css as Oo,html as se,LitElement as Ro,nothing as ar}from"lit";var Oe=(e,r)=>({dx:e.left-r.left,dy:e.top-r.top,dw:e.width/r.width,dh:e.height/r.height,first:e,last:r}),Re=({dx:e,dy:r})=>[{transform:`translate(${e}px, ${r}px)`},{transform:"none"}],Ne={easing:"ease",duration:300};var Q=!1,Pr=typeof window!="undefined";if(Pr){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),r=({matches:o})=>Q=o;e.addEventListener&&e.addEventListener("change",r),r(e)}var I=class{constructor(r,{animation:o={},keyframes:t,respectReduceMotion:a=!0}={}){B(this,"first");B(this,"last");B(this,"el");this.el=r,this.first={},this.last={},this.userAnimationOptions=o,this.keyframeGenerator=t||Re,this.shouldReduceMotion=a}async when(r){this.prep();let o=await r();return await this.play(),o}prep(){this.first=this.el.getBoundingClientRect()}async play(){if(this.last=this.el.getBoundingClientRect(),!this.el.animate)return;await this.el.animate(this.keyframes,this.animationOptions).finished}get keyframes(){return this.keyframeGenerator(Oe(this.first,this.last))}get defaults(){return Ne}get mergedOptions(){return{...this.defaults,...this.userAnimationOptions}}get animationOptions(){return this.shouldReduceMotion?Q?{...this.mergedOptions,duration:0}:this.mergedOptions:this.mergedOptions}};var De=ge($e(),1);var y=e=>typeof e=="string",Fr=e=>typeof e=="function",He=new Map,Ie="en";function te(e){return[...Array.isArray(e)?e:[e],Ie]}function ae(e,r,o){let t=te(e);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return U(()=>F("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(y(r)?new Date(r):r)}function qr(e,r,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return ae(e,r,t)}function ee(e,r,o){let t=te(e);return U(()=>F("number",t,o),()=>new Intl.NumberFormat(t,o)).format(r)}function Be(e,r,o,{offset:t=0,...a}){var l,s;let i=te(e),n=r?U(()=>F("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):U(()=>F("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return(s=(l=a[o])!=null?l:a[n.select(o-t)])!=null?s:a.other}function U(e,r){let o=e(),t=He.get(o);return t||(t=r(),He.set(o,t)),t}function F(e,r,o){let t=r.join("-");return`${e}-${t}-${JSON.stringify(o)}`}var Ye=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Ue="%__lingui_octothorpe__%",Jr=(e,r,o={})=>{let t=r||e,a=n=>typeof n=="object"?n:o[n],i=(n,l)=>{let s=Object.keys(o).length?a("number"):void 0,u=ee(t,n,s);return l.replace(new RegExp(Ue,"g"),u)};return{plural:(n,l)=>{let{offset:s=0}=l,u=Be(t,!1,n,l);return i(n-s,u)},selectordinal:(n,l)=>{let{offset:s=0}=l,u=Be(t,!0,n,l);return i(n-s,u)},select:Xr,number:(n,l)=>ee(t,n,a(l)||{style:l}),date:(n,l)=>ae(t,n,a(l)||l),time:(n,l)=>qr(t,n,a(l)||l)}},Xr=(e,r)=>{var o;return(o=r[e])!=null?o:r.other};function Zr(e,r,o){return(t={},a)=>{let i=Jr(r,o,a),n=(s,u=!1)=>Array.isArray(s)?s.reduce((g,x)=>{if(x==="#"&&u)return g+Ue;if(y(x))return g+x;let[z,d,b]=x,O={};d==="plural"||d==="selectordinal"||d==="select"?Object.entries(b).forEach(([J,cr])=>{O[J]=n(cr,d==="plural"||d==="selectordinal")}):O=b;let A;if(d){let J=i[d];A=J(t[z],O)}else A=t[z];return A==null?g:g+A},""):s,l=n(e);return y(l)&&Ye.test(l)?(0,De.unraw)(l):y(l)?l:l?String(l):""}}var Kr=Object.defineProperty,Gr=(e,r,o)=>r in e?Kr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,Wr=(e,r,o)=>(Gr(e,typeof r!="symbol"?r+"":r,o),o),re=class{constructor(){Wr(this,"_events",{})}on(r,o){var a;var t;return(a=(t=this._events)[r])!=null||(t[r]=[]),this._events[r].push(o),()=>this.removeListener(r,o)}removeListener(r,o){let t=this._getListeners(r);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(r,...o){let t=this._getListeners(r);t&&t.map(a=>a.apply(this,o))}_getListeners(r){let o=this._events[r];return Array.isArray(o)?o:!1}},Vr=Object.defineProperty,Qr=(e,r,o)=>r in e?Vr(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,C=(e,r,o)=>(Qr(e,typeof r!="symbol"?r+"":r,o),o),oe=class extends re{constructor(r){var o;super(),C(this,"_locale",""),C(this,"_locales"),C(this,"_localeData",{}),C(this,"_messages",{}),C(this,"_missing"),C(this,"_messageCompiler"),C(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate((o=r.locale)!=null?o:Ie,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var r;return(r=this._messages[this._locale])!=null?r:{}}get localeData(){var r;return(r=this._localeData[this._locale])!=null?r:{}}_loadLocaleData(r,o){let t=this._localeData[r];t?Object.assign(t,o):this._localeData[r]=o}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,o){typeof r=="string"?this._loadLocaleData(r,o):Object.keys(r).forEach(t=>this._loadLocaleData(t,r[t])),this.emit("change")}_load(r,o){let t=this._messages[r];t?Object.assign(t,o):this._messages[r]=o}load(r,o){typeof r=="string"&&typeof o=="object"?this._load(r,o):Object.entries(r).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:r,locales:o,messages:t}){this._locale=r,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(r,o){this._locale=r,this._locales=o,this.emit("change")}_(r,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;r||(r=""),y(r)||(o=r.values||o,a=r.message,r=r.id);let i=this.messages[r],n=i===void 0,l=this._missing;if(l&&n)return Fr(l)?l(this._locale,r):l;n&&this.emit("missing",{id:r,locale:this._locale});let s=i||a||r;return y(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
+
+> ${s}
+
+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. 
+`)),y(s)&&Ye.test(s)?JSON.parse(`"${s}"`):y(s)?s:Zr(s,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(r,o){return ae(this._locales||this._locale,r,o)}number(r,o){return ee(this._locales||this._locale,r,o)}};function eo(e={}){return new oe(e)}var m=eo();import{property as le,query as No,state as jo}from"lit/decorators.js";import{LitElement as ro}from"lit";import{unsafeStatic as oo,html as to}from"lit/static-html.js";var ao=JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}'),no=JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}'),io=JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}'),so=JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}'),lo=JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}'),Fe=["en","nb","fi","da","sv"],qe="en",co=()=>{var e;let r;switch((e=process==null?void 0:process.env)==null?void 0:e.NMP_BRAND){case"FINN":r="nb";break;case"TORI":r="fi";break;case"BLOCKET":r="sv";break;case"DBA":r="da";break;default:r="en"}return r},Je=()=>{var e;let r=(e=document==null?void 0:document.location)==null?void 0:e.hostname;return r!=null&&r.includes("finn")?"nb":r.includes("tori")?"fi":r.includes("blocket")?"sv":r.includes("dba")?"da":qe},ne=e=>Fe.find(r=>e===r||e.toLowerCase().includes(r))||Je();function uo(){var e;if(typeof window=="undefined"){let r=co();return ne(r)}try{let r=(e=document==null?void 0:document.documentElement)==null?void 0:e.lang,o=Je();return Fe.includes(r)?ne(r!=null?r:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ne(o))}catch(r){return console.warn("could not detect locale, falling back to source locale",r),qe}}var po=(e,r,o,t,a,i)=>e==="nb"?o:e==="fi"?t:e==="da"?a:e==="sv"?i:r,go=(e,r,o,t,a)=>{let i=uo(),n=po(i,e,r,o,t,a);m.load(i,n),m.activate(i)};go(no,ao,io,so,lo);var mo=class extends ro{render(){let e=m.t({message:"Leftward-pointing arrow",id:"icon.title.arrow-left",comment:"Title for table arrow left icon"});return to`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-arrow-left-16-part">${oo(`<title>${e}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5.222 8h6.667"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.444 11.75 4.111 8l3.333-3.75"></path></svg>`}};customElements.get("w-icon-arrow-left-16")||customElements.define("w-icon-arrow-left-16",mo);import{LitElement as bo}from"lit";import{unsafeStatic as ho,html as fo}from"lit/static-html.js";var vo=JSON.parse('{"icon.title.close":["Kryss"]}'),wo=JSON.parse('{"icon.title.close":["Cross"]}'),xo=JSON.parse('{"icon.title.close":["Rasti"]}'),ko=JSON.parse('{"icon.title.close":["Kryds"]}'),yo=JSON.parse('{"icon.title.close":["Kryss"]}'),Xe=["en","nb","fi","da","sv"],Ze="en",Eo=()=>{var e;let r;switch((e=process==null?void 0:process.env)==null?void 0:e.NMP_BRAND){case"FINN":r="nb";break;case"TORI":r="fi";break;case"BLOCKET":r="sv";break;case"DBA":r="da";break;default:r="en"}return r},Ke=()=>{var e;let r=(e=document==null?void 0:document.location)==null?void 0:e.hostname;return r!=null&&r.includes("finn")?"nb":r.includes("tori")?"fi":r.includes("blocket")?"sv":r.includes("dba")?"da":Ze},ie=e=>Xe.find(r=>e===r||e.toLowerCase().includes(r))||Ke();function _o(){var e;if(typeof window=="undefined"){let r=Eo();return ie(r)}try{let r=(e=document==null?void 0:document.documentElement)==null?void 0:e.lang,o=Ke();return Xe.includes(r)?ie(r!=null?r:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),ie(o))}catch(r){return console.warn("could not detect locale, falling back to source locale",r),Ze}}var Co=(e,r,o,t,a,i)=>e==="nb"?o:e==="fi"?t:e==="da"?a:e==="sv"?i:r,To=(e,r,o,t,a)=>{let i=_o(),n=Co(i,e,r,o,t,a);m.load(i,n),m.activate(i)};To(wo,vo,xo,ko,yo);var Mo=class extends bo{render(){let e=m.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return fo`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${ho(`<title>${e}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",Mo);var Lo=["en","nb","fi","da","sv"],We="en",Ge=e=>Lo.find(r=>e===r||e.toLowerCase().includes(r))||We;function So(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return Ge(e)}try{let e=document.documentElement.lang;return Ge(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),We}}var zo=(e,r,o,t,a,i)=>e==="nb"?o:e==="fi"?t:e==="da"?a:e==="sv"?i:r,Ve=(e,r,o,t,a)=>{let i=So(),n=zo(i,e,r,o,t,a);m.load(i,n),m.activate(i)};var Qe=JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');var er=JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');var rr=JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');var or=JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');var tr=JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');var w=class extends N(Ro){constructor(){super();this._hasTopContent=!1;Ve(er,or,rr,Qe,tr)}render(){return se`
+      <div class="header">
+        <slot name="top" @slotchange=${this.handleTopSlotChange}></slot>
+        <div class="${this._hasTopContent?"":"header-title-bar"}">
+          ${this.backButton}
+          <h1 class="title-el ${this.titleClasses}">${this.title}</h1>
+          ${this.closeButton}
+        </div>
+      </div>
+    `}async willUpdate(o){o.has("back")&&new I(this.titleEl).when(async()=>{await this.updateComplete})}get titleClasses(){return["header-title",this.back?"header-title-with-back-button":"header-title-without-back-button",this._hasTopContent?"header-title-with-top-area":""].join(" ")}get backButton(){return this.back&&!this._hasTopContent?se`<button
+          type="button"
+          aria-label="${m._({id:"modal.aria.back",message:"Back",comment:"Aria label for the back button in modal"})}"
+          class="header-button header-button-left"
+          @click="${this.emitBack}">
+          <w-icon-arrow-left-16></w-icon-arrow-left-16>
+        </button>`:ar}get closeButton(){return this.noClose?ar:se`<button
+      type="button"
+      aria-label="${m._({id:"modal.aria.close",message:"Close",comment:"Aria label for the close button in modal"})}"
+      class="header-button ${this._hasTopContent?"header-close-button-on-image":"header-close-button"}"
+      @click="${this.close}">
+      <w-icon-close-16></w-icon-close-16>
+    </button>`}emitBack(){this.dispatchEvent(new CustomEvent("backClicked",{bubbles:!0,composed:!0}))}handleTopSlotChange(o){let t=o.target.assignedElements({flatten:!0});this._hasTopContent=!!t.length}};w.styles=[L,Oo`
+      .header {
+        position: relative;
+        padding-bottom: 0.8rem;
+      }
+      .header-title-bar {
+        display: grid;
+        flex-shrink: 0 !important;
+        gap: 1.2rem;
+        grid-template-columns: auto 1fr auto;
+        align-items: flex-start;
+        padding-left: 1.6rem;
+        padding-right: 1.6rem;
+        padding-top: 1.6rem;
+      }
+      .header-title {
+        font-weight: 700;
+        font-size: var(--w-font-size-l);
+        line-height: var(--w-line-height-l);
+        align-self: center;
+        margin: 0;
+      }
+      .header-title-with-back-button {
+        justify-self: center;
+      }
+      .header-title-without-back-button {
+        grid-column: span 2 / span 2;
+      }
+      .header-title-with-top-area {
+        padding-left: 1.6rem;
+        padding-right: 1.6rem;
+        padding-top: 1.6rem;
+      }
+      .header-button:hover {
+        -webkit-background-clip: padding-box;
+        background-clip: padding-box;
+      }
+      .header-button:focus,
+      .header-button:focus-visible {
+        outline: 2px solid var(--w-s-color-border-focus);
+        outline-offset: var(--w-outline-offset, 1px);
+      }
+      .header-button:not(:focus-visible) {
+        outline: none;
+      }
+      .header-button {
+        border-width: 0;
+        border-radius: 9999px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-height: 40px;
+        min-width: 40px;
+        padding: 0.4rem;
+        font-weight: 700;
+        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        font-size: var(--w-font-size-m);
+        line-height: var(--w-line-height-m);
+        line-height: 2.4rem;
+      }
+      .header-button-left {
+        background-color: transparent;
+        color: var(--w-s-color-icon);
+        margin-left: -0.8rem;
+      }
+      .header-button-left:hover {
+        background-color: var(--w-color-button-pill-background-hover);
+      }
+      .header-button-left:active {
+        background-color: var(--w-color-button-pill-background-active);
+      }
+      .header-close-button {
+        background-color: transparent;
+        color: var(--w-s-color-icon);
+        margin-right: -0.8rem;
+      }
+      .header-close-button:hover {
+        background-color: var(--w-color-button-pill-background-hover);
+      }
+      .header-close-button:active {
+        background-color: var(--w-color-button-pill-background-active);
+      }
+      .header-close-button-on-image {
+        background-color: rgba(var(--w-rgb-black), 0.7);
+        right: 0.8rem;
+        top: 0.8rem;
+        position: absolute;
+        z-index: 10;
+        color: var(--w-s-color-text-inverted);
+      }
+      .header-close-button-on-image:hover {
+        background-color: rgba(var(--w-rgb-black), 0.85);
+      }
+      .header-close-button-on-image:active {
+        background-color: var(--w-black);
+      }
+      @media (min-width: 480px) {
+        .header-title-bar {
+          padding-left: 3.2rem;
+          padding-right: 3.2rem;
+          padding-top: 2.4rem;
+        }
+        .header-title-with-top-area {
+          padding-left: 3.2rem;
+          padding-right: 3.2rem;
+        }
+        .header-button {
+          min-height: 32px;
+          min-width: 32px;
+        }
+      }
+    `],f([le({type:String})],w.prototype,"title",2),f([le({type:Boolean})],w.prototype,"back",2),f([le({type:Boolean,attribute:"no-close"})],w.prototype,"noClose",2),f([jo()],w.prototype,"_hasTopContent",2),f([No(".title-el")],w.prototype,"titleEl",2);customElements.get("w-modal-header")||customElements.define("w-modal-header",w);import{css as qo,html as Jo,LitElement as Xo}from"lit";import{property as de,query as ue}from"lit/decorators.js";var P=[],ce={documentElement:{},body:{}},Po=Object.freeze({documentElement:{"scrollbar-gutter":"stable"},body:{overflow:"hidden",position:"relative",height:"100%"}}),nr=e=>{var r;e.touches.length>1||((r=e.preventDefault)==null||r.call(e))},Ao=e=>([r,o])=>{ce[e][r]=document[e].style[r],document[e].style[r]=o},$o=()=>Object.entries(Po).forEach(([e,r])=>{Object.entries(r).forEach(Ao(e))}),Ho=e=>([r,o])=>{document[e].style[r]=ce[e][r]},Bo=()=>Object.entries(ce).forEach(([e,r])=>{Object.entries(r).forEach(Ho(e))}),Do=e=>e.scrollHeight-Math.abs(e.scrollTop)===e.clientHeight;function Io(e){let r=-1,o=t=>{if(t.targetTouches.length!==1)return;let a=t.targetTouches[0].clientY-r;return e.scrollTop===0&&a>0||Do(e)&&a<0?nr(t):(t.stopPropagation(),!0)};e.ontouchstart=t=>{t.targetTouches.length===1&&(r=t.targetTouches[0].clientY)},e.ontouchmove=o}function Yo(e){e.ontouchstart=null,e.ontouchmove=null}var ir=e=>()=>document[e?"addEventListener":"removeEventListener"]("touchmove",nr,{passive:!1}),Uo=ir(!0),Fo=ir();function sr(e){if(!e)throw Error("Could not run setup, an element must be provided");P.some(r=>r===e)||(P.length||($o(),Uo()),Io(e),P.push(e))}function lr(){P.forEach(Yo),Fo(),Bo(),P=[]}var v=class extends j(Xo){constructor(){super(),this.interceptEscape=this.interceptEscape.bind(this),this.closeOnBackdropClick=this.closeOnBackdropClick.bind(this),this.eventPreventer=this.eventPreventer.bind(this),this.modifyBorderRadius=this.modifyBorderRadius.bind(this)}async open(){this.dialogEl.showModal(),this.handleListeners(),sr(this.contentEl),await this.updateComplete,this.dispatchEvent(new CustomEvent("shown",{bubbles:!0,composed:!0}))}close(){this.handleListeners("removeEventListener"),this.dialogEl.classList.add("close"),this.dialogEl.addEventListener("animationend",async()=>{this.dialogEl.classList.remove("close"),this.dialogEl.close(),lr(),await this.updateComplete,this.dispatchEvent(new CustomEvent("hidden",{bubbles:!0,composed:!0}))},{once:!0})}render(){return Jo`
+      <dialog class="dialog-el">
+        <div class="dialog-inner-el">
+          <slot name="header" @slotchange="${this.handleSlotChange}"></slot>
+          <div class="content-el" id=${this.contentId}>
+            <slot name="content" @slotchange="${this.handleSlotChange}"></slot>
+          </div>
+          <slot name="footer" @slotchange="${this.handleSlotChange}"></slot>
+        </div>
+      </dialog>
+    `}updated(r){r.has("show")&&this[this.show?"open":"close"]()}handleListeners(r="addEventListener"){document[r]("keydown",this.interceptEscape),this.ignoreBackdropClicks||this.dialogEl[r]("mousedown",this.closeOnBackdropClick),this.dialogEl[r]("close",this.eventPreventer),this.dialogEl[r]("cancel",this.eventPreventer),this.dialogInnerEl[r]("transitionend",this.modifyBorderRadius)}eventPreventer(r){r.preventDefault()}closeOnBackdropClick(r){this.dialogEl===r.target&&this.close()}interceptEscape(r){r.key==="Escape"&&(r.preventDefault(),this.close())}modifyBorderRadius(){this.dialogInnerEl.scrollHeight*1.02>innerHeight?this.dialogInnerEl.style.borderRadius="0px":this.dialogInnerEl.style.borderRadius=null}};v.styles=[L,qo`
+      .dialog-el {
+        --w-modal-translate-distance: 100%;
+        --w-modal-max-height: 80%;
+        --w-modal-width: 640px;
+        background-color: transparent;
+        border-width: 0;
+        align-items: flex-end;
+        inset: 0rem;
+        height: unset;
+        max-height: unset;
+        max-width: unset;
+        width: unset;
+        margin: auto;
+        padding: 0rem;
+        backface-visibility: hidden;
+      }
+      .dialog-inner-el {
+        will-change: height;
+        border-radius: 8px;
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+        position: relative;
+        background-color: var(--w-s-color-background);
+        box-shadow: var(--w-shadow-m);
+        height: var(--w-modal-height);
+        max-height: var(--w-modal-max-height);
+        min-height: var(--w-modal-min-height);
+        width: var(--w-modal-width);
+        backface-visibility: hidden;
+        padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px));
+        transition-property: all;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+      }
+      .content-el {
+        display: block;
+        flex-shrink: 1;
+        flex-grow: 1;
+        overflow-x: hidden;
+        overflow-y: auto;
+        position: relative;
+        margin-bottom: 0rem;
+        padding-left: 1.6rem;
+        padding-right: 1.6rem;
+      }
+      @media (min-width: 480px) {
+        .dialog-el {
+          --w-modal-translate-distance: 50%;
+          place-content: center;
+          place-items: center;
+        }
+        .dialog-inner-el {
+          margin-left: 1.6rem;
+          margin-right: 1.6rem;
+          padding-bottom: 3.2rem;
+        }
+        .content-el {
+          padding-left: 3.2rem;
+          padding-right: 3.2rem;
+        }
+      }
+      @media (max-width: 479.9px) {
+        .dialog-inner-el {
+          border-bottom-left-radius: 0;
+          border-bottom-right-radius: 0;
+        }
+      }
+      .dialog-el[open] {
+        animation: w-modal-in 0.3s ease-in-out forwards;
+        display: flex;
+        position: fixed;
+      }
+      .dialog-el.close {
+        animation: w-modal-out 0.3s ease-in-out forwards;
+      }
+      .dialog-el[open]::backdrop {
+        animation: backdrop-in 0.3s ease-in-out forwards;
+      }
+      .dialog-el.close::backdrop {
+        animation: backdrop-out 0.3s ease-in-out forwards;
+      }
+      /* shouldn't need two (in/out) animations declared here, but reversing is being weird */
+      @keyframes w-modal-in {
+        from {
+          transform: translateY(var(--w-modal-translate-distance));
+          opacity: 0;
+        }
+        to {
+          transform: translateY(0);
+          opacity: 1;
+        }
+      }
+      @keyframes w-modal-out {
+        from {
+          transform: translateY(0);
+          opacity: 1;
+        }
+        to {
+          transform: translateY(var(--w-modal-translate-distance));
+          opacity: 0;
+        }
+      }
+      @keyframes backdrop-in {
+        from {
+          background: transparent;
+        }
+        to {
+          background: rgba(0, 0, 0, 0.25);
+        }
+      }
+      @keyframes backdrop-out {
+        from {
+          background: rgba(0, 0, 0, 0.25);
+        }
+        to {
+          background: transparent;
+        }
+      }
+    `],f([de({type:Boolean})],v.prototype,"show",2),f([de({type:String,attribute:"content-id"})],v.prototype,"contentId",2),f([de({type:Boolean,attribute:"ignore-backdrop-clicks"})],v.prototype,"ignoreBackdropClicks",2),f([ue(".dialog-el")],v.prototype,"dialogEl",2),f([ue(".dialog-inner-el")],v.prototype,"dialogInnerEl",2),f([ue(".content-el")],v.prototype,"contentEl",2);customElements.get("w-modal")||customElements.define("w-modal",v);var fa=R({tagName:"w-modal-footer",elementClass:v,react:q.default}),va=R({tagName:"w-modal-header",elementClass:w,react:q.default}),wa=R({tagName:"w-modal-footer",elementClass:E,react:q.default});export{fa as Modal,wa as ModalFooter,va as ModalHeader};
+/*! Bundled license information:
+
+react/cjs/react.production.js:
+  (**
+   * @license React
+   * react.production.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+@lit/react/create-component.js:
+  (**
+   * @license
+   * Copyright 2018 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/
+//# sourceMappingURL=react.js.map