@lukso/web-components 1.67.0 → 1.68.0

package/tools/cn.cjs

@@ -394,8 +394,9 @@ const fractionRegex = /^\d+\/\d+$/;
 const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-// Shadow always begins with x and y offset separated by underscore
-const shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 function isLength(value) {
   return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
@@ -449,7 +450,10 @@ function getIsArbitraryValue(value, label, testValue) {
   return false;
 }
 function isLengthOnly(value) {
-  return lengthUnitRegex.test(value);
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
 }
 function isNever() {
   return false;
@@ -494,7 +498,7 @@ function getDefaultConfig() {
   const getNumberWithAutoAndArbitrary = () => ['auto', isNumber, isArbitraryValue];
   const getPositions = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
   const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'];
-  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];
+  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
   const getAlign = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];
   const getZeroAndEmpty = () => ['', '0', isArbitraryValue];
   const getBreaks = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
@@ -596,14 +600,14 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/float
        */
       float: [{
-        float: ['right', 'left', 'none']
+        float: ['right', 'left', 'none', 'start', 'end']
       }],
       /**
        * Clear
        * @see https://tailwindcss.com/docs/clear
        */
       clear: [{
-        clear: ['left', 'right', 'both', 'none']
+        clear: ['left', 'right', 'both', 'none', 'start', 'end']
       }],
       /**
        * Isolation
@@ -1118,44 +1122,51 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]
+        w: ['auto', 'min', 'max', 'fit', 'svw', 'lvw', 'dvw', isArbitraryValue, spacing]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       'min-w': [{
-        'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]
+        'min-w': [isArbitraryValue, spacing, 'min', 'max', 'fit']
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       'max-w': [{
-        'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {
+        'max-w': [isArbitraryValue, spacing, 'none', 'full', 'min', 'max', 'fit', 'prose', {
           screen: [isTshirtSize]
-        }, isTshirtSize, isArbitraryValue]
+        }, isTshirtSize]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
+        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['min', 'max', 'fit', isLength, isArbitraryValue]
+        'min-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       'max-h': [{
-        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit']
+        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
       }],
       // Typography
       /**
@@ -1340,6 +1351,13 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/text-overflow
        */
       'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      'text-wrap': [{
+        text: ['wrap', 'nowrap', 'balance', 'pretty']
+      }],
       /**
        * Text Indent
        * @see https://tailwindcss.com/docs/text-indent
@@ -1865,7 +1883,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       'mix-blend': [{
-        'mix-blend': getBlendModes()
+        'mix-blend': [...getBlendModes(), 'plus-lighter', 'plus-darker']
       }],
       /**
        * Background Blend Mode
@@ -2179,7 +2197,9 @@ function getDefaultConfig() {
        * Appearance
        * @see https://tailwindcss.com/docs/appearance
        */
-      appearance: ['appearance-none'],
+      appearance: [{
+        appearance: ['none', 'auto']
+      }],
       /**
        * Cursor
        * @see https://tailwindcss.com/docs/cursor
@@ -2436,7 +2456,14 @@ function getDefaultConfig() {
        * Screen Readers
        * @see https://tailwindcss.com/docs/screen-readers
        */
-      sr: ['sr-only', 'not-sr-only']
+      sr: ['sr-only', 'not-sr-only'],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      'forced-color-adjust': [{
+        'forced-color-adjust': ['auto', 'none']
+      }]
     },
     conflictingClassGroups: {
       overflow: ['overflow-x', 'overflow-y'],
@@ -2452,6 +2479,7 @@ function getDefaultConfig() {
       m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
       mx: ['mr', 'ml'],
       my: ['mt', 'mb'],
+      size: ['w', 'h'],
       'font-size': ['leading'],
       'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],
       'fvn-ordinal': ['fvn-normal'],
@@ -2459,6 +2487,7 @@ function getDefaultConfig() {
       'fvn-figure': ['fvn-normal'],
       'fvn-spacing': ['fvn-normal'],
       'fvn-fraction': ['fvn-normal'],
+      'line-clamp': ['display', 'overflow'],
       rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],
       'rounded-s': ['rounded-ss', 'rounded-es'],
       'rounded-e': ['rounded-se', 'rounded-ee'],

package/tools/cn.js

@@ -390,8 +390,9 @@ const fractionRegex = /^\d+\/\d+$/;
 const stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
 const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
 const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
-// Shadow always begins with x and y offset separated by underscore
-const shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
+// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
+const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
 const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
 function isLength(value) {
   return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
@@ -445,7 +446,10 @@ function getIsArbitraryValue(value, label, testValue) {
   return false;
 }
 function isLengthOnly(value) {
-  return lengthUnitRegex.test(value);
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  return lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
 }
 function isNever() {
   return false;
@@ -490,7 +494,7 @@ function getDefaultConfig() {
   const getNumberWithAutoAndArbitrary = () => ['auto', isNumber, isArbitraryValue];
   const getPositions = () => ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
   const getLineStyles = () => ['solid', 'dashed', 'dotted', 'double', 'none'];
-  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];
+  const getBlendModes = () => ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity'];
   const getAlign = () => ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];
   const getZeroAndEmpty = () => ['', '0', isArbitraryValue];
   const getBreaks = () => ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
@@ -592,14 +596,14 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/float
        */
       float: [{
-        float: ['right', 'left', 'none']
+        float: ['right', 'left', 'none', 'start', 'end']
       }],
       /**
        * Clear
        * @see https://tailwindcss.com/docs/clear
        */
       clear: [{
-        clear: ['left', 'right', 'both', 'none']
+        clear: ['left', 'right', 'both', 'none', 'start', 'end']
       }],
       /**
        * Isolation
@@ -1114,44 +1118,51 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]
+        w: ['auto', 'min', 'max', 'fit', 'svw', 'lvw', 'dvw', isArbitraryValue, spacing]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       'min-w': [{
-        'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]
+        'min-w': [isArbitraryValue, spacing, 'min', 'max', 'fit']
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       'max-w': [{
-        'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {
+        'max-w': [isArbitraryValue, spacing, 'none', 'full', 'min', 'max', 'fit', 'prose', {
           screen: [isTshirtSize]
-        }, isTshirtSize, isArbitraryValue]
+        }, isTshirtSize]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
+        h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       'min-h': [{
-        'min-h': ['min', 'max', 'fit', isLength, isArbitraryValue]
+        'min-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       'max-h': [{
-        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit']
+        'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit', 'svh', 'lvh', 'dvh']
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
       }],
       // Typography
       /**
@@ -1336,6 +1347,13 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/text-overflow
        */
       'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      'text-wrap': [{
+        text: ['wrap', 'nowrap', 'balance', 'pretty']
+      }],
       /**
        * Text Indent
        * @see https://tailwindcss.com/docs/text-indent
@@ -1861,7 +1879,7 @@ function getDefaultConfig() {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       'mix-blend': [{
-        'mix-blend': getBlendModes()
+        'mix-blend': [...getBlendModes(), 'plus-lighter', 'plus-darker']
       }],
       /**
        * Background Blend Mode
@@ -2175,7 +2193,9 @@ function getDefaultConfig() {
        * Appearance
        * @see https://tailwindcss.com/docs/appearance
        */
-      appearance: ['appearance-none'],
+      appearance: [{
+        appearance: ['none', 'auto']
+      }],
       /**
        * Cursor
        * @see https://tailwindcss.com/docs/cursor
@@ -2432,7 +2452,14 @@ function getDefaultConfig() {
        * Screen Readers
        * @see https://tailwindcss.com/docs/screen-readers
        */
-      sr: ['sr-only', 'not-sr-only']
+      sr: ['sr-only', 'not-sr-only'],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      'forced-color-adjust': [{
+        'forced-color-adjust': ['auto', 'none']
+      }]
     },
     conflictingClassGroups: {
       overflow: ['overflow-x', 'overflow-y'],
@@ -2448,6 +2475,7 @@ function getDefaultConfig() {
       m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
       mx: ['mr', 'ml'],
       my: ['mt', 'mb'],
+      size: ['w', 'h'],
       'font-size': ['leading'],
       'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],
       'fvn-ordinal': ['fvn-normal'],
@@ -2455,6 +2483,7 @@ function getDefaultConfig() {
       'fvn-figure': ['fvn-normal'],
       'fvn-spacing': ['fvn-normal'],
       'fvn-fraction': ['fvn-normal'],
+      'line-clamp': ['display', 'overflow'],
       rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],
       'rounded-s': ['rounded-ss', 'rounded-es'],
       'rounded-e': ['rounded-se', 'rounded-ee'],

package/dist/index-9158df3a.cjs

@@ -1,46 +0,0 @@
-'use strict';
-
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$1=window,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$3=Symbol(),n$3=new WeakMap;let o$3 = class o{constructor(t,e,n){if(this._$cssResult$=!0,n!==s$3)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=n$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&n$3.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new o$3("string"==typeof t?t:t+"",void 0,s$3),S$1=(s,n)=>{e$2?s.adoptedStyleSheets=n.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet)):n.forEach((e=>{const n=document.createElement("style"),o=t$1.litNonce;void 0!==o&&n.setAttribute("nonce",o),n.textContent=e.cssText,s.appendChild(n);}));},c$1=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var s$2;const e$1=window,r$1=e$1.trustedTypes,h$1=r$1?r$1.emptyScript:"",o$2=e$1.reactiveElementPolyfillSupport,n$2={toAttribute(t,i){switch(i){case Boolean:t=t?h$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,i){let s=t;switch(i){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t);}catch(t){s=null;}}return s}},a$1=(t,i)=>i!==t&&(i==i||t==t),l$2={attribute:!0,type:String,converter:n$2,reflect:!1,hasChanged:a$1},d$1="finalized";let u$1 = class u extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu();}static addInitializer(t){var i;this.finalize(),(null!==(i=this.h)&&void 0!==i?i:this.h=[]).push(t);}static get observedAttributes(){this.finalize();const t=[];return this.elementProperties.forEach(((i,s)=>{const e=this._$Ep(s,i);void 0!==e&&(this._$Ev.set(e,s),t.push(e));})),t}static createProperty(t,i=l$2){if(i.state&&(i.attribute=!1),this.finalize(),this.elementProperties.set(t,i),!i.noAccessor&&!this.prototype.hasOwnProperty(t)){const s="symbol"==typeof t?Symbol():"__"+t,e=this.getPropertyDescriptor(t,s,i);void 0!==e&&Object.defineProperty(this.prototype,t,e);}}static getPropertyDescriptor(t,i,s){return {get(){return this[i]},set(e){const r=this[t];this[i]=e,this.requestUpdate(t,r,s);},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||l$2}static finalize(){if(this.hasOwnProperty(d$1))return !1;this[d$1]=!0;const t=Object.getPrototypeOf(this);if(t.finalize(),void 0!==t.h&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){const t=this.properties,i=[...Object.getOwnPropertyNames(t),...Object.getOwnPropertySymbols(t)];for(const s of i)this.createProperty(s,t[s]);}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(i){const s=[];if(Array.isArray(i)){const e=new Set(i.flat(1/0).reverse());for(const i of e)s.unshift(c$1(i));}else void 0!==i&&s.push(c$1(i));return s}static _$Ep(t,i){const s=i.attribute;return !1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$Eg(),this.requestUpdate(),null===(t=this.constructor.h)||void 0===t||t.forEach((t=>t(this)));}addController(t){var i,s;(null!==(i=this._$ES)&&void 0!==i?i:this._$ES=[]).push(t),void 0!==this.renderRoot&&this.isConnected&&(null===(s=t.hostConnected)||void 0===s||s.call(t));}removeController(t){var i;null===(i=this._$ES)||void 0===i||i.splice(this._$ES.indexOf(t)>>>0,1);}_$Eg(){this.constructor.elementProperties.forEach(((t,i)=>{this.hasOwnProperty(i)&&(this._$Ei.set(i,this[i]),delete this[i]);}));}createRenderRoot(){var t;const s=null!==(t=this.shadowRoot)&&void 0!==t?t:this.attachShadow(this.constructor.shadowRootOptions);return S$1(s,this.constructor.elementStyles),s}connectedCallback(){var t;void 0===this.renderRoot&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostConnected)||void 0===i?void 0:i.call(t)}));}enableUpdating(t){}disconnectedCallback(){var t;null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostDisconnected)||void 0===i?void 0:i.call(t)}));}attributeChangedCallback(t,i,s){this._$AK(t,s);}_$EO(t,i,s=l$2){var e;const r=this.constructor._$Ep(t,s);if(void 0!==r&&!0===s.reflect){const h=(void 0!==(null===(e=s.converter)||void 0===e?void 0:e.toAttribute)?s.converter:n$2).toAttribute(i,s.type);this._$El=t,null==h?this.removeAttribute(r):this.setAttribute(r,h),this._$El=null;}}_$AK(t,i){var s;const e=this.constructor,r=e._$Ev.get(t);if(void 0!==r&&this._$El!==r){const t=e.getPropertyOptions(r),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null===(s=t.converter)||void 0===s?void 0:s.fromAttribute)?t.converter:n$2;this._$El=r,this[r]=h.fromAttribute(i,t.type),this._$El=null;}}requestUpdate(t,i,s){let e=!0;void 0!==t&&(((s=s||this.constructor.getPropertyOptions(t)).hasChanged||a$1)(this[t],i)?(this._$AL.has(t)||this._$AL.set(t,i),!0===s.reflect&&this._$El!==t&&(void 0===this._$EC&&(this._$EC=new Map),this._$EC.set(t,s))):e=!1),!this.isUpdatePending&&e&&(this._$E_=this._$Ej());}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach(((t,i)=>this[i]=t)),this._$Ei=void 0);let i=!1;const s=this._$AL;try{i=this.shouldUpdate(s),i?(this.willUpdate(s),null===(t=this._$ES)||void 0===t||t.forEach((t=>{var i;return null===(i=t.hostUpdate)||void 0===i?void 0:i.call(t)})),this.update(s)):this._$Ek();}catch(t){throw i=!1,this._$Ek(),t}i&&this._$AE(s);}willUpdate(t){}_$AE(t){var i;null===(i=this._$ES)||void 0===i||i.forEach((t=>{var i;return null===(i=t.hostUpdated)||void 0===i?void 0:i.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t);}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return !0}update(t){void 0!==this._$EC&&(this._$EC.forEach(((t,i)=>this._$EO(i,this[i],t))),this._$EC=void 0),this._$Ek();}updated(t){}firstUpdated(t){}};u$1[d$1]=!0,u$1.elementProperties=new Map,u$1.elementStyles=[],u$1.shadowRootOptions={mode:"open"},null==o$2||o$2({ReactiveElement:u$1}),(null!==(s$2=e$1.reactiveElementVersions)&&void 0!==s$2?s$2:e$1.reactiveElementVersions=[]).push("1.6.3");
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var t;const i=window,s$1=i.trustedTypes,e=s$1?s$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$1="$lit$",n$1=`lit$${(Math.random()+"").slice(9)}$`,l$1="?"+n$1,h=`<${l$1}>`,r=document,u=()=>r.createComment(""),d=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c=Array.isArray,v=t=>c(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_=/-->/g,m=/>/g,p=RegExp(`>|${a}(?:([^\\s"'>=/]+)(${a}*=${a}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=w(1),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r.createTreeWalker(r,129,null,!1);function P(t,i){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e?e.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,e=[];let l,r=2===i?"<svg>":"",u=f;for(let i=0;i<s;i++){const s=t[i];let d,c,v=-1,a=0;for(;a<s.length&&(u.lastIndex=a,c=u.exec(s),null!==c);)a=u.lastIndex,u===f?"!--"===c[1]?u=_:void 0!==c[1]?u=m:void 0!==c[2]?(y.test(c[2])&&(l=RegExp("</"+c[2],"g")),u=p):void 0!==c[3]&&(u=p):u===p?">"===c[0]?(u=null!=l?l:f,v=-1):void 0===c[1]?v=-2:(v=u.lastIndex-c[2].length,d=c[1],u=void 0===c[3]?p:'"'===c[3]?$:g):u===$||u===g?u=p:u===_||u===m?u=f:(u=p,l=void 0);const w=u===p&&t[i+1].startsWith("/>")?" ":"";r+=u===f?s+h:v>=0?(e.push(d),s.slice(0,v)+o$1+s.slice(v)+n$1+w):s+n$1+(-2===v?(e.push(void 0),i):w);}return [P(t,r+(t[s]||"<?>")+(2===i?"</svg>":"")),e]};class N{constructor({strings:t,_$litType$:i},e){let h;this.parts=[];let r=0,d=0;const c=t.length-1,v=this.parts,[a,f]=V(t,i);if(this.el=N.createElement(a,e),C.currentNode=this.el.content,2===i){const t=this.el.content,i=t.firstChild;i.remove(),t.append(...i.childNodes);}for(;null!==(h=C.nextNode())&&v.length<c;){if(1===h.nodeType){if(h.hasAttributes()){const t=[];for(const i of h.getAttributeNames())if(i.endsWith(o$1)||i.startsWith(n$1)){const s=f[d++];if(t.push(i),void 0!==s){const t=h.getAttribute(s.toLowerCase()+o$1).split(n$1),i=/([.?@])?(.*)/.exec(s);v.push({type:1,index:r,name:i[2],strings:t,ctor:"."===i[1]?H:"?"===i[1]?L:"@"===i[1]?z:k});}else v.push({type:6,index:r});}for(const i of t)h.removeAttribute(i);}if(y.test(h.tagName)){const t=h.textContent.split(n$1),i=t.length-1;if(i>0){h.textContent=s$1?s$1.emptyScript:"";for(let s=0;s<i;s++)h.append(t[s],u()),C.nextNode(),v.push({type:2,index:++r});h.append(t[i],u());}}}else if(8===h.nodeType)if(h.data===l$1)v.push({type:2,index:r});else {let t=-1;for(;-1!==(t=h.data.indexOf(n$1,t+1));)v.push({type:7,index:r}),t+=n$1.length-1;}r++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){var o,n,l,h;if(i===T)return i;let r=void 0!==e?null===(o=s._$Co)||void 0===o?void 0:o[e]:s._$Cl;const u=d(i)?void 0:i._$litDirective$;return (null==r?void 0:r.constructor)!==u&&(null===(n=null==r?void 0:r._$AO)||void 0===n||n.call(r,!1),void 0===u?r=void 0:(r=new u(t),r._$AT(t,s,e)),void 0!==e?(null!==(l=(h=s)._$Co)&&void 0!==l?l:h._$Co=[])[e]=r:s._$Cl=r),void 0!==r&&(i=S(t,r._$AS(t,i.values),r,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var i;const{el:{content:s},parts:e}=this._$AD,o=(null!==(i=null==t?void 0:t.creationScope)&&void 0!==i?i:r).importNode(s,!0);C.currentNode=o;let n=C.nextNode(),l=0,h=0,u=e[0];for(;void 0!==u;){if(l===u.index){let i;2===u.type?i=new R(n,n.nextSibling,this,t):1===u.type?i=new u.ctor(n,u.name,u.strings,this,t):6===u.type&&(i=new Z(n,this,t)),this._$AV.push(i),u=e[++h];}l!==(null==u?void 0:u.index)&&(n=C.nextNode(),l++);}return C.currentNode=r,o}v(t){let i=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{constructor(t,i,s,e){var o;this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cp=null===(o=null==e?void 0:e.isConnected)||void 0===o||o;}get _$AU(){var t,i;return null!==(i=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==i?i:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===(null==t?void 0:t.nodeType)&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),d(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v(t)?this.T(t):this._(t);}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t));}_(t){this._$AH!==A&&d(this._$AH)?this._$AA.nextSibling.data=t:this.$(r.createTextNode(t)),this._$AH=t;}g(t){var i;const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=N.createElement(P(e.h,e.h[0]),this.options)),e);if((null===(i=this._$AH)||void 0===i?void 0:i._$AD)===o)this._$AH.v(s);else {const t=new M(o,this),i=t.u(this.options);t.v(s),this.$(i),this._$AH=t;}}_$AC(t){let i=E.get(t.strings);return void 0===i&&E.set(t.strings,i=new N(t)),i}T(t){c(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const o of t)e===i.length?i.push(s=new R(this.k(u()),this.k(u()),this,this.options)):s=i[e],s._$AI(o),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){var s;for(null===(s=this._$AP)||void 0===s||s.call(this,!1,!0,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){var i;void 0===this._$AM&&(this._$Cp=t,null===(i=this._$AP)||void 0===i||i.call(this,t));}}class k{constructor(t,i,s,e,o){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=o,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A;}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,i=this,s,e){const o=this.strings;let n=!1;if(void 0===o)t=S(this,t,i,0),n=!d(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else {const e=t;let l,h;for(t=o[0],l=0;l<o.length-1;l++)h=S(this,e[s+l],i,l),h===T&&(h=this._$AH[l]),n||(n=!d(h)||h!==this._$AH[l]),h===A?t=A:t!==A&&(t+=(null!=h?h:"")+o[l+1]),this._$AH[l]=h;}n&&!e&&this.j(t);}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===A?void 0:t;}}const I=s$1?s$1.emptyScript:"";class L extends k{constructor(){super(...arguments),this.type=4;}j(t){t&&t!==A?this.element.setAttribute(this.name,I):this.element.removeAttribute(this.name);}}class z extends k{constructor(t,i,s,e,o){super(t,i,s,e,o),this.type=5;}_$AI(t,i=this){var s;if((t=null!==(s=S(this,t,i,0))&&void 0!==s?s:A)===T)return;const e=this._$AH,o=t===A&&e!==A||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,n=t!==A&&(e===A||o);o&&this.element.removeEventListener(this.name,this,e),n&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){var i,s;"function"==typeof this._$AH?this._$AH.call(null!==(s=null===(i=this.options)||void 0===i?void 0:i.host)&&void 0!==s?s:this.element,t):this._$AH.handleEvent(t);}}class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j={O:o$1,P:n$1,A:l$1,C:1,M:V,L:M,R:v,D:S,I:R,V:k,H:L,N:z,U:H,F:Z},B=i.litHtmlPolyfillSupport;null==B||B(N,R),(null!==(t=i.litHtmlVersions)&&void 0!==t?t:i.litHtmlVersions=[]).push("2.8.0");const D=(t,i,s)=>{var e,o;const n=null!==(e=null==s?void 0:s.renderBefore)&&void 0!==e?e:i;let l=n._$litPart$;if(void 0===l){const t=null!==(o=null==s?void 0:s.renderBefore)&&void 0!==o?o:null;n._$litPart$=l=new R(i.insertBefore(u(),t),t,void 0,null!=s?s:{});}return l._$AI(t),l};
-
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */var l,o;class s extends u$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){var t,e;const i=super.createRenderRoot();return null!==(t=(e=this.renderOptions).renderBefore)&&void 0!==t||(e.renderBefore=i.firstChild),i}update(t){const i=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=D(i,this.renderRoot,this.renderOptions);}connectedCallback(){var t;super.connectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!0);}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._$Do)||void 0===t||t.setConnected(!1);}render(){return T}}s.finalized=!0,s._$litElement$=!0,null===(l=globalThis.litElementHydrateSupport)||void 0===l||l.call(globalThis,{LitElement:s});const n=globalThis.litElementPolyfillSupport;null==n||n({LitElement:s});(null!==(o=globalThis.litElementVersions)&&void 0!==o?o:globalThis.litElementVersions=[]).push("3.3.3");
-
-const style = "/**\n  * @file Component styles\n  *\n  * This file contain general styles that should be applied to any component.\n  * Since Web Components styles are encapsulated within the Shadow DOM, we need\n  * to pass all styles.\n  */\n/**\n  * @file Typography\n  *\n  * This file contains all typography classes used in designs.\n  * They should be used instead of individual font attributes.\n  *\n  * You can use them same as the normal Tailwind classes, e.g.: class=\"heading-inter-26-semi-bold\"\n  */\n/**\n  * @file Variables\n  *\n  * This file contains all CSS variables used in designs.\n  */\n/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com\n  */\n/*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n::before,\n::after {\n  --tw-content: '';\n}\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n/*\nRemove the default font size and weight for headings.\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n/*\nAdd the correct font weight in Edge and Safari.\n*/\nb,\nstrong {\n  font-weight: bolder;\n}\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\ncode,\nkbd,\nsamp,\npre {\n  font-family: \"PT Mono\", sans-serif; /* 1 */\n  font-size: 1em; /* 2 */\n}\n/*\nAdd the correct font size in all browsers.\n*/\nsmall {\n  font-size: 80%;\n}\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-feature-settings: inherit; /* 1 */\n  font-variation-settings: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\nbutton,\nselect {\n  text-transform: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n:-moz-focusring {\n  outline: auto;\n}\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\nprogress {\n  vertical-align: baseline;\n}\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n/*\nAdd the correct display in Chrome and Safari.\n*/\nsummary {\n  display: list-item;\n}\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\nfieldset {\n  margin: 0;\n  padding: 0;\n}\nlegend {\n  padding: 0;\n}\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n/*\nReset default styling for dialogs.\n*/\ndialog {\n  padding: 0;\n}\n/*\nPrevent resizing textareas horizontally by default.\n*/\ntextarea {\n  resize: vertical;\n}\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n/*\nSet the default cursor for buttons.\n*/\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n.heading-inter-26-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 26px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 31px;\n}\n.heading-inter-21-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 21px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 26px;\n}\n.heading-inter-17-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 17px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 22px;\n}\n.heading-inter-12-bold-uppercase {\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  font-style: normal;\n  line-height: 15px;\n  letter-spacing: .02em;\n}\n.heading-inter-14-bold {\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  font-style: normal;\n  line-height: 17px;\n}\n.heading-apax-48-regular {\n  font-family: Apax, sans-serif;\n  font-size: 48px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 58px;\n}\n.heading-apax-48-bold {\n  font-family: Apax, sans-serif;\n  font-size: 48px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 58px;\n}\n.heading-apax-44-regular {\n  font-family: Apax, sans-serif;\n  font-size: 44px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 40px;\n}\n.heading-apax-44-medium {\n  font-family: Apax, sans-serif;\n  font-size: 44px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 40px;\n}\n.heading-apax-40-regular {\n  font-family: Apax, sans-serif;\n  font-size: 40px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 48px;\n}\n.heading-apax-40-bold {\n  font-family: Apax, sans-serif;\n  font-size: 40px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 48px;\n}\n.heading-apax-32-regular {\n  font-family: Apax, sans-serif;\n  font-size: 32px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 38px;\n}\n.heading-apax-32-medium {\n  font-family: Apax, sans-serif;\n  font-size: 32px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 38px;\n}\n.heading-apax-24-medium {\n  font-family: Apax, sans-serif;\n  font-size: 24px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 28px;\n}\n.nav-apax-14-medium-uppercase {\n  font-family: Apax, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: uppercase;\n  font-style: normal;\n  line-height: 17px;\n  letter-spacing: .08em;\n}\n.nav-apax-12-medium-uppercase {\n  font-family: Apax, sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  text-transform: uppercase;\n  font-style: normal;\n  line-height: 14px;\n  letter-spacing: .08em;\n}\n.nav-apax-10-regular {\n  font-family: Apax, sans-serif;\n  font-size: 10px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 12px;\n}\n.nav-apax-8-medium-uppercase {\n  font-family: Apax, sans-serif;\n  font-size: 8px;\n  font-weight: 500;\n  text-transform: uppercase;\n  font-style: normal;\n  line-height: 10px;\n  letter-spacing: .08em;\n}\n.paragraph-inter-20-regular {\n  font-family: Inter, sans-serif;\n  font-size: 20px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 32px;\n}\n.paragraph-inter-16-regular {\n  font-family: Inter, sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 24px;\n}\n.paragraph-inter-16-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 24px;\n}\n.paragraph-inter-16-semi-bold-underlined {\n  font-family: Inter, sans-serif;\n  font-size: 16px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 24px;\n  text-decoration-line: underline;\n}\n.paragraph-inter-14-regular {\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 22px;\n}\n.paragraph-inter-14-medium {\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 22px;\n}\n.paragraph-inter-14-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 14px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 22px;\n}\n.paragraph-inter-13-regular {\n  font-family: Inter, sans-serif;\n  font-size: 13px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n}\n.paragraph-inter-12-regular {\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n}\n.paragraph-inter-12-medium {\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 500;\n  font-style: normal;\n  line-height: 20px;\n}\n.paragraph-inter-12-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 12px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 20px;\n}\n.paragraph-inter-10-semi-bold {\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 600;\n  font-style: normal;\n  line-height: 12px;\n}\n.paragraph-inter-10-bold-uppercase {\n  font-family: Inter, sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  font-style: normal;\n  line-height: 12px;\n}\n.paragraph-ptmono-16-regular {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 16px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 22px;\n}\n.paragraph-ptmono-16-bold {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  font-style: normal;\n  line-height: 22px;\n}\n.paragraph-ptmono-14-regular {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 20px;\n}\n.paragraph-ptmono-14-bold {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  font-style: normal;\n  line-height: 20px;\n}\n.paragraph-ptmono-12-bold {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  font-style: normal;\n  line-height: 14px;\n}\n.paragraph-ptmono-12-regular {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 14px;\n}\n.paragraph-ptmono-10-bold {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  font-style: normal;\n  line-height: 14px;\n}\n.paragraph-ptmono-10-regular {\n  font-family: \"PT Mono\", sans-serif;\n  font-size: 10px;\n  font-weight: 400;\n  font-style: normal;\n  line-height: 14px;\n}\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.container {\n  width: 100%;\n}\n@media (min-width: 640px) {\n  .container {\n    max-width: 640px;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 768px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 1024px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1280px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1536px;\n  }\n}\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n.not-sr-only {\n  position: static;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n}\n.visible {\n  visibility: visible;\n}\n.invisible {\n  visibility: hidden;\n}\n.collapse {\n  visibility: collapse;\n}\n.static {\n  position: static;\n}\n.fixed {\n  position: fixed;\n}\n.absolute {\n  position: absolute;\n}\n.\\!relative {\n  position: relative !important;\n}\n.relative {\n  position: relative;\n}\n.sticky {\n  position: sticky;\n}\n.-inset-1 {\n  inset: -0.25rem;\n}\n.-left-\\[257px\\] {\n  left: -257px;\n}\n.-top-\\[40px\\] {\n  top: -40px;\n}\n.-top-\\[70px\\] {\n  top: -70px;\n}\n.bottom-0 {\n  bottom: 0px;\n}\n.bottom-\\[48px\\] {\n  bottom: 48px;\n}\n.left-0 {\n  left: 0px;\n}\n.left-\\[calc\\(50\\%_-_40px\\)\\] {\n  left: calc(50% - 40px);\n}\n.right-0 {\n  right: 0px;\n}\n.top-0 {\n  top: 0px;\n}\n.top-\\[72px\\] {\n  top: 72px;\n}\n.top-\\[78px\\] {\n  top: 78px;\n}\n.isolate {\n  isolation: isolate;\n}\n.isolation-auto {\n  isolation: auto;\n}\n.z-10 {\n  z-index: 10;\n}\n.z-50 {\n  z-index: 50;\n}\n.z-\\[1000\\] {\n  z-index: 1000;\n}\n.z-\\[1001\\] {\n  z-index: 1001;\n}\n.z-\\[1\\] {\n  z-index: 1;\n}\n.z-\\[999\\] {\n  z-index: 999;\n}\n.order-1 {\n  order: 1;\n}\n.order-2 {\n  order: 2;\n}\n.order-3 {\n  order: 3;\n}\n.order-last {\n  order: 9999;\n}\n.float-left {\n  float: left;\n}\n.m-1 {\n  margin: 0.25rem;\n}\n.m-2 {\n  margin: 0.5rem;\n}\n.m-3 {\n  margin: 0.75rem;\n}\n.m-4 {\n  margin: 1rem;\n}\n.m-5 {\n  margin: 1.25rem;\n}\n.mx-1 {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n}\n.mx-2 {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.mx-20 {\n  margin-left: 5rem;\n  margin-right: 5rem;\n}\n.mx-3 {\n  margin-left: 0.75rem;\n  margin-right: 0.75rem;\n}\n.mx-4 {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n.mx-5 {\n  margin-left: 1.25rem;\n  margin-right: 1.25rem;\n}\n.mx-auto {\n  margin-left: auto;\n  margin-right: auto;\n}\n.my-1 {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n.my-2 {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n.my-3 {\n  margin-top: 0.75rem;\n  margin-bottom: 0.75rem;\n}\n.my-4 {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.my-5 {\n  margin-top: 1.25rem;\n  margin-bottom: 1.25rem;\n}\n.my-6 {\n  margin-top: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.my-8 {\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n}\n.-mb-2 {\n  margin-bottom: -0.5rem;\n}\n.-mb-3 {\n  margin-bottom: -0.75rem;\n}\n.-mb-6 {\n  margin-bottom: -1.5rem;\n}\n.-mt-\\[56px\\] {\n  margin-top: -56px;\n}\n.mb-1 {\n  margin-bottom: 0.25rem;\n}\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n.mb-3 {\n  margin-bottom: 0.75rem;\n}\n.mb-4 {\n  margin-bottom: 1rem;\n}\n.mb-5 {\n  margin-bottom: 1.25rem;\n}\n.mb-8 {\n  margin-bottom: 2rem;\n}\n.ml-1 {\n  margin-left: 0.25rem;\n}\n.ml-2 {\n  margin-left: 0.5rem;\n}\n.ml-3 {\n  margin-left: 0.75rem;\n}\n.ml-4 {\n  margin-left: 1rem;\n}\n.ml-5 {\n  margin-left: 1.25rem;\n}\n.ml-\\[2px\\] {\n  margin-left: 2px;\n}\n.ml-auto {\n  margin-left: auto;\n}\n.mr-1 {\n  margin-right: 0.25rem;\n}\n.mr-2 {\n  margin-right: 0.5rem;\n}\n.mr-3 {\n  margin-right: 0.75rem;\n}\n.mr-4 {\n  margin-right: 1rem;\n}\n.mr-5 {\n  margin-right: 1.25rem;\n}\n.mr-auto {\n  margin-right: auto;\n}\n.mt-0 {\n  margin-top: 0px;\n}\n.mt-1 {\n  margin-top: 0.25rem;\n}\n.mt-10 {\n  margin-top: 2.5rem;\n}\n.mt-2 {\n  margin-top: 0.5rem;\n}\n.mt-3 {\n  margin-top: 0.75rem;\n}\n.mt-4 {\n  margin-top: 1rem;\n}\n.mt-5 {\n  margin-top: 1.25rem;\n}\n.mt-6 {\n  margin-top: 1.5rem;\n}\n.mt-8 {\n  margin-top: 2rem;\n}\n.mt-\\[1px\\] {\n  margin-top: 1px;\n}\n.block {\n  display: block;\n}\n.inline-block {\n  display: inline-block;\n}\n.inline {\n  display: inline;\n}\n.\\!flex {\n  display: flex !important;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.table {\n  display: table;\n}\n.inline-table {\n  display: inline-table;\n}\n.table-caption {\n  display: table-caption;\n}\n.table-cell {\n  display: table-cell;\n}\n.table-column {\n  display: table-column;\n}\n.table-column-group {\n  display: table-column-group;\n}\n.table-footer-group {\n  display: table-footer-group;\n}\n.table-header-group {\n  display: table-header-group;\n}\n.table-row-group {\n  display: table-row-group;\n}\n.table-row {\n  display: table-row;\n}\n.flow-root {\n  display: flow-root;\n}\n.grid {\n  display: grid;\n}\n.inline-grid {\n  display: inline-grid;\n}\n.contents {\n  display: contents;\n}\n.list-item {\n  display: list-item;\n}\n.\\!hidden {\n  display: none !important;\n}\n.hidden {\n  display: none;\n}\n.h-10 {\n  height: 2.5rem;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-6 {\n  height: 1.5rem;\n}\n.h-7 {\n  height: 1.75rem;\n}\n.h-78 {\n  height: 78px;\n}\n.h-8 {\n  height: 2rem;\n}\n.h-\\[100vh\\] {\n  height: 100vh;\n}\n.h-\\[10px\\] {\n  height: 10px;\n}\n.h-\\[12px\\] {\n  height: 12px;\n}\n.h-\\[200px\\] {\n  height: 200px;\n}\n.h-\\[20px\\] {\n  height: 20px;\n}\n.h-\\[240px\\] {\n  height: 240px;\n}\n.h-\\[26px\\] {\n  height: 26px;\n}\n.h-\\[28px\\] {\n  height: 28px;\n}\n.h-\\[2px\\] {\n  height: 2px;\n}\n.h-\\[300px\\] {\n  height: 300px;\n}\n.h-\\[32px\\] {\n  height: 32px;\n}\n.h-\\[34px\\] {\n  height: 34px;\n}\n.h-\\[40px\\] {\n  height: 40px;\n}\n.h-\\[48px\\] {\n  height: 48px;\n}\n.h-\\[56px\\] {\n  height: 56px;\n}\n.h-\\[60\\%\\] {\n  height: 60%;\n}\n.h-\\[70px\\] {\n  height: 70px;\n}\n.h-\\[83\\.3\\%\\] {\n  height: 83.3%;\n}\n.h-\\[inherit\\] {\n  height: inherit;\n}\n.h-\\[initial\\] {\n  height: initial;\n}\n.h-full {\n  height: 100%;\n}\n.h-screen {\n  height: 100vh;\n}\n.max-h-64 {\n  max-height: 16rem;\n}\n.min-h-\\[129px\\] {\n  min-height: 129px;\n}\n.min-h-\\[200px\\] {\n  min-height: 200px;\n}\n.min-h-\\[240px\\] {\n  min-height: 240px;\n}\n.min-h-\\[92px\\] {\n  min-height: 92px;\n}\n.min-h-full {\n  min-height: 100%;\n}\n.w-0 {\n  width: 0px;\n}\n.w-0\\.5 {\n  width: 0.125rem;\n}\n.w-10 {\n  width: 2.5rem;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-6 {\n  width: 1.5rem;\n}\n.w-7 {\n  width: 1.75rem;\n}\n.w-8 {\n  width: 2rem;\n}\n.w-\\[1\\%\\] {\n  width: 1%;\n}\n.w-\\[100vw\\] {\n  width: 100vw;\n}\n.w-\\[10px\\] {\n  width: 10px;\n}\n.w-\\[121px\\] {\n  width: 121px;\n}\n.w-\\[12px\\] {\n  width: 12px;\n}\n.w-\\[153px\\] {\n  width: 153px;\n}\n.w-\\[18px\\] {\n  width: 18px;\n}\n.w-\\[28px\\] {\n  width: 28px;\n}\n.w-\\[300px\\] {\n  width: 300px;\n}\n.w-\\[32px\\] {\n  width: 32px;\n}\n.w-\\[350px\\] {\n  width: 350px;\n}\n.w-\\[352px\\] {\n  width: 352px;\n}\n.w-\\[40px\\] {\n  width: 40px;\n}\n.w-\\[60\\%\\] {\n  width: 60%;\n}\n.w-\\[83\\.3\\%\\] {\n  width: 83.3%;\n}\n.w-\\[849px\\] {\n  width: 849px;\n}\n.w-\\[876px\\] {\n  width: 876px;\n}\n.w-\\[96px\\] {\n  width: 96px;\n}\n.w-\\[inherit\\] {\n  width: inherit;\n}\n.w-full {\n  width: 100%;\n}\n.min-w-full {\n  min-width: 100%;\n}\n.flex-auto {\n  flex: 1 1 auto;\n}\n.flex-none {\n  flex: none;\n}\n.flex-shrink {\n  flex-shrink: 1;\n}\n.shrink {\n  flex-shrink: 1;\n}\n.flex-grow {\n  flex-grow: 1;\n}\n.grow {\n  flex-grow: 1;\n}\n.border-collapse {\n  border-collapse: collapse;\n}\n.translate-x-4 {\n  --tw-translate-x: 1rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.rotate-180 {\n  --tw-rotate: 180deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.animate-\\[name\\] {\n  animation: name;\n}\n@keyframes bounce {\n  0%, 100% {\n    transform: translateY(-25%);\n    animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n  50% {\n    transform: none;\n    animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n.animate-bounce {\n  animation: bounce 1s infinite;\n}\n@keyframes bounce2 {\n  0% {\n    transform: translateY(-6px);\n  }\n  100% {\n    transform: translateY(10);\n  }\n}\n.animate-bounce2 {\n  animation: bounce2 1s ease-in-out infinite alternate;\n}\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.animate-fade-in {\n  animation: fade-in 0.5s ease-in-out;\n}\n@keyframes ping {\n  75%, 100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n.animate-ping {\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n}\n@keyframes pulse {\n  50% {\n    opacity: .5;\n  }\n}\n.animate-pulse {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n@keyframes pulse-resize {\n  0%, 100% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(0.7);\n  }\n}\n.animate-pulse-resize {\n  animation: pulse-resize 1s ease-in-out infinite;\n}\n@keyframes resize-in {\n  0% {\n    transform: scale(0.5);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.animate-resize-in {\n  animation: resize-in 0.5s ease-in-out;\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n.animate-spin {\n  animation: spin 1s linear infinite;\n}\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.touch-pinch-zoom {\n  --tw-pinch-zoom: pinch-zoom;\n  touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.select-all {\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all;\n}\n.resize {\n  resize: both;\n}\n.appearance-none {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n}\n.grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(0, 1fr));\n}\n.grid-cols-\\[minmax\\(max-content\\2c 35\\%\\)_auto_minmax\\(max-content\\2c 35\\%\\)\\] {\n  grid-template-columns: minmax(max-content,35%) auto minmax(max-content,35%);\n}\n.grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n}\n.grid-rows-\\[1fr\\2c auto\\] {\n  grid-template-rows: 1fr auto;\n}\n.grid-rows-\\[auto\\2c 1fr\\] {\n  grid-template-rows: auto 1fr;\n}\n.grid-rows-\\[max-content\\2c auto\\] {\n  grid-template-rows: max-content auto;\n}\n.flex-col {\n  flex-direction: column;\n}\n.flex-wrap {\n  flex-wrap: wrap;\n}\n.content-center {\n  align-content: center;\n}\n.content-start {\n  align-content: flex-start;\n}\n.content-end {\n  align-content: flex-end;\n}\n.content-between {\n  align-content: space-between;\n}\n.content-around {\n  align-content: space-around;\n}\n.content-stretch {\n  align-content: stretch;\n}\n.items-start {\n  align-items: flex-start;\n}\n.items-end {\n  align-items: flex-end;\n}\n.items-center {\n  align-items: center;\n}\n.items-baseline {\n  align-items: baseline;\n}\n.items-stretch {\n  align-items: stretch;\n}\n.justify-start {\n  justify-content: flex-start;\n}\n.justify-end {\n  justify-content: flex-end;\n}\n.justify-center {\n  justify-content: center;\n}\n.justify-between {\n  justify-content: space-between;\n}\n.justify-around {\n  justify-content: space-around;\n}\n.gap-1 {\n  gap: 0.25rem;\n}\n.gap-10 {\n  gap: 2.5rem;\n}\n.gap-16 {\n  gap: 4rem;\n}\n.gap-2 {\n  gap: 0.5rem;\n}\n.gap-4 {\n  gap: 1rem;\n}\n.gap-5 {\n  gap: 1.25rem;\n}\n.gap-8 {\n  gap: 2rem;\n}\n.space-y-reverse > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-y-reverse: 1;\n}\n.space-x-reverse > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 1;\n}\n.divide-x > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-x-reverse: 0;\n  border-right-width: calc(1px * var(--tw-divide-x-reverse));\n  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));\n}\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 0;\n  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\n.divide-y-reverse > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-y-reverse: 1;\n}\n.divide-x-reverse > :not([hidden]) ~ :not([hidden]) {\n  --tw-divide-x-reverse: 1;\n}\n.self-start {\n  align-self: flex-start;\n}\n.self-end {\n  align-self: flex-end;\n}\n.self-center {\n  align-self: center;\n}\n.self-stretch {\n  align-self: stretch;\n}\n.self-baseline {\n  align-self: baseline;\n}\n.overflow-auto {\n  overflow: auto;\n}\n.overflow-hidden {\n  overflow: hidden;\n}\n.overflow-scroll {\n  overflow: scroll;\n}\n.overflow-y-auto {\n  overflow-y: auto;\n}\n.overflow-y-scroll {\n  overflow-y: scroll;\n}\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n.text-clip {\n  text-overflow: clip;\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.whitespace-pre-line {\n  white-space: pre-line;\n}\n.whitespace-pre-wrap {\n  white-space: pre-wrap;\n}\n.break-normal {\n  overflow-wrap: normal;\n  word-break: normal;\n}\n.break-words {\n  overflow-wrap: break-word;\n}\n.break-all {\n  word-break: break-all;\n}\n.rounded {\n  border-radius: 0.25rem;\n}\n.rounded-0 {\n  border-radius: 0;\n}\n.rounded-12 {\n  border-radius: 12px;\n}\n.rounded-24 {\n  border-radius: 24px;\n}\n.rounded-4 {\n  border-radius: 4px;\n}\n.rounded-8 {\n  border-radius: 8px;\n}\n.rounded-\\[103px_103px_0_0\\] {\n  border-radius: 103px 103px 0 0;\n}\n.rounded-\\[50\\%\\] {\n  border-radius: 50%;\n}\n.rounded-\\[56px\\] {\n  border-radius: 56px;\n}\n.rounded-\\[inherit\\] {\n  border-radius: inherit;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.rounded-md {\n  border-radius: 0.375rem;\n}\n.rounded-b {\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n.rounded-b-0 {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.rounded-b-\\[inherit\\] {\n  border-bottom-right-radius: inherit;\n  border-bottom-left-radius: inherit;\n}\n.rounded-e {\n  border-start-end-radius: 0.25rem;\n  border-end-end-radius: 0.25rem;\n}\n.rounded-e-24 {\n  border-start-end-radius: 24px;\n  border-end-end-radius: 24px;\n}\n.rounded-l {\n  border-top-left-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n.rounded-l-12 {\n  border-top-left-radius: 12px;\n  border-bottom-left-radius: 12px;\n}\n.rounded-r {\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n}\n.rounded-r-12 {\n  border-top-right-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n.rounded-s {\n  border-start-start-radius: 0.25rem;\n  border-end-start-radius: 0.25rem;\n}\n.rounded-s-24 {\n  border-start-start-radius: 24px;\n  border-end-start-radius: 24px;\n}\n.rounded-t {\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n}\n.rounded-t-0 {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n.rounded-t-\\[inherit\\] {\n  border-top-left-radius: inherit;\n  border-top-right-radius: inherit;\n}\n.rounded-bl {\n  border-bottom-left-radius: 0.25rem;\n}\n.rounded-br {\n  border-bottom-right-radius: 0.25rem;\n}\n.rounded-ee {\n  border-end-end-radius: 0.25rem;\n}\n.rounded-es {\n  border-end-start-radius: 0.25rem;\n}\n.rounded-se {\n  border-start-end-radius: 0.25rem;\n}\n.rounded-ss {\n  border-start-start-radius: 0.25rem;\n}\n.rounded-tl {\n  border-top-left-radius: 0.25rem;\n}\n.rounded-tr {\n  border-top-right-radius: 0.25rem;\n}\n.border {\n  border-width: 1px;\n}\n.border-0 {\n  border-width: 0px;\n}\n.border-2 {\n  border-width: 2px;\n}\n.border-\\[1px\\] {\n  border-width: 1px;\n}\n.border-x {\n  border-left-width: 1px;\n  border-right-width: 1px;\n}\n.border-y {\n  border-top-width: 1px;\n  border-bottom-width: 1px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-e {\n  border-inline-end-width: 1px;\n}\n.border-l {\n  border-left-width: 1px;\n}\n.border-l-0 {\n  border-left-width: 0px;\n}\n.border-r {\n  border-right-width: 1px;\n}\n.border-r-0 {\n  border-right-width: 0px;\n}\n.border-s {\n  border-inline-start-width: 1px;\n}\n.border-t {\n  border-top-width: 1px;\n}\n.border-solid {\n  border-style: solid;\n}\n.border-none {\n  border-style: none;\n}\n.border-\\[rgba\\(255\\2c 255\\2c 255\\2c 0\\.8\\)\\] {\n  border-color: rgba(255,255,255,0.8);\n}\n.border-neutral-20 {\n  --tw-border-opacity: 1;\n  border-color: rgb(36 53 66 / var(--tw-border-opacity));\n}\n.border-neutral-35 {\n  --tw-border-opacity: 1;\n  border-color: rgb(62 93 116 / var(--tw-border-opacity));\n}\n.border-neutral-60 {\n  --tw-border-opacity: 1;\n  border-color: rgb(122 157 184 / var(--tw-border-opacity));\n}\n.border-neutral-90 {\n  --tw-border-opacity: 1;\n  border-color: rgb(222 231 237 / var(--tw-border-opacity));\n}\n.border-purple-51 {\n  --tw-border-opacity: 1;\n  border-color: rgb(100 110 160 / var(--tw-border-opacity));\n}\n.border-red-55 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 54 54 / var(--tw-border-opacity));\n}\n.border-red-65 {\n  --tw-border-opacity: 1;\n  border-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.border-red-85 {\n  --tw-border-opacity: 1;\n  border-color: rgb(245 188 188 / var(--tw-border-opacity));\n}\n.border-l-purple-82 {\n  --tw-border-opacity: 1;\n  border-left-color: rgb(198 202 220 / var(--tw-border-opacity));\n}\n.\\!bg-transparent {\n  background-color: transparent !important;\n}\n.bg-\\[rgba\\(36\\2c 53\\2c 66\\2c 0\\.8\\)\\] {\n  background-color: rgba(36,53,66,0.8);\n}\n.bg-blue-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity));\n}\n.bg-blue-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 64 175 / var(--tw-bg-opacity));\n}\n.bg-green-54 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 205 104 / var(--tw-bg-opacity));\n}\n.bg-green-85 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(195 239 206 / var(--tw-bg-opacity));\n}\n.bg-neutral-10\\/10 {\n  background-color: rgb(18 27 33 / 0.1);\n}\n.bg-neutral-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-neutral-20 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 53 66 / var(--tw-bg-opacity));\n}\n.bg-neutral-20\\/10 {\n  background-color: rgb(36 53 66 / 0.1);\n}\n.bg-neutral-20\\/20 {\n  background-color: rgb(36 53 66 / 0.2);\n}\n.bg-neutral-90 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(222 231 237 / var(--tw-bg-opacity));\n}\n.bg-neutral-95 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 243 246 / var(--tw-bg-opacity));\n}\n.bg-neutral-97 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 248 250 / var(--tw-bg-opacity));\n}\n.bg-neutral-98 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 251 / var(--tw-bg-opacity));\n}\n.bg-purple-51 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 110 160 / var(--tw-bg-opacity));\n}\n.bg-purple-63 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(138 146 183 / var(--tw-bg-opacity));\n}\n.bg-red-85 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 188 188 / var(--tw-bg-opacity));\n}\n.bg-transparent {\n  background-color: transparent;\n}\n.bg-warm-97 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 246 240 / var(--tw-bg-opacity));\n}\n.bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.bg-yellow-85 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 224 179 / var(--tw-bg-opacity));\n}\n.bg-gradient-to-b {\n  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));\n}\n.bg-gradient-to-r {\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\n.from-gradient-1-start {\n  --tw-gradient-from: #D39B9D var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(211 155 157 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.from-transparent {\n  --tw-gradient-from: transparent var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.to-gradient-1-end {\n  --tw-gradient-to: #9071D1 var(--tw-gradient-to-position);\n}\n.to-neutral-100\\/80 {\n  --tw-gradient-to: rgb(255 255 255 / 0.8) var(--tw-gradient-to-position);\n}\n.bg-cover {\n  background-size: cover;\n}\n.bg-clip-text {\n  -webkit-background-clip: text;\n          background-clip: text;\n}\n.bg-\\[50\\%\\] {\n  background-position: 50%;\n}\n.bg-center {\n  background-position: center;\n}\n.bg-repeat {\n  background-repeat: repeat;\n}\n.bg-no-repeat {\n  background-repeat: no-repeat;\n}\n.p-0 {\n  padding: 0px;\n}\n.p-1 {\n  padding: 0.25rem;\n}\n.p-10 {\n  padding: 2.5rem;\n}\n.p-2 {\n  padding: 0.5rem;\n}\n.p-3 {\n  padding: 0.75rem;\n}\n.p-4 {\n  padding: 1rem;\n}\n.p-5 {\n  padding: 1.25rem;\n}\n.p-6 {\n  padding: 1.5rem;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-3\\.5 {\n  padding-left: 0.875rem;\n  padding-right: 0.875rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n.px-7 {\n  padding-left: 1.75rem;\n  padding-right: 1.75rem;\n}\n.px-9 {\n  padding-left: 2.25rem;\n  padding-right: 2.25rem;\n}\n.px-\\[2px\\] {\n  padding-left: 2px;\n  padding-right: 2px;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-12 {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n}\n.py-5 {\n  padding-top: 1.25rem;\n  padding-bottom: 1.25rem;\n}\n.py-6 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.py-\\[1px\\] {\n  padding-top: 1px;\n  padding-bottom: 1px;\n}\n.pb-1 {\n  padding-bottom: 0.25rem;\n}\n.pb-12 {\n  padding-bottom: 3rem;\n}\n.pb-2 {\n  padding-bottom: 0.5rem;\n}\n.pb-3 {\n  padding-bottom: 0.75rem;\n}\n.pb-32 {\n  padding-bottom: 8rem;\n}\n.pb-4 {\n  padding-bottom: 1rem;\n}\n.pb-5 {\n  padding-bottom: 1.25rem;\n}\n.pb-9 {\n  padding-bottom: 2.25rem;\n}\n.pl-1 {\n  padding-left: 0.25rem;\n}\n.pl-2 {\n  padding-left: 0.5rem;\n}\n.pl-3 {\n  padding-left: 0.75rem;\n}\n.pl-4 {\n  padding-left: 1rem;\n}\n.pl-5 {\n  padding-left: 1.25rem;\n}\n.pr-1 {\n  padding-right: 0.25rem;\n}\n.pr-10 {\n  padding-right: 2.5rem;\n}\n.pr-11 {\n  padding-right: 2.75rem;\n}\n.pr-2 {\n  padding-right: 0.5rem;\n}\n.pr-3 {\n  padding-right: 0.75rem;\n}\n.pr-4 {\n  padding-right: 1rem;\n}\n.pr-5 {\n  padding-right: 1.25rem;\n}\n.pr-6 {\n  padding-right: 1.5rem;\n}\n.pt-1 {\n  padding-top: 0.25rem;\n}\n.pt-2 {\n  padding-top: 0.5rem;\n}\n.pt-3 {\n  padding-top: 0.75rem;\n}\n.pt-4 {\n  padding-top: 1rem;\n}\n.pt-5 {\n  padding-top: 1.25rem;\n}\n.pt-6 {\n  padding-top: 1.5rem;\n}\n.text-center {\n  text-align: center;\n}\n.text-justify {\n  text-align: justify;\n}\n.align-baseline {\n  vertical-align: baseline;\n}\n.align-top {\n  vertical-align: top;\n}\n.align-middle {\n  vertical-align: middle;\n}\n.align-bottom {\n  vertical-align: bottom;\n}\n.font-apax {\n  font-family: Apax, sans-serif;\n}\n.font-inter {\n  font-family: Inter, sans-serif;\n}\n.\\!text-12 {\n  font-size: 12px !important;\n}\n.text-10 {\n  font-size: 10px;\n}\n.text-12 {\n  font-size: 12px;\n}\n.text-13 {\n  font-size: 13px;\n}\n.text-14 {\n  font-size: 14px;\n}\n.text-16 {\n  font-size: 16px;\n}\n.text-17 {\n  font-size: 17px;\n}\n.text-20 {\n  font-size: 20px;\n}\n.text-21 {\n  font-size: 21px;\n}\n.text-24 {\n  font-size: 24px;\n}\n.text-26 {\n  font-size: 26px;\n}\n.text-32 {\n  font-size: 32px;\n}\n.text-40 {\n  font-size: 40px;\n}\n.text-44 {\n  font-size: 44px;\n}\n.text-48 {\n  font-size: 48px;\n}\n.text-6 {\n  font-size: 6px;\n}\n.text-8 {\n  font-size: 8px;\n}\n.font-400 {\n  font-weight: 400;\n}\n.font-500 {\n  font-weight: 500;\n}\n.font-600 {\n  font-weight: 600;\n}\n.font-700 {\n  font-weight: 700;\n}\n.uppercase {\n  text-transform: uppercase;\n}\n.lowercase {\n  text-transform: lowercase;\n}\n.capitalize {\n  text-transform: capitalize;\n}\n.normal-case {\n  text-transform: none;\n}\n.italic {\n  font-style: italic;\n}\n.not-italic {\n  font-style: normal;\n}\n.normal-nums {\n  font-variant-numeric: normal;\n}\n.ordinal {\n  --tw-ordinal: ordinal;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.slashed-zero {\n  --tw-slashed-zero: slashed-zero;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.lining-nums {\n  --tw-numeric-figure: lining-nums;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.oldstyle-nums {\n  --tw-numeric-figure: oldstyle-nums;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.proportional-nums {\n  --tw-numeric-spacing: proportional-nums;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.tabular-nums {\n  --tw-numeric-spacing: tabular-nums;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.diagonal-fractions {\n  --tw-numeric-fraction: diagonal-fractions;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.stacked-fractions {\n  --tw-numeric-fraction: stacked-fractions;\n  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n.leading-10 {\n  line-height: 10px;\n}\n.leading-12 {\n  line-height: 12px;\n}\n.leading-14 {\n  line-height: 14px;\n}\n.leading-15 {\n  line-height: 15px;\n}\n.leading-17 {\n  line-height: 17px;\n}\n.leading-20 {\n  line-height: 20px;\n}\n.leading-22 {\n  line-height: 22px;\n}\n.leading-24 {\n  line-height: 24px;\n}\n.leading-26 {\n  line-height: 26px;\n}\n.leading-28 {\n  line-height: 28px;\n}\n.leading-31 {\n  line-height: 31px;\n}\n.leading-32 {\n  line-height: 32px;\n}\n.leading-38 {\n  line-height: 38px;\n}\n.leading-40 {\n  line-height: 40px;\n}\n.leading-48 {\n  line-height: 48px;\n}\n.leading-58 {\n  line-height: 58px;\n}\n.leading-\\[7\\.26px\\] {\n  line-height: 7.26px;\n}\n.leading-none {\n  line-height: 1;\n}\n.tracking-\\[\\.02em\\] {\n  letter-spacing: .02em;\n}\n.tracking-\\[\\.08em\\] {\n  letter-spacing: .08em;\n}\n.text-honey-72 {\n  --tw-text-opacity: 1;\n  color: rgb(250 210 117 / var(--tw-text-opacity));\n}\n.text-neutral-100 {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.text-neutral-20 {\n  --tw-text-opacity: 1;\n  color: rgb(36 53 66 / var(--tw-text-opacity));\n}\n.text-neutral-30 {\n  --tw-text-opacity: 1;\n  color: rgb(54 80 99 / var(--tw-text-opacity));\n}\n.text-neutral-60 {\n  --tw-text-opacity: 1;\n  color: rgb(122 157 184 / var(--tw-text-opacity));\n}\n.text-purple-41 {\n  --tw-text-opacity: 1;\n  color: rgb(79 88 130 / var(--tw-text-opacity));\n}\n.text-purple-41\\/70 {\n  color: rgb(79 88 130 / 0.7);\n}\n.text-purple-51 {\n  --tw-text-opacity: 1;\n  color: rgb(100 110 160 / var(--tw-text-opacity));\n}\n.text-purple-63 {\n  --tw-text-opacity: 1;\n  color: rgb(138 146 183 / var(--tw-text-opacity));\n}\n.text-red-55 {\n  --tw-text-opacity: 1;\n  color: rgb(226 54 54 / var(--tw-text-opacity));\n}\n.text-red-65 {\n  --tw-text-opacity: 1;\n  color: rgb(233 99 99 / var(--tw-text-opacity));\n}\n.text-sky-64 {\n  --tw-text-opacity: 1;\n  color: rgb(104 165 222 / var(--tw-text-opacity));\n}\n.text-transparent {\n  color: transparent;\n}\n.text-yellow-200 {\n  --tw-text-opacity: 1;\n  color: rgb(254 240 138 / var(--tw-text-opacity));\n}\n.underline {\n  text-decoration-line: underline;\n}\n.overline {\n  text-decoration-line: overline;\n}\n.line-through {\n  text-decoration-line: line-through;\n}\n.no-underline {\n  text-decoration-line: none;\n}\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n.subpixel-antialiased {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.\\!opacity-100 {\n  opacity: 1 !important;\n}\n.opacity-0 {\n  opacity: 0;\n}\n.opacity-100 {\n  opacity: 1;\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.opacity-60 {\n  opacity: 0.6;\n}\n.\\!shadow-none {\n  --tw-shadow: 0 0 #0000 !important;\n  --tw-shadow-colored: 0 0 #0000 !important;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;\n}\n.shadow {\n  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-1xl {\n  --tw-shadow: 0px 0px 16px rgba(189, 206, 219, 0.4);\n  --tw-shadow-colored: 0px 0px 16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-2xl {\n  --tw-shadow: 0px 36px 80px rgba(189, 206, 219, 0.3), 0px 5.01331px 33.4221px rgba(189, 206, 219, 0.0503198), 0px 2.68036px 17.869px rgba(189, 206, 219, 0.0417275), 0px 1.50259px 10.0172px rgba(189, 206, 219, 0.035), 0px 0.798012px 5.32008px rgba(189, 206, 219, 0.0282725), 0px 0.332071px 2.21381px rgba(189, 206, 219, 0.0196802);\n  --tw-shadow-colored: 0px 36px 80px var(--tw-shadow-color), 0px 5.01331px 33.4221px var(--tw-shadow-color), 0px 2.68036px 17.869px var(--tw-shadow-color), 0px 1.50259px 10.0172px var(--tw-shadow-color), 0px 0.798012px 5.32008px var(--tw-shadow-color), 0px 0.332071px 2.21381px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-3xl {\n  --tw-shadow: 0px 12px 80px rgba(189, 206, 219, 0.3), 0px 73.78px 33.4221px rgba(189, 206, 219, 0.0803), 0px 22.3363px 17.869px rgba(189, 206, 219, 0.0417275), 0px 12.5216px 10.0172px rgba(189, 206, 219, 0.035), 0px 6.6501px 5.32008px rgba(189, 206, 219, 0.0282725), 0px 2.76726px 2.21381px rgba(189, 206, 219, 0.0196802);\n  --tw-shadow-colored: 0px 12px 80px var(--tw-shadow-color), 0px 73.78px 33.4221px var(--tw-shadow-color), 0px 22.3363px 17.869px var(--tw-shadow-color), 0px 12.5216px 10.0172px var(--tw-shadow-color), 0px 6.6501px 5.32008px var(--tw-shadow-color), 0px 2.76726px 2.21381px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-above-shadow {\n  --tw-shadow: 0px 0px 24px rgba(63, 93, 116, 0.1), 0px 0px 10.4625px rgba(63, 93, 116, 0.0675), 0px 0px 3.9px rgba(63, 93, 116, 0.05), 0px 0px 1.3875px rgba(63, 93, 116, 0.0325);\n  --tw-shadow-colored: 0px 0px 24px var(--tw-shadow-color), 0px 0px 10.4625px var(--tw-shadow-color), 0px 0px 3.9px var(--tw-shadow-color), 0px 0px 1.3875px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-above-shadow-1xl {\n  --tw-shadow: 0px 0px 32px rgba(63, 93, 116, 0.1), 0px 0px 18.46px rgba(63, 93, 116, 0.0675), 0px 0px 11.9px rgba(63, 93, 116, 0.05), 0px 0px 9.39px rgba(63, 93, 116, 0.0325);\n  --tw-shadow-colored: 0px 0px 32px var(--tw-shadow-color), 0px 0px 18.46px var(--tw-shadow-color), 0px 0px 11.9px var(--tw-shadow-color), 0px 0px 9.39px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-above-shadow-2xl {\n  --tw-shadow: 0px 0px 40px rgba(63, 93, 116, 0.1), 0px 0px 26.46px rgba(63, 93, 116, 0.0675), 0px 0px 19.9px rgba(63, 93, 116, 0.05), 0px 0px 17.39px rgba(63, 93, 116, 0.0325);\n  --tw-shadow-colored: 0px 0px 40px var(--tw-shadow-color), 0px 0px 26.46px var(--tw-shadow-color), 0px 0px 19.9px var(--tw-shadow-color), 0px 0px 17.39px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-above-shadow-3xl {\n  --tw-shadow: 0px 0px 48px rgba(63, 93, 116, 0.1), 0px 0px 34.46px rgba(63, 93, 116, 0.0675), 0px 0px 27.9px rgba(63, 93, 116, 0.05), 0px 0px 25.39px rgba(63, 93, 116, 0.0325);\n  --tw-shadow-colored: 0px 0px 48px var(--tw-shadow-color), 0px 0px 34.46px var(--tw-shadow-color), 0px 0px 27.9px var(--tw-shadow-color), 0px 0px 25.39px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-drop-shadow {\n  --tw-shadow: 0px 9px 4px rgba(63, 93, 116, 0.01), 0px 5px 3px rgba(63, 93, 116, 0.04), 0px 2px 2px rgba(63, 93, 116, 0.07), 0px 1px 1px rgba(63, 93, 116, 0.08), 0px 0px 0px rgba(63, 93, 116, 0.08);\n  --tw-shadow-colored: 0px 9px 4px var(--tw-shadow-color), 0px 5px 3px var(--tw-shadow-color), 0px 2px 2px var(--tw-shadow-color), 0px 1px 1px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-drop-shadow-1xl {\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-drop-shadow-2xl {\n  --tw-shadow: 0px 54px 22px rgba(63, 93, 116, 0.02), 0px 30px 18px rgba(63, 93, 116, 0.08), 0px 14px 14px rgba(63, 93, 116, 0.13), 0px 3px 7px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 54px 22px var(--tw-shadow-color), 0px 30px 18px var(--tw-shadow-color), 0px 14px 14px var(--tw-shadow-color), 0px 3px 7px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-drop-shadow-3xl {\n  --tw-shadow: 0px 118px 47px rgba(63, 93, 116, 0.02), 0px 67px 40px rgba(63, 93, 116, 0.08), 0px 30px 30px rgba(63, 93, 116, 0.13), 0px 7px 16px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 118px 47px var(--tw-shadow-color), 0px 67px 40px var(--tw-shadow-color), 0px 30px 30px var(--tw-shadow-color), 0px 7px 16px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-inner-shadow {\n  --tw-shadow: inset 0px 9px 3px rgba(63, 93, 116, 0.01), inset 0px 5px 3px rgba(63, 93, 116, 0.04), inset 0px 2px 2px rgba(63, 93, 116, 0.07), inset 0px 1px 1px rgba(63, 93, 116, 0.08);\n  --tw-shadow-colored: inset 0px 9px 3px var(--tw-shadow-color), inset 0px 5px 3px var(--tw-shadow-color), inset 0px 2px 2px var(--tw-shadow-color), inset 0px 1px 1px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-inner-shadow-1xl {\n  --tw-shadow: inset 0px 19px 8px rgba(63, 93, 116, 0.02), inset 0px 11px 6px rgba(63, 93, 116, 0.08), inset 0px 5px 5px rgba(63, 93, 116, 0.13), inset 0px 1px 3px rgba(63, 93, 116, 0.15);\n  --tw-shadow-colored: inset 0px 19px 8px var(--tw-shadow-color), inset 0px 11px 6px var(--tw-shadow-color), inset 0px 5px 5px var(--tw-shadow-color), inset 0px 1px 3px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-inner-shadow-2xl {\n  --tw-shadow: inset 0px 60px 24px rgba(63, 93, 116, 0.02), inset 0px 34px 20px rgba(63, 93, 116, 0.08), inset 0px 15px 15px rgba(63, 93, 116, 0.13), inset 0px 4px 8px rgba(63, 93, 116, 0.15);\n  --tw-shadow-colored: inset 0px 60px 24px var(--tw-shadow-color), inset 0px 34px 20px var(--tw-shadow-color), inset 0px 15px 15px var(--tw-shadow-color), inset 0px 4px 8px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-inner-shadow-3xl {\n  --tw-shadow: inset 0px 130px 52px rgba(63, 93, 116, 0.02), inset 0px 73px 44px rgba(63, 93, 116, 0.08), inset 0px 33px 33px rgba(63, 93, 116, 0.13), inset 0px 8px 18px rgba(63, 93, 116, 0.15);\n  --tw-shadow-colored: inset 0px 130px 52px var(--tw-shadow-color), inset 0px 73px 44px var(--tw-shadow-color), inset 0px 33px 33px var(--tw-shadow-color), inset 0px 8px 18px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-neutral-inner-shadow-top {\n  --tw-shadow: inset 0 7px 9px -7px rgb(18 41 74 / 21%);\n  --tw-shadow-colored: inset 0 7px 9px -7px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-above-shadow {\n  --tw-shadow: 0px 0px 24px rgba(112, 96, 92, 0.1), 0px 0px 10.4625px rgba(112, 96, 92, 0.0675), 0px 0px 3.9px rgba(112, 96, 92, 0.05), 0px 0px 1.3875px rgba(112, 96, 92, 0.0325);\n  --tw-shadow-colored: 0px 0px 24px var(--tw-shadow-color), 0px 0px 10.4625px var(--tw-shadow-color), 0px 0px 3.9px var(--tw-shadow-color), 0px 0px 1.3875px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-above-shadow-1xl {\n  --tw-shadow: 0px 0px 32px rgba(112, 96, 92, 0.1), 0px 0px 18.46px rgba(112, 96, 92, 0.0675), 0px 0px 11.9px rgba(112, 96, 92, 0.05), 0px 0px 9.39px rgba(112, 96, 92, 0.0325);\n  --tw-shadow-colored: 0px 0px 32px var(--tw-shadow-color), 0px 0px 18.46px var(--tw-shadow-color), 0px 0px 11.9px var(--tw-shadow-color), 0px 0px 9.39px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-above-shadow-2xl {\n  --tw-shadow: 0px 0px 40px rgba(112, 96, 92, 0.1), 0px 0px 26.46px rgba(112, 96, 92, 0.0675), 0px 0px 19.9px rgba(112, 96, 92, 0.05), 0px 0px 17.39px rgba(112, 96, 92, 0.0325);\n  --tw-shadow-colored: 0px 0px 40px var(--tw-shadow-color), 0px 0px 26.46px var(--tw-shadow-color), 0px 0px 19.9px var(--tw-shadow-color), 0px 0px 17.39px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-above-shadow-3xl {\n  --tw-shadow: 0px 0px 48px rgba(112, 96, 92, 0.1), 0px 0px 34.46px rgba(112, 96, 92, 0.0675), 0px 0px 27.9px rgba(112, 96, 92, 0.05), 0px 0px 25.39px rgba(112, 96, 92, 0.0325);\n  --tw-shadow-colored: 0px 0px 48px var(--tw-shadow-color), 0px 0px 34.46px var(--tw-shadow-color), 0px 0px 27.9px var(--tw-shadow-color), 0px 0px 25.39px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-drop-shadow {\n  --tw-shadow: 0px 9px 4px rgba(112, 96, 92, 0.01), 0px 5px 3px rgba(112, 96, 92, 0.04), 0px 2px 2px rgba(112, 96, 92, 0.07), 0px 1px 1px rgba(112, 96, 92, 0.08), 0px 0px 0px rgba(112, 96, 92, 0.08);\n  --tw-shadow-colored: 0px 9px 4px var(--tw-shadow-color), 0px 5px 3px var(--tw-shadow-color), 0px 2px 2px var(--tw-shadow-color), 0px 1px 1px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-drop-shadow-1xl {\n  --tw-shadow: 0px 17px 7px rgba(112, 96, 92, 0.02), 0px 10px 6px rgba(112, 96, 92, 0.08), 0px 4px 4px rgba(112, 96, 92, 0.13), 0px 1px 2px rgba(112, 96, 92, 0.15), 0px 0px 0px rgba(112, 96, 92, 0.16);\n  --tw-shadow-colored: 0px 17px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-drop-shadow-2xl {\n  --tw-shadow: 0px 54px 21px rgba(112, 96, 92, 0.02), 0px 30px 18px rgba(112, 96, 92, 0.08), 0px 13px 13px rgba(112, 96, 92, 0.13), 0px 3px 7px rgba(112, 96, 92, 0.15), 0px 0px 0px rgba(112, 96, 92, 0.16);\n  --tw-shadow-colored: 0px 54px 21px var(--tw-shadow-color), 0px 30px 18px var(--tw-shadow-color), 0px 13px 13px var(--tw-shadow-color), 0px 3px 7px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-pink-drop-shadow-3xl {\n  --tw-shadow: 0px 117px 47px rgba(112, 96, 92, 0.02), 0px 66px 40px rgba(112, 96, 92, 0.08), 0px 29px 29px rgba(112, 96, 92, 0.13), 0px 7px 16px rgba(112, 96, 92, 0.15), 0px 0px 0px rgba(112, 96, 92, 0.16);\n  --tw-shadow-colored: 0px 117px 47px var(--tw-shadow-color), 0px 66px 40px var(--tw-shadow-color), 0px 29px 29px var(--tw-shadow-color), 0px 7px 16px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.shadow-wizard-step {\n  --tw-shadow: 1px 1px 8px #FFFFFF, inset 1px 1px 4px rgba(0, 0, 0, 0.16);\n  --tw-shadow-colored: 1px 1px 8px var(--tw-shadow-color), inset 1px 1px 4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n.outline {\n  outline-style: solid;\n}\n.outline-1 {\n  outline-width: 1px;\n}\n.outline-2 {\n  outline-width: 2px;\n}\n.outline-neutral-100 {\n  outline-color: #ffffff;\n}\n.ring {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n.ring-inset {\n  --tw-ring-inset: inset;\n}\n.blur {\n  --tw-blur: blur(8px);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.drop-shadow {\n  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.grayscale {\n  --tw-grayscale: grayscale(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.invert {\n  --tw-invert: invert(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.sepia {\n  --tw-sepia: sepia(100%);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-grayscale {\n  --tw-backdrop-grayscale: grayscale(100%);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-invert {\n  --tw-backdrop-invert: invert(100%);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-sepia {\n  --tw-backdrop-sepia: sepia(100%);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.backdrop-filter {\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n.transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.duration-150 {\n  transition-duration: 150ms;\n}\n.duration-250 {\n  transition-duration: 250ms;\n}\n.duration-300 {\n  transition-duration: 300ms;\n}\n.ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\n.ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.animation-delay-100 {\n  animation-delay: 100ms;\n}\n.animation-delay-500 {\n  animation-delay: 500ms;\n}\n.animation-delay-none {\n  animation-delay: 0s;\n}\n.animation-iteration-infinite {\n  animation-iteration-count: infinite;\n}\n.animation-duration-150 {\n  animation-duration: 150ms;\n}\n.animation-duration-200 {\n  animation-duration: 200ms;\n}\n.animation-duration-1000 {\n  animation-duration: 1000ms;\n}\n.animation-fill-forwards {\n  animation-fill-mode: forwards;\n}\n.scrollbar-none {\n    scrollbar-width: none;\n  }\n.scrollbar-none::-webkit-scrollbar {\n    display: none;\n  }\n.\\[emittery\\:subscribe\\] {\n  emittery: subscribe;\n}\nstrong {\n  font-weight: 600;\n}\n.placeholder\\:text-neutral-70::-moz-placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156 182 201 / var(--tw-text-opacity));\n}\n.placeholder\\:text-neutral-70::placeholder {\n  --tw-text-opacity: 1;\n  color: rgb(156 182 201 / var(--tw-text-opacity));\n}\n.before\\:absolute::before {\n  content: var(--tw-content);\n  position: absolute;\n}\n.before\\:bottom-\\[7px\\]::before {\n  content: var(--tw-content);\n  bottom: 7px;\n}\n.before\\:left-0::before {\n  content: var(--tw-content);\n  left: 0px;\n}\n.before\\:top-0::before {\n  content: var(--tw-content);\n  top: 0px;\n}\n.before\\:top-\\[calc\\(50\\%-12px\\)\\]::before {\n  content: var(--tw-content);\n  top: calc(50% - 12px);\n}\n.before\\:z-\\[-1\\]::before {\n  content: var(--tw-content);\n  z-index: -1;\n}\n.before\\:ml-\\[15px\\]::before {\n  content: var(--tw-content);\n  margin-left: 15px;\n}\n.before\\:block::before {\n  content: var(--tw-content);\n  display: block;\n}\n.before\\:h-\\[24px\\]::before {\n  content: var(--tw-content);\n  height: 24px;\n}\n.before\\:h-\\[2px\\]::before {\n  content: var(--tw-content);\n  height: 2px;\n}\n.before\\:h-\\[48px\\]::before {\n  content: var(--tw-content);\n  height: 48px;\n}\n.before\\:w-0::before {\n  content: var(--tw-content);\n  width: 0px;\n}\n.before\\:w-\\[18px\\]::before {\n  content: var(--tw-content);\n  width: 18px;\n}\n.before\\:w-\\[1px\\]::before {\n  content: var(--tw-content);\n  width: 1px;\n}\n.before\\:w-\\[calc\\(100\\%-16px\\)\\]::before {\n  content: var(--tw-content);\n  width: calc(100% - 16px);\n}\n.before\\:w-full::before {\n  content: var(--tw-content);\n  width: 100%;\n}\n.before\\:\\!-translate-y-\\[0px\\]::before {\n  content: var(--tw-content);\n  --tw-translate-y: -0px !important;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;\n}\n.before\\:-translate-y-\\[6px\\]::before {\n  content: var(--tw-content);\n  --tw-translate-y: -6px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.before\\:rotate-\\[45deg\\]::before {\n  content: var(--tw-content);\n  --tw-rotate: 45deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.before\\:rounded-0::before {\n  content: var(--tw-content);\n  border-radius: 0;\n}\n.before\\:rounded-4::before {\n  content: var(--tw-content);\n  border-radius: 4px;\n}\n.before\\:bg-neutral-10::before {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(18 27 33 / var(--tw-bg-opacity));\n}\n.before\\:bg-neutral-20::before {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 53 66 / var(--tw-bg-opacity));\n}\n.before\\:bg-neutral-90::before {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(222 231 237 / var(--tw-bg-opacity));\n}\n.before\\:bg-purple-51::before {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 110 160 / var(--tw-bg-opacity));\n}\n.before\\:shadow-wizard-line::before {\n  content: var(--tw-content);\n  --tw-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.14);\n  --tw-shadow-colored: inset 0px 0px 2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.before\\:transition-all::before {\n  content: var(--tw-content);\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.before\\:transition-none::before {\n  content: var(--tw-content);\n  transition-property: none;\n}\n.before\\:duration-\\[2000ms\\]::before {\n  content: var(--tw-content);\n  transition-duration: 2000ms;\n}\n.before\\:content-\\[\\'\\'\\]::before {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.after\\:absolute::after {\n  content: var(--tw-content);\n  position: absolute;\n}\n.after\\:bottom-\\[7px\\]::after {\n  content: var(--tw-content);\n  bottom: 7px;\n}\n.after\\:ml-\\[15px\\]::after {\n  content: var(--tw-content);\n  margin-left: 15px;\n}\n.after\\:block::after {\n  content: var(--tw-content);\n  display: block;\n}\n.after\\:h-\\[2px\\]::after {\n  content: var(--tw-content);\n  height: 2px;\n}\n.after\\:w-\\[18px\\]::after {\n  content: var(--tw-content);\n  width: 18px;\n}\n.after\\:\\!translate-y-\\[0px\\]::after {\n  content: var(--tw-content);\n  --tw-translate-y: 0px !important;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;\n}\n.after\\:translate-y-\\[6px\\]::after {\n  content: var(--tw-content);\n  --tw-translate-y: 6px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.after\\:-rotate-\\[45deg\\]::after {\n  content: var(--tw-content);\n  --tw-rotate: -45deg;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.after\\:rounded-4::after {\n  content: var(--tw-content);\n  border-radius: 4px;\n}\n.after\\:bg-neutral-20::after {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(36 53 66 / var(--tw-bg-opacity));\n}\n.after\\:bg-transparent::after {\n  content: var(--tw-content);\n  background-color: transparent;\n}\n.after\\:transition-all::after {\n  content: var(--tw-content);\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.after\\:transition-width::after {\n  content: var(--tw-content);\n  transition-property: width;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.after\\:duration-300::after {\n  content: var(--tw-content);\n  transition-duration: 300ms;\n}\n.after\\:content-\\[\\'\\'\\]::after {\n  --tw-content: '';\n  content: var(--tw-content);\n}\n.first\\:-ml-12:first-child {\n  margin-left: -3rem;\n}\n.last\\:-mr-12:last-child {\n  margin-right: -3rem;\n}\n.hover\\:scale-105:hover {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.hover\\:cursor-pointer:hover {\n  cursor: pointer;\n}\n.hover\\:border-neutral-25:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(45 66 83 / var(--tw-border-opacity));\n}\n.hover\\:border-purple-58:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(122 131 174 / var(--tw-border-opacity));\n}\n.hover\\:bg-neutral-25:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(45 66 83 / var(--tw-bg-opacity));\n}\n.hover\\:bg-neutral-95:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 243 246 / var(--tw-bg-opacity));\n}\n.hover\\:bg-neutral-98:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 251 / var(--tw-bg-opacity));\n}\n.hover\\:bg-purple-58:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(122 131 174 / var(--tw-bg-opacity));\n}\n.hover\\:text-neutral-35:hover {\n  --tw-text-opacity: 1;\n  color: rgb(62 93 116 / var(--tw-text-opacity));\n}\n.hover\\:text-purple-31:hover {\n  --tw-text-opacity: 1;\n  color: rgb(60 66 98 / var(--tw-text-opacity));\n}\n.hover\\:text-purple-31\\/70:hover {\n  color: rgb(60 66 98 / 0.7);\n}\n.hover\\:text-purple-41:hover {\n  --tw-text-opacity: 1;\n  color: rgb(79 88 130 / var(--tw-text-opacity));\n}\n.hover\\:text-yellow-700:hover {\n  --tw-text-opacity: 1;\n  color: rgb(161 98 7 / var(--tw-text-opacity));\n}\n.hover\\:underline:hover {\n  text-decoration-line: underline;\n}\n.hover\\:opacity-80:hover {\n  opacity: 0.8;\n}\n.hover\\:shadow-button-hover-primary:hover {\n  --tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, 0.4);\n  --tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.hover\\:shadow-button-hover-secondary:hover {\n  --tw-shadow: 0px 20px 16px -16px rgba(0, 0, 0, 0.12);\n  --tw-shadow-colored: 0px 20px 16px -16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.hover\\:shadow-neutral-drop-shadow-1xl:hover {\n  --tw-shadow: 0px 18px 7px rgba(63, 93, 116, 0.02), 0px 10px 6px rgba(63, 93, 116, 0.08), 0px 4px 4px rgba(63, 93, 116, 0.13), 0px 1px 2px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 18px 7px var(--tw-shadow-color), 0px 10px 6px var(--tw-shadow-color), 0px 4px 4px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.hover\\:shadow-neutral-drop-shadow-2xl:hover {\n  --tw-shadow: 0px 54px 22px rgba(63, 93, 116, 0.02), 0px 30px 18px rgba(63, 93, 116, 0.08), 0px 14px 14px rgba(63, 93, 116, 0.13), 0px 3px 7px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 54px 22px var(--tw-shadow-color), 0px 30px 18px var(--tw-shadow-color), 0px 14px 14px var(--tw-shadow-color), 0px 3px 7px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.hover\\:shadow-neutral-drop-shadow-3xl:hover {\n  --tw-shadow: 0px 118px 47px rgba(63, 93, 116, 0.02), 0px 67px 40px rgba(63, 93, 116, 0.08), 0px 30px 30px rgba(63, 93, 116, 0.13), 0px 7px 16px rgba(63, 93, 116, 0.15), 0px 0px 0px rgba(63, 93, 116, 0.16);\n  --tw-shadow-colored: 0px 118px 47px var(--tw-shadow-color), 0px 67px 40px var(--tw-shadow-color), 0px 30px 30px var(--tw-shadow-color), 0px 7px 16px var(--tw-shadow-color), 0px 0px 0px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.hover\\:shadow-none:hover {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.active\\:\\!scale-100:active {\n  --tw-scale-x: 1 !important;\n  --tw-scale-y: 1 !important;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;\n}\n.active\\:scale-100:active {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.active\\:scale-98:active {\n  --tw-scale-x: .98;\n  --tw-scale-y: .98;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.active\\:border-neutral-25:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(45 66 83 / var(--tw-border-opacity));\n}\n.active\\:bg-neutral-25:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(45 66 83 / var(--tw-bg-opacity));\n}\n.active\\:text-neutral-35:active {\n  --tw-text-opacity: 1;\n  color: rgb(62 93 116 / var(--tw-text-opacity));\n}\n.active\\:shadow-button-press-primary:active {\n  --tw-shadow: 0px 12px 16px -16px rgba(0, 0, 0, 0.4);\n  --tw-shadow-colored: 0px 12px 16px -16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.active\\:shadow-button-press-secondary:active {\n  --tw-shadow: 0px 12px 16px -16px rgba(0, 0, 0, 0.12);\n  --tw-shadow-colored: 0px 12px 16px -16px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.active\\:shadow-none:active {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.active\\:outline-0:active {\n  outline-width: 0px;\n}\n.active\\:duration-25:active {\n  transition-duration: 25ms;\n}\n.disabled\\:scale-100:disabled {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.disabled\\:cursor-not-allowed:disabled {\n  cursor: not-allowed;\n}\n.disabled\\:text-neutral-90:disabled {\n  --tw-text-opacity: 1;\n  color: rgb(222 231 237 / var(--tw-text-opacity));\n}\n.disabled\\:opacity-50:disabled {\n  opacity: 0.5;\n}\n.disabled\\:shadow-none:disabled {\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.disabled\\:hover\\:\\!border-neutral-20:hover:disabled {\n  --tw-border-opacity: 1 !important;\n  border-color: rgb(36 53 66 / var(--tw-border-opacity)) !important;\n}\n.disabled\\:hover\\:\\!border-purple-51:hover:disabled {\n  --tw-border-opacity: 1 !important;\n  border-color: rgb(100 110 160 / var(--tw-border-opacity)) !important;\n}\n.disabled\\:hover\\:\\!bg-neutral-20:hover:disabled {\n  --tw-bg-opacity: 1 !important;\n  background-color: rgb(36 53 66 / var(--tw-bg-opacity)) !important;\n}\n.disabled\\:hover\\:\\!bg-purple-51:hover:disabled {\n  --tw-bg-opacity: 1 !important;\n  background-color: rgb(100 110 160 / var(--tw-bg-opacity)) !important;\n}\n.group:hover .group-hover\\:border-neutral-35 {\n  --tw-border-opacity: 1;\n  border-color: rgb(62 93 116 / var(--tw-border-opacity));\n}\n.group:hover .group-hover\\:border-neutral-90 {\n  --tw-border-opacity: 1;\n  border-color: rgb(222 231 237 / var(--tw-border-opacity));\n}\n.group:hover .group-hover\\:border-red-65 {\n  --tw-border-opacity: 1;\n  border-color: rgb(233 99 99 / var(--tw-border-opacity));\n}\n.group:hover .group-hover\\:text-purple-41 {\n  --tw-text-opacity: 1;\n  color: rgb(79 88 130 / var(--tw-text-opacity));\n}\n@media (min-width: 640px) {\n  .sm\\:ml-8 {\n    margin-left: 2rem;\n  }\n  .sm\\:flex {\n    display: flex;\n  }\n  .sm\\:hidden {\n    display: none;\n  }\n  .sm\\:flex-row {\n    flex-direction: row;\n  }\n  .sm\\:justify-end {\n    justify-content: flex-end;\n  }\n  .sm\\:justify-between {\n    justify-content: space-between;\n  }\n  .sm\\:gap-4 {\n    gap: 1rem;\n  }\n  .sm\\:px-10 {\n    padding-left: 2.5rem;\n    padding-right: 2.5rem;\n  }\n}\n@media (min-width: 768px) {\n  .md\\:flex {\n    display: flex;\n  }\n  .md\\:hidden {\n    display: none;\n  }\n}\n@media (min-width: 1024px) {\n  .lg\\:flex {\n    display: flex;\n  }\n  .lg\\:hidden {\n    display: none;\n  }\n  .lg\\:grid-cols-\\[auto\\2c max-content\\] {\n    grid-template-columns: auto max-content;\n  }\n}\n@media (min-width: 1280px) {\n  .xl\\:block {\n    display: block;\n  }\n  .xl\\:flex {\n    display: flex;\n  }\n  .xl\\:hidden {\n    display: none;\n  }\n  .xl\\:grid-cols-\\[repeat\\(3\\2c max-content\\)\\] {\n    grid-template-columns: repeat(3,max-content);\n  }\n  .xl\\:grid-rows-1 {\n    grid-template-rows: repeat(1, minmax(0, 1fr));\n  }\n  .xl\\:gap-10 {\n    gap: 2.5rem;\n  }\n}\n.\\[\\&\\>\\.lukso-wizard-circle\\]\\:after\\:bg-purple-51>.lukso-wizard-circle::after {\n  content: var(--tw-content);\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 110 160 / var(--tw-bg-opacity));\n}\n.\\[\\&\\>\\.lukso-wizard-circle\\]\\:before\\:last\\:hidden:last-child>.lukso-wizard-circle::before {\n  content: var(--tw-content);\n  display: none;\n}\n.\\[\\&\\>\\.lukso-wizard-circle\\]\\:after\\:last\\:hidden:last-child>.lukso-wizard-circle::after {\n  content: var(--tw-content);\n  display: none;\n}\n.\\[\\&_\\.lukso-wizard-circle-inner\\]\\:border-2 .lukso-wizard-circle-inner {\n  border-width: 2px;\n}\n.\\[\\&_\\.lukso-wizard-circle-inner\\]\\:border-purple-51 .lukso-wizard-circle-inner {\n  --tw-border-opacity: 1;\n  border-color: rgb(100 110 160 / var(--tw-border-opacity));\n}\n.\\[\\&_\\.lukso-wizard-circle-inner\\]\\:bg-gradient-to-t .lukso-wizard-circle-inner {\n  background-image: linear-gradient(to top, var(--tw-gradient-stops));\n}\n.\\[\\&_\\.lukso-wizard-circle-inner\\]\\:from-gradient-3-start .lukso-wizard-circle-inner {\n  --tw-gradient-from: #393e56 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(57 62 86 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\n.\\[\\&_\\.lukso-wizard-circle-inner\\]\\:to-gradient-3-end .lukso-wizard-circle-inner {\n  --tw-gradient-to: #646ea0 var(--tw-gradient-to-position);\n}";
-
-const tailwindElement = r$2(style);
-const TailwindStyledElement = (style2) => {
-  var _a;
-  return _a = class extends s {
-  }, _a.styles = style2 ? [tailwindElement, r$2(style2)] : [tailwindElement], _a;
-};
-class TailwindElement extends s {
-}
-TailwindElement.styles = [tailwindElement];
-
-exports.A = A;
-exports.T = T;
-exports.TailwindElement = TailwindElement;
-exports.TailwindStyledElement = TailwindStyledElement;
-exports.j = j;
-exports.x = x;