*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*:where([elv],[elv] *),
:where([elv],[elv] *)::before,
:where([elv],[elv] *)::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

:where([elv],[elv] *)::before,
:where([elv],[elv] *)::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

[elv] {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Figtree, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

[elv] {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr:where([elv],[elv] *) {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]):where([elv],[elv] *) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1:where([elv],[elv] *),
h2:where([elv],[elv] *),
h3:where([elv],[elv] *),
h4:where([elv],[elv] *),
h5:where([elv],[elv] *),
h6:where([elv],[elv] *) {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a:where([elv],[elv] *) {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b:where([elv],[elv] *),
strong:where([elv],[elv] *) {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code:where([elv],[elv] *),
kbd:where([elv],[elv] *),
samp:where([elv],[elv] *),
pre:where([elv],[elv] *) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small:where([elv],[elv] *) {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub:where([elv],[elv] *),
sup:where([elv],[elv] *) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub:where([elv],[elv] *) {
  bottom: -0.25em;
}

sup:where([elv],[elv] *) {
  top: -0.5em;
}

/*
1. 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)
2. 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)
3. Remove gaps between table borders by default.
*/

table:where([elv],[elv] *) {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button:where([elv],[elv] *),
input:where([elv],[elv] *),
optgroup:where([elv],[elv] *),
select:where([elv],[elv] *),
textarea:where([elv],[elv] *) {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button:where([elv],[elv] *),
select:where([elv],[elv] *) {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button:where([elv],[elv] *),
input:where([type='button']):where([elv],[elv] *),
input:where([type='reset']):where([elv],[elv] *),
input:where([type='submit']):where([elv],[elv] *) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring:where([elv],[elv] *) {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid:where([elv],[elv] *) {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress:where([elv],[elv] *) {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

:where([elv],[elv] *) ::-webkit-inner-spin-button,
:where([elv],[elv] *) ::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search']:where([elv],[elv] *) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

:where([elv],[elv] *) ::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

:where([elv],[elv] *) ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary:where([elv],[elv] *) {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote:where([elv],[elv] *),
dl:where([elv],[elv] *),
dd:where([elv],[elv] *),
h1:where([elv],[elv] *),
h2:where([elv],[elv] *),
h3:where([elv],[elv] *),
h4:where([elv],[elv] *),
h5:where([elv],[elv] *),
h6:where([elv],[elv] *),
hr:where([elv],[elv] *),
figure:where([elv],[elv] *),
p:where([elv],[elv] *),
pre:where([elv],[elv] *) {
  margin: 0;
}

fieldset:where([elv],[elv] *) {
  margin: 0;
  padding: 0;
}

legend:where([elv],[elv] *) {
  padding: 0;
}

ol:where([elv],[elv] *),
ul:where([elv],[elv] *),
menu:where([elv],[elv] *) {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog:where([elv],[elv] *) {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea:where([elv],[elv] *) {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

:where([elv],[elv] *) input::-moz-placeholder, :where([elv],[elv] *) textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

:where([elv],[elv] *) input::placeholder,
:where([elv],[elv] *) textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button:where([elv],[elv] *),
[role="button"]:where([elv],[elv] *) {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled:where([elv],[elv] *) {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img:where([elv],[elv] *),
svg:where([elv],[elv] *),
video:where([elv],[elv] *),
canvas:where([elv],[elv] *),
audio:where([elv],[elv] *),
iframe:where([elv],[elv] *),
embed:where([elv],[elv] *),
object:where([elv],[elv] *) {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img:where([elv],[elv] *),
video:where([elv],[elv] *) {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])):where([elv],[elv] *) {
  display: none;
}
:where([elv]) .avatar,
    .avatar:where([elv]) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
:where([elv]) .avatar--xl,
    .avatar--xl:where([elv]) {
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 1.25rem;
}
:where([elv]) .avatar--lg,
    .avatar--lg:where([elv]) {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 9999rem;
}
:where([elv]) .avatar--md,
    .avatar--md:where([elv]) {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 9999rem;
}
:where([elv]) .avatar--sm,
    .avatar--sm:where([elv]) {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 9999rem;
}
:where([elv]) .avatar--xs,
    .avatar--xs:where([elv]) {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999rem;
}
:where([elv]) .avatar__image,
    .avatar__image:where([elv]) {
  height: 100%;
  width: 100%;
  overflow: hidden;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      border-radius: inherit;
}
:where([elv]) .avatar__initials,
    .avatar__initials:where([elv]) {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      border-radius: inherit;
}
:where([elv]) .breadcrumbs__list,
    .breadcrumbs__list:where([elv]) {
  margin: 0;
  display: inline-flex;
  list-style-type: none;
  align-items: center;
  gap: 0.125rem;
  padding: 0;
}
:where([elv]) .breadcrumbs__item,
    .breadcrumbs__item:where([elv]) {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
:where([elv]) .breadcrumbs__link,
    .breadcrumbs__link:where([elv]) {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:where([elv]) .breadcrumbs__link:hover,
    .breadcrumbs__link:hover:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
:where([elv]) .breadcrumbs__link:focus-visible,
    .breadcrumbs__link:focus-visible:where([elv]) {
  border-radius: 0.125rem;
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
:where([elv]) .breadcrumbs__link--current,
    .breadcrumbs__link--current:where([elv]) {
  pointer-events: none;
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
:where([elv]) .breadcrumbs__separator,
    .breadcrumbs__separator:where([elv]) {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  fill: #6f6d78;
}
:where([elv]) .\!btn:where(a),
  .\!btn:where(a):where([elv]) {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
:where([elv]) .\!btn:where(a):visited,
  .\!btn:where(a):where([elv]):visited {
  text-decoration-line: none;
}
:where([elv]) .\!btn:where(a):hover,
  .\!btn:where(a):where([elv]):hover {
  text-decoration-line: none;
}
:where([elv]) .\!btn:where(a):focus,
  .\!btn:where(a):where([elv]):focus {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .\!btn:where(a):focus-visible,
  .\!btn:where(a):where([elv]):focus-visible {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .\!btn:where(a):active,
  .\!btn:where(a):where([elv]):active {
  text-decoration-line: none;
}
:where([elv]) .btn:where(a),
  .btn:where(a):where([elv]) {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
:where([elv]) .btn:where(a):visited,
  .btn:where(a):where([elv]):visited {
  text-decoration-line: none;
}
:where([elv]) .btn:where(a):hover,
  .btn:where(a):where([elv]):hover {
  text-decoration-line: none;
}
:where([elv]) .btn:where(a):focus,
  .btn:where(a):where([elv]):focus {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .btn:where(a):focus-visible,
  .btn:where(a):where([elv]):focus-visible {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .btn:where(a):active,
  .btn:where(a):where([elv]):active {
  text-decoration-line: none;
}
:where([elv]) .\!btn:where(a),
  .\!btn:where(a):where([elv]) {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
:where([elv]) .\!btn:where(a):visited,
  .\!btn:where(a):where([elv]):visited {
  text-decoration-line: none;
}
:where([elv]) .\!btn:where(a):hover,
  .\!btn:where(a):where([elv]):hover {
  text-decoration-line: none;
}
:where([elv]) .\!btn:where(a):focus,
  .\!btn:where(a):where([elv]):focus {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .\!btn:where(a):focus-visible,
  .\!btn:where(a):where([elv]):focus-visible {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .\!btn:where(a):active,
  .\!btn:where(a):where([elv]):active {
  text-decoration-line: none;
}
:where([elv]) .\!btn,
    .\!btn:where([elv]) {
  display: flex;
  width: auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  border-width: 0.5px;
  font-family: Figtree, sans-serif;
  font-weight: 600;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:where([elv]) .\!btn:hover,
    .\!btn:where([elv]):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:focus,
    .\!btn:where([elv]):focus {
  --tw-shadow: 0px 0px 0px 0.5px rgb(255, 255, 255), 0px 0px 0px 3px rgb(195, 189, 229);
  --tw-shadow-colored: 0px 0px 0px 0.5px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:active,
    .\!btn:where([elv]):active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:disabled,
    .\!btn:where([elv]):disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
:where([elv]) .\!btn:hover:disabled,
    .\!btn:where([elv]):hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:focus:disabled,
    .\!btn:where([elv]):focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:active:disabled,
    .\!btn:where([elv]):active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .btn,
    .btn:where([elv]) {
  display: flex;
  width: auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  border-width: 0.5px;
  font-family: Figtree, sans-serif;
  font-weight: 600;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:where([elv]) .btn:hover,
    .btn:where([elv]):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .btn:focus,
    .btn:where([elv]):focus {
  --tw-shadow: 0px 0px 0px 0.5px rgb(255, 255, 255), 0px 0px 0px 3px rgb(195, 189, 229);
  --tw-shadow-colored: 0px 0px 0px 0.5px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .btn:active,
    .btn:where([elv]):active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .btn:disabled,
    .btn:where([elv]):disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
:where([elv]) .btn:hover:disabled,
    .btn:where([elv]):hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .btn:focus:disabled,
    .btn:where([elv]):focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .btn:active:disabled,
    .btn:where([elv]):active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn,
    .\!btn:where([elv]) {
  display: flex;
  width: auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  border-width: 0.5px;
  font-family: Figtree, sans-serif;
  font-weight: 600;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:where([elv]) .\!btn:hover,
    .\!btn:where([elv]):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:focus,
    .\!btn:where([elv]):focus {
  --tw-shadow: 0px 0px 0px 0.5px rgb(255, 255, 255), 0px 0px 0px 3px rgb(195, 189, 229);
  --tw-shadow-colored: 0px 0px 0px 0.5px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:active,
    .\!btn:where([elv]):active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:disabled,
    .\!btn:where([elv]):disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
:where([elv]) .\!btn:hover:disabled,
    .\!btn:where([elv]):hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:focus:disabled,
    .\!btn:where([elv]):focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn:active:disabled,
    .\!btn:where([elv]):active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .\!btn span + svg, .\!btn:where([elv]) span + svg {
  margin-right: -0.25rem;
}
:where([elv]) .btn span + svg, .btn:where([elv]) span + svg {
  margin-right: -0.25rem;
}
:where([elv]) .\!btn span + svg, .\!btn:where([elv]) span + svg {
  margin-right: -0.25rem;
}
:where([elv]) .\!btn svg:has(+ span), .\!btn:where([elv]) svg:has(+ span) {
  margin-left: -0.25rem;
}
:where([elv]) .btn svg:has(+ span), .btn:where([elv]) svg:has(+ span) {
  margin-left: -0.25rem;
}
:where([elv]) .\!btn svg:has(+ span), .\!btn:where([elv]) svg:has(+ span) {
  margin-left: -0.25rem;
}
.btn--primary:where([elv]),
    :where([elv]) .btn--primary {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--primary:where([elv]):hover,
    :where([elv]) .btn--primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--primary:where([elv]):focus,
    :where([elv]) .btn--primary:focus {
  --tw-shadow: 0px 0px 0px 0.5px rgb(255, 255, 255), 0px 0px 0px 3px rgb(195, 189, 229);
  --tw-shadow-colored: 0px 0px 0px 0.5px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--primary:where([elv]):active,
    :where([elv]) .btn--primary:active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--inverted:where([elv]),
    :where([elv]) .btn--inverted {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--inverted:where([elv]):hover,
    :where([elv]) .btn--inverted:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-shadow: 0px 2px 8px 2px rgba(32,31,35,0.15);
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--secondary:where([elv]),
    :where([elv]) .btn--secondary {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--secondary:where([elv]):hover,
    :where([elv]) .btn--secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--secondary:where([elv]):focus,
    :where([elv]) .btn--secondary:focus {
  border-width: 1px;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--secondary:where([elv]):active,
    :where([elv]) .btn--secondary:active {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.btn--tertiary:where([elv]),
    :where([elv]) .btn--tertiary {
  border-width: 0;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--tertiary:where([elv]):visited,
    :where([elv]) .btn--tertiary:visited {
  color: rgb(87 70 178 );
}
.btn--tertiary:where([elv]):hover,
    :where([elv]) .btn--tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--tertiary:where([elv]):focus,
    :where([elv]) .btn--tertiary:focus {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--tertiary:where([elv]):active,
    :where([elv]) .btn--tertiary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--tertiary:where([elv]):disabled,
    :where([elv]) .btn--tertiary:disabled {
  background-color: transparent;
}
.btn--brand:where([elv]),
    :where([elv]) .btn--brand {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
}
.btn--brand:where([elv]):hover,
    :where([elv]) .btn--brand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 0 1px #FF492C,0 2px 8px 2px #201F2326;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text:where([elv]),
    :where([elv]) .btn--text {
  border-radius: 0.5rem;
  border-width: 0;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--text:where([elv]):hover,
    :where([elv]) .btn--text:hover {
  background-color: transparent;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text:where([elv]):active,
    :where([elv]) .btn--text:active {
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
}
.btn--text:where([elv]):disabled,
    :where([elv]) .btn--text:disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.btn--text:where([elv]):hover:disabled,
    :where([elv]) .btn--text:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text:where([elv]):focus:disabled,
    :where([elv]) .btn--text:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text:where([elv]):active:disabled,
    :where([elv]) .btn--text:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text-neutral:where([elv]),
    :where([elv]) .btn--text-neutral {
  border-radius: 0.5rem;
  border-width: 0;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.btn--text-neutral:where([elv]):hover,
    :where([elv]) .btn--text-neutral:hover {
  background-color: transparent;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text-neutral:where([elv]):active,
    :where([elv]) .btn--text-neutral:active {
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
}
.btn--text-neutral:where([elv]):disabled,
    :where([elv]) .btn--text-neutral:disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.btn--text-neutral:where([elv]):hover:disabled,
    :where([elv]) .btn--text-neutral:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text-neutral:where([elv]):focus:disabled,
    :where([elv]) .btn--text-neutral:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text-neutral:where([elv]):active:disabled,
    :where([elv]) .btn--text-neutral:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--text-neutral:where([elv]),
    :where([elv]) .btn--text-neutral {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.btn--text-neutral:where([elv]):hover,
    :where([elv]) .btn--text-neutral:hover {
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
.btn--lg:where([elv]),
    :where([elv]) .btn--lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.btn--md:where([elv]),
    :where([elv]) .btn--md {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.btn--sm:where([elv]),
    :where([elv]) .btn--sm {
  border-radius: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.btn--md.btn--text:where([elv]),
    :where([elv]) .btn--md.btn--text,
    .btn--md.btn--text-neutral:where([elv]),
    :where([elv]) .btn--md.btn--text-neutral {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.btn--sm.btn--text:where([elv]),
    :where([elv]) .btn--sm.btn--text,
    .btn--sm.btn--text-neutral:where([elv]),
    :where([elv]) .btn--sm.btn--text-neutral {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
:where([elv]) .button-group,
    .button-group:where([elv]) {
  display: flex;
  align-items: center;
}
:where([elv]) .button-group--horizontal,
    .button-group--horizontal:where([elv]) {
  flex-direction: row;
  gap: 0.25rem;
}
:where([elv]) .button-group--vertical,
    .button-group--vertical:where([elv]) {
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
}
:where([elv]) .button-group--connected,
    .button-group--connected:where([elv]) {
  gap: 0;
}
.button-group--connected > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
.button-group--connected > .\!btn:not(:first-child):not(:last-child) {
    border-radius: 0 !important;
  }
.button-group--connected > .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.button-group--connected > .\!btn:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
.button-group--connected > .btn:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.button-group--connected > .\!btn:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
.button-group--connected > .btn:not(:last-child) {
    border-right-width: 0;
  }
.button-group--connected > .\!btn:not(:last-child) {
    border-right-width: 0 !important;
  }
.button-group--connected.button-group--vertical > .btn:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
  }
.button-group--connected.button-group--vertical > .\!btn:first-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 1.5rem !important;
    border-top-left-radius: 1.5rem !important;
  }
.button-group--connected.button-group--vertical > .btn:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }
.button-group--connected.button-group--vertical > .\!btn:last-child {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
.button-group--connected.button-group--vertical > .btn:not(:last-child) {
    border-right-width: 0.5px;
    border-bottom-width: 0;
  }
.button-group--connected.button-group--vertical > .\!btn:not(:last-child) {
    border-right-width: 0.5px !important;
    border-bottom-width: 0 !important;
  }
:where([elv]) .chip,
    .chip:where([elv]) {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  font-family: Figtree, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:where([elv]) .chip:hover,
    .chip:hover:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(222 218 241 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .chip[data-selected="true"],
    .chip[data-selected="true"]:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .chip--xs,
    .chip--xs:where([elv]) {
  height: 1rem;
  border-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.75rem;
  font-weight: 600;
}
:where([elv]) .chip--sm,
    .chip--sm:where([elv]) {
  height: 1.5rem;
  border-radius: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  font-weight: 600;
}
:where([elv]) .chip--md,
    .chip--md:where([elv]) {
  height: 2rem;
  border-radius: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
:where([elv]) .chip__label,
    .chip__label:where([elv]) {
  white-space: nowrap;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
      color: inherit;
      font-weight: inherit;
      font-size: inherit;
}
:where([elv]) .chip__icon,
    .chip__icon:where([elv]) {
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
      transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.chip__icon--hidden {
    width: 0 !important;
    overflow: hidden;
  }
:where([elv]) .chip__icon--xs,
    .chip__icon--xs:where([elv]) {
  height: 0.75rem;
  width: 0.75rem;
}
:where([elv]) .chip__icon--sm,
    .chip__icon--sm:where([elv]) {
  height: 1rem;
  width: 1rem;
}
:where([elv]) .chip__icon--trailing,
    .chip__icon--trailing:where([elv]) {
  border-radius: 0.125rem;
}
:where([elv]) .chip__icon--trailing:hover,
    .chip__icon--trailing:hover:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(195 189 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.chip--dismissing {
    opacity: 0;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }
.content-card {
  display: flex;
  flex-direction: column;
  border-radius: 0.75rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 750px) {

  .content-card {
    --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 4px 4px 0px rgba(32, 31, 35, 0.04);
    --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
.content-card--bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.content-card--border-whisper {
  --tw-border-opacity: 1;
  border-color: rgb(242 242 243 / var(--tw-border-opacity, 1));
}
.content-card--border-purple {
  --tw-border-opacity: 1;
  border-color: rgb(87 70 178 / var(--tw-border-opacity, 1));
}
.content-card__header {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 750px) {

  .content-card__header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.content-card__header--lg {
  border-bottom-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
@media (min-width: 750px) {

  .content-card__header--lg {
    padding-bottom: 1.5rem;
  }
}
.content-card__header--lg.content-card__header--border-whisper {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.content-card__header-row {
  display: flex;
  min-height: 2rem;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.25rem;
}
@media (min-width: 750px) {

  .content-card__header-row {
    flex-direction: row;
  }
}
.content-card__header-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.content-card__header-actions {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.content-card__header-description {
  width: 100%;
}
@media (min-width: 750px) {

  .content-card__header-description {
    order: 9999;
  }
}
.content-card__header-description {
    flex: 0 0 100%;
  }
.content-card__content {
  flex-grow: 1;
}
.content-card__content--md {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 750px) {

  .content-card__content--md {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.content-card__content--lg {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 750px) {

  .content-card__content--lg {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.content-card__content--md-no-footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 750px) {

  .content-card__content--md-no-footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
  }
}
.content-card__content--lg-no-footer {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 750px) {

  .content-card__content--lg-no-footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
  }
}
.content-card__content--compact {
  padding: 0;
}
.content-card__footer {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 750px) {

  .content-card__footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.content-card__footer--lg {
  border-top-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
@media (min-width: 750px) {

  .content-card__footer--lg {
    padding-top: 1.5rem;
  }
}
.content-card__footer--right {
  justify-content: flex-end;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.content-card__footer--center {
  justify-content: center;
}
.content-card__footer--distributed {
  justify-content: flex-end;
}
.content-card__footer-control {
  margin-right: auto;
}
.content-card__footer--distributed .content-card__footer-control {
  margin-right: 1.25rem;
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
    flex-basis: 25%;
}
.content-card__footer-pagination {
  }
.content-card__footer--distributed .content-card__footer-pagination {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.content-card__footer-action {
  }
.content-card__footer--distributed .content-card__footer-action {
  margin-left: 1.25rem;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
    flex-basis: 25%;
}
.icon {
  flex-shrink: 0;
}
.icon--xs {
  height: 1rem;
  width: 1rem;
}
.icon--sm {
  height: 1.25rem;
  width: 1.25rem;
}
.icon--md {
  height: 1.5rem;
  width: 1.5rem;
}
.icon--lg {
  height: 1.75rem;
  width: 1.75rem;
}
.icon--pictogram-xs {
  height: 1.5rem;
  width: 1.5rem;
}
.icon--pictogram-sm {
  height: 2rem;
  width: 2rem;
}
.icon--pictogram-md {
  height: 2.75rem;
  width: 2.75rem;
}
.icon--pictogram-lg {
  height: 3.25rem;
  width: 3.25rem;
}
.icon--pictogram-xl {
  height: 3.75rem;
  width: 3.75rem;
}
.icon--fill-current {
  fill: currentColor;
}
/* ── Block ─────────────────────────────────────────────── */
.icon-btn:where([elv]),
    :where([elv]) .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-width: 0;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  height: 3rem;
  width: 3rem;
  border-radius: 1.5rem;
  padding: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
}
.icon-btn:where([elv]):hover,
    :where([elv]) .icon-btn:hover {
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.149), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn:where([elv]):focus,
    :where([elv]) .icon-btn:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn:where([elv]):active,
    :where([elv]) .icon-btn:active {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn:where([elv]):disabled,
    :where([elv]) .icon-btn:disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.icon-btn:where([elv]):hover:disabled,
    :where([elv]) .icon-btn:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn:where([elv]):focus:disabled,
    :where([elv]) .icon-btn:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn:where([elv]):active:disabled,
    :where([elv]) .icon-btn:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn:where(a),
  :where([elv]) .icon-btn:where(a) {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.icon-btn:where(a):visited,
  :where([elv]) .icon-btn:where(a):visited {
  text-decoration-line: none;
}
.icon-btn:where(a):hover,
  :where([elv]) .icon-btn:where(a):hover {
  text-decoration-line: none;
}
.icon-btn:where(a):focus,
  :where([elv]) .icon-btn:where(a):focus {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.icon-btn:where(a):focus-visible,
  :where([elv]) .icon-btn:where(a):focus-visible {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.icon-btn:where(a):active,
  :where([elv]) .icon-btn:where(a):active {
  text-decoration-line: none;
}
/* ── Icon sizing per button size ───────────────────────── */
:where([elv]) .icon-btn .icon-btn__icon,
    :where([elv]) .icon-btn .icon-btn .icon-btn__icon {
  height: 1.5rem;
  width: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:where([elv]) .icon-btn--sm .icon-btn__icon,
    :where([elv]) .icon-btn--sm .icon-btn--sm .icon-btn__icon {
  height: 1.25rem;
  width: 1.25rem;
}
:where([elv]) .icon-btn--xs .icon-btn__icon,
    :where([elv]) .icon-btn--xs .icon-btn--xs .icon-btn__icon {
  height: 1rem;
  width: 1rem;
}
/* Disabled icon fill — shared across all variants */
:where([elv]) .icon-btn[disabled] .icon-btn__icon,
    :where([elv]) .icon-btn .icon-btn[disabled] .icon-btn__icon,
    :where([elv]) .icon-btn:disabled .icon-btn__icon,
    :where([elv]) .icon-btn .icon-btn:disabled .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
/* ── Sizes ─────────────────────────────────────────────── */
.icon-btn--lg:where([elv]),
    :where([elv]) .icon-btn--lg {
  height: 3rem;
  width: 3rem;
  border-radius: 1.5rem;
  padding: 0.75rem;
}
.icon-btn--md:where([elv]),
    :where([elv]) .icon-btn--md {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 1.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.icon-btn--sm:where([elv]),
    :where([elv]) .icon-btn--sm {
  height: 2rem;
  width: 2rem;
  border-radius: 1rem;
}
.icon-btn--xs:where([elv]),
    :where([elv]) .icon-btn--xs {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
}
/* ── Variant: primary ──────────────────────────────────── */
.icon-btn--primary:where([elv]),
    :where([elv]) .icon-btn--primary {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
}
.icon-btn--primary:where([elv]):hover,
    :where([elv]) .icon-btn--primary:hover {
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.149), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--primary:where([elv]):focus,
    :where([elv]) .icon-btn--primary:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--primary:where([elv]):active,
    :where([elv]) .icon-btn--primary:active {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .icon-btn--primary .icon-btn__icon,
    :where([elv]) .icon-btn--primary .icon-btn--primary .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* Primary xs: subtle bg, purple icon */
.icon-btn--primary.icon-btn--xs:where([elv]),
    :where([elv]) .icon-btn--primary.icon-btn--xs {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.icon-btn--primary.icon-btn--xs:where([elv]):hover,
    :where([elv]) .icon-btn--primary.icon-btn--xs:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--primary.icon-btn--xs:where([elv]):disabled,
    :where([elv]) .icon-btn--primary.icon-btn--xs:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
:where([elv]) .icon-btn--primary.icon-btn--xs .icon-btn__icon,
    :where([elv]) .icon-btn--primary.icon-btn--xs .icon-btn--primary.icon-btn--xs .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
/* ── Variant: inverted ─────────────────────────────────── */
.icon-btn--inverted:where([elv]),
    :where([elv]) .icon-btn--inverted {
  border-radius: 1.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.icon-btn--inverted:where([elv]):hover,
    :where([elv]) .icon-btn--inverted:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.149), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--inverted:where([elv]):focus,
    :where([elv]) .icon-btn--inverted:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--inverted:where([elv]):active,
    :where([elv]) .icon-btn--inverted:active {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .icon-btn--inverted .icon-btn__icon,
    :where([elv]) .icon-btn--inverted .icon-btn--inverted .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
/* ── Variant: secondary ────────────────────────────────── */
.icon-btn--secondary:where([elv]),
    :where([elv]) .icon-btn--secondary {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 222 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--secondary:where([elv]):hover,
    :where([elv]) .icon-btn--secondary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.icon-btn--secondary:where([elv]):focus,
    :where([elv]) .icon-btn--secondary:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--secondary:where([elv]):active,
    :where([elv]) .icon-btn--secondary:active {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .icon-btn--secondary .icon-btn__icon,
    :where([elv]) .icon-btn--secondary .icon-btn--secondary .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
/* Secondary xs: transparent bg, neutral icon */
.icon-btn--secondary.icon-btn--xs:where([elv]),
    :where([elv]) .icon-btn--secondary.icon-btn--xs {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.icon-btn--secondary.icon-btn--xs:where([elv]):hover,
    :where([elv]) .icon-btn--secondary.icon-btn--xs:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 222 225 / var(--tw-bg-opacity, 1));
}
.icon-btn--secondary.icon-btn--xs:where([elv]):disabled,
    :where([elv]) .icon-btn--secondary.icon-btn--xs:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
:where([elv]) .icon-btn--secondary.icon-btn--xs .icon-btn__icon,
    :where([elv]) .icon-btn--secondary.icon-btn--xs .icon-btn--secondary.icon-btn--xs .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
:where([elv]) .icon-btn--secondary.icon-btn--xs .icon-btn__icon:hover,
    :where([elv]) .icon-btn--secondary.icon-btn--xs .icon-btn--secondary.icon-btn--xs .icon-btn__icon:hover {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .icon-btn--secondary.icon-btn--xs .icon-btn__icon:active,
    :where([elv]) .icon-btn--secondary.icon-btn--xs .icon-btn--secondary.icon-btn--xs .icon-btn__icon:active {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
/* ── Variant: tertiary ─────────────────────────────────── */
.icon-btn--tertiary:where([elv]),
    :where([elv]) .icon-btn--tertiary {
  background-color: transparent;
}
.icon-btn--tertiary:where([elv]):hover,
    :where([elv]) .icon-btn--tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.icon-btn--tertiary:where([elv]):focus,
    :where([elv]) .icon-btn--tertiary:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--tertiary:where([elv]):active,
    :where([elv]) .icon-btn--tertiary:active {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--tertiary:where([elv]):hover:disabled,
    :where([elv]) .icon-btn--tertiary:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--tertiary:where([elv]):focus:disabled,
    :where([elv]) .icon-btn--tertiary:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--tertiary:where([elv]):active:disabled,
    :where([elv]) .icon-btn--tertiary:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .icon-btn--tertiary .icon-btn__icon,
    :where([elv]) .icon-btn--tertiary .icon-btn--tertiary .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
/* ── Variant: brand ────────────────────────────────────── */
.icon-btn--brand:where([elv]),
    :where([elv]) .icon-btn--brand {
  border-width: 0;
  --tw-border-opacity: 1;
  border-color: rgb(223 222 225 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--brand:where([elv]):hover,
    :where([elv]) .icon-btn--brand:hover {
  --tw-shadow: 0 0 0 1px #FF492C,0 2px 8px 2px #201F2326;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--brand:where([elv]):focus,
    :where([elv]) .icon-btn--brand:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.icon-btn--brand:where([elv]):active,
    :where([elv]) .icon-btn--brand:active {
  --tw-border-opacity: 1;
  border-color: rgb(255 119 97 / var(--tw-border-opacity, 1));
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:where([elv]) .icon-btn--brand .icon-btn__icon,
    :where([elv]) .icon-btn--brand .icon-btn--brand .icon-btn__icon {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* ── Loading state ─────────────────────────────────────── */
:where([elv]) .icon-btn__loading-icon,
    :where([elv]) .icon-btn .icon-btn__loading-icon {
  display: none;
  height: 1.5rem;
  width: 1.5rem;
}
@keyframes elv-spin {

  to {
    transform: rotate(360deg);
  }
}
:where([elv]) .icon-btn__loading-icon,
    :where([elv]) .icon-btn .icon-btn__loading-icon {
  animation: elv-spin 1s linear infinite;
}
:where([elv]) .icon-btn--loading .icon-btn__loading-icon,
    :where([elv]) .icon-btn--loading .icon-btn--loading .icon-btn__loading-icon {
  display: block;
}
:where([elv]) .icon-btn--loading .icon-btn__icon,
    :where([elv]) .icon-btn--loading .icon-btn--loading .icon-btn__icon {
  display: none;
}
.elv-input {
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: Figtree, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
  border-width: 0.5px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.elv-input:disabled {
  resize: none;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.elv-input:-moz-read-only {
  resize: none;
  padding-left: 0.5rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.elv-input:read-only {
  resize: none;
  padding-left: 0.5rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.elv-input:not(:disabled):-moz-read-only {
  border-style: none;
}
.elv-input:not(:disabled):read-only {
  border-style: none;
}
.elv-input[data-status='success'] {
  --tw-border-opacity: 1;
  border-color: rgb(31 168 150 / var(--tw-border-opacity, 1));
}
.elv-input[data-status='warning'] {
  --tw-border-opacity: 1;
  border-color: rgb(255 200 0 / var(--tw-border-opacity, 1));
}
.elv-input[data-status='error'] {
  --tw-border-opacity: 1;
  border-color: rgb(235 32 0 / var(--tw-border-opacity, 1));
}
.elv-input[data-status='warning'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 229 / var(--tw-bg-opacity, 1));
}
.elv-input[data-status='error'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 245 / var(--tw-bg-opacity, 1));
}
.elv-input:hover:not([data-status]):not(:-moz-read-only):enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.elv-input:hover:not([data-status]):not(:read-only):enabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.elv-input:focus:not([data-status]):not(:-moz-read-only):enabled {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
.elv-input:focus:not([data-status]):not(:read-only):enabled {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
.elv-input:focus-visible:not([data-status]):not(:-moz-read-only):enabled {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
.elv-input:focus-visible:not([data-status]):not(:read-only):enabled {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
.elv-input--sm {
  height: 2rem;
  min-width: 11.25rem;
}
.elv-input--md {
  height: 2.5rem;
  min-width: 15.25rem;
}
.elv-input--lg {
  height: 3rem;
  min-width: 17.75rem;
}
.elv-input--textarea-sm {
  height: 3.25rem;
  min-width: 15.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.elv-input--textarea-md {
  height: 4rem;
  min-width: 17.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.elv-input--textarea-lg {
  height: 4rem;
  min-width: 17.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.inset-card {
  display: flex;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.inset-card--sm {
  padding: 0.5rem;
}
.inset-card--md {
  padding: 1rem;
}
.inset-card--lg {
  padding: 1.5rem;
}
:where([elv]) a:where(:where([elv]) a:not(.a--reset)), a:where([elv]):where(a:where([elv]):not(.a--reset)), .a:where(.a:not(.a--reset)) {
  font-family: Figtree, sans-serif;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(0 115 245 / var(--tw-text-opacity, 1));
}
:where([elv]) a:where(:where([elv]) a:not(.a--reset)):focus-visible, a:where([elv]):where(a:where([elv]):not(.a--reset)):focus-visible, .a:where(.a:not(.a--reset)):focus-visible {
  border-radius: 0.5rem;
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 0px;
  outline-color: #c3bde5;
}
:where([elv]) a:where(:where([elv]) a:not(.a--reset)):visited, a:where([elv]):where(a:where([elv]):not(.a--reset)):visited, .a:where(.a:not(.a--reset)):visited {
  color: rgb(46 144 255 );
}
:where([elv]) a:where(:where([elv]) a:not(.a--reset)):hover, a:where([elv]):where(a:where([elv]):not(.a--reset)):hover, .a:where(.a:not(.a--reset)):hover {
  --tw-text-opacity: 1;
  color: rgb(0 91 194 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
}
:where([elv]) a:where(:where([elv]) a:not(.a--reset)):focus, a:where([elv]):where(a:where([elv]):not(.a--reset)):focus, .a:where(.a:not(.a--reset)):focus {
  --tw-text-opacity: 1;
  color: rgb(0 91 194 / var(--tw-text-opacity, 1));
}
:where([elv]) a:where(:where([elv]) a:not(.a--reset)):active, a:where([elv]):where(a:where([elv]):not(.a--reset)):active, .a:where(.a:not(.a--reset)):active {
  --tw-text-opacity: 1;
  color: rgb(0 91 194 / var(--tw-text-opacity, 1));
}
.a--sm {
  font-size: 0.875rem;
}
.a--sm:focus-visible {
  border-radius: 0.5rem;
}
.a--md {
  font-size: 1rem;
}
.a--md:focus-visible {
  border-radius: 0.5rem;
}
.a--xs {
  font-size: 0.75rem;
}
.a--xs:focus-visible {
  border-radius: 0.75rem;
}
.a--fw-semibold {
  font-weight: 600;
}
.a--subtle {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.a--subtle:visited {
  color: rgb(111 109 120 );
}
.a--subtle:hover {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.a--subtle:focus {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.a--subtle:active {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.a--underline {
  text-decoration-line: underline;
}
.a--subtle.a--underline {
    text-decoration-color: currentColor;
  }
.a--reset {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.a--reset:visited {
  text-decoration-line: none;
}
.a--reset:hover {
  text-decoration-line: none;
}
.a--reset:focus {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.a--reset:focus-visible {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.a--reset:active {
  text-decoration-line: none;
}
:where([elv]) .notification-badge,
    .notification-badge:where([elv]) {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  padding: 0.25rem;
}
:where([elv]) .notification-badge--top,
    .notification-badge--top:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:where([elv]) .notification-badge--mid,
    .notification-badge--mid:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
:where([elv]) .notification-badge--low,
    .notification-badge--low:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
:where([elv]) .notification-badge--with-count,
    .notification-badge--with-count:where([elv]) {
  height: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1rem;
  padding: 0.25rem;
}
:where([elv]) .notification-badge--dot,
    .notification-badge--dot:where([elv]) {
  height: 0.25rem;
  width: 0.25rem;
}
:where([elv]) .notification-badge--low.notification-badge--with-count,
    .notification-badge--low.notification-badge--with-count:where([elv]) {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(87 70 178 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
:where([elv]) .notification-badge--low.notification-badge--dot,
    .notification-badge--low.notification-badge--dot:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(152 142 210 / var(--tw-bg-opacity, 1));
}
:where([elv]) .pagination,
  :where([elv]).pagination {
  margin: 0;
  display: flex;
  list-style-type: none;
  gap: 0.5rem;
  padding: 0;
  font-family: Figtree, sans-serif;
}
:where([elv]) .pagination__only-nessy,
  :where([elv]).pagination__only-nessy {
  display: none;
}
:where([elv]) .pagination__only-elv,
  :where([elv]).pagination__only-elv {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
:where([elv]) .pagination__component,
  :where([elv]).pagination__component {
  display: flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
}
:where([elv]) .pagination__component--disabled,
  :where([elv]).pagination__component--disabled {
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
:where([elv]) .pagination__component-gap,
  :where([elv]).pagination__component-gap {
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
:where([elv]) .pagination__page-number--current,
  :where([elv]).pagination__page-number--current {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(195 189 229 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
:where([elv]) .pagination__named-link,
  :where([elv]).pagination__named-link,
  :where([elv]) .pagination__page-number-link,
  :where([elv]).pagination__page-number-link {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
:where([elv]) .pagination__named-link:visited,
  :where([elv]).pagination__named-link:visited,
  :where([elv]) .pagination__page-number-link:visited,
  :where([elv]).pagination__page-number-link:visited {
  text-decoration-line: none;
}
:where([elv]) .pagination__named-link:hover,
  :where([elv]).pagination__named-link:hover,
  :where([elv]) .pagination__page-number-link:hover,
  :where([elv]).pagination__page-number-link:hover {
  text-decoration-line: none;
}
:where([elv]) .pagination__named-link:focus,
  :where([elv]).pagination__named-link:focus,
  :where([elv]) .pagination__page-number-link:focus,
  :where([elv]).pagination__page-number-link:focus {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .pagination__named-link:focus-visible,
  :where([elv]).pagination__named-link:focus-visible,
  :where([elv]) .pagination__page-number-link:focus-visible,
  :where([elv]).pagination__page-number-link:focus-visible {
  text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:where([elv]) .pagination__named-link:active,
  :where([elv]).pagination__named-link:active,
  :where([elv]) .pagination__page-number-link:active,
  :where([elv]).pagination__page-number-link:active {
  text-decoration-line: none;
}
:where([elv]) .pagination__named-link,
  :where([elv]).pagination__named-link,
  :where([elv]) .pagination__page-number-link,
  :where([elv]).pagination__page-number-link {
  display: flex;
  width: 2rem;
  height: 2rem;
  max-width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 0.5px;
  border-color: transparent;
  font-size: 0.875rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:where([elv]) .pagination__named-link:visited,
  :where([elv]).pagination__named-link:visited,
  :where([elv]) .pagination__page-number-link:visited,
  :where([elv]).pagination__page-number-link:visited {
  color: rgb(76 75 83 );
}
:where([elv]) .pagination__named-link:hover,
  :where([elv]).pagination__named-link:hover,
  :where([elv]) .pagination__page-number-link:hover,
  :where([elv]).pagination__page-number-link:hover {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(195 189 229 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
:where([elv]) .pagination__named-link,
  :where([elv]).pagination__named-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
:where([elv]) .progress-bar,
    .progress-bar:where([elv]) {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: 0.25rem;
}
:where([elv]) .progress-bar__track,
    .progress-bar__track:where([elv]) {
  width: 100%;
  overflow: hidden;
  border-radius: 9999rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
:where([elv]) .progress-bar__track--sm,
    .progress-bar__track--sm:where([elv]) {
  height: 0.5rem;
}
:where([elv]) .progress-bar__track--lg,
    .progress-bar__track--lg:where([elv]) {
  height: 0.75rem;
}
:where([elv]) .progress-bar__fill,
    .progress-bar__fill:where([elv]) {
  height: 100%;
  border-radius: 9999rem;
}
:where([elv]) .progress-bar__fill--brand,
    .progress-bar__fill--brand:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
}
:where([elv]) .progress-bar__fill--primary,
    .progress-bar__fill--primary:where([elv]) {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
}
:where([elv]) .spin-loader,
    .spin-loader:where([elv]) {
  display: inline-block;
}
:where([elv]) .spin-loader__icon,
    .spin-loader__icon:where([elv]) {
      animation: spin 1s linear infinite;
    }
:where([elv]) .spin-loader__icon--primary,
    .spin-loader__icon--primary:where([elv]) {
  fill: #5746b2;
}
:where([elv]) .spin-loader__icon--neutral,
    .spin-loader__icon--neutral:where([elv]) {
  fill: #6f6d78;
}
:where([elv]) .spin-loader__icon--inverted,
    .spin-loader__icon--inverted:where([elv]) {
  fill: #ffffff;
}
:where([elv]) .status-badge,
    .status-badge:where([elv]) {
  display: flex;
  max-height: 1.5rem;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
:where([elv]) .status-badge--info,
    .status-badge--info:where([elv]) {
  --tw-border-opacity: 1;
  border-color: rgb(0 115 245 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(219 236 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 43 92 / var(--tw-text-opacity, 1));
}
:where([elv]) .status-badge--success,
    .status-badge--success:where([elv]) {
  --tw-border-opacity: 1;
  border-color: rgb(31 168 150 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(208 246 241 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(15 82 73 / var(--tw-text-opacity, 1));
}
:where([elv]) .status-badge--critical,
    .status-badge--critical:where([elv]) {
  --tw-border-opacity: 1;
  border-color: rgb(235 32 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 245 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(178 24 0 / var(--tw-text-opacity, 1));
}
:where([elv]) .status-badge--warning,
    .status-badge--warning:where([elv]) {
  --tw-border-opacity: 1;
  border-color: rgb(255 200 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 229 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(102 80 0 / var(--tw-text-opacity, 1));
}
:where([elv]) .status-badge--new,
    .status-badge--new:where([elv]) {
  --tw-border-opacity: 1;
  border-color: rgb(87 70 178 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .status-badge__label,
    .status-badge__label:where([elv]) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: inherit;
}
:where([elv]) .status-badge__icon--active,
    .status-badge__icon--active:where([elv]) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  fill: #1fa896;
}
:where([elv]) .status-badge__icon--inactive,
    .status-badge__icon--inactive:where([elv]) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  fill: #eb2000;
}
:where([elv]) .status-badge__icon--pending,
    .status-badge__icon--pending:where([elv]) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  fill: #0073f5;
}
:where([elv]) .status-badge__icon--unassigned,
    .status-badge__icon--unassigned:where([elv]) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  height: 0.5rem;
  width: 0.5rem;
  fill: #ffc800;
}
:where([elv]) .status-badge__icon--recommended,
    .status-badge__icon--recommended:where([elv]) {
  fill: #ff492c;
}
:where([elv]) .tab-group,
    .tab-group:where([elv]) {
  display: flex;
  flex-direction: column;
}
:where([elv]) .tab-list,
    .tab-list:where([elv]) {
  display: flex;
  align-items: center;
}
:where([elv]) .tab-list--full-width,
    .tab-list--full-width:where([elv]) {
  border-bottom-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
:where([elv]) .tab-list--full-width .tab,
    .tab-list--full-width .tab:where([elv]) {
  flex: 1 1 0%;
}
:where([elv]) .tab-list--full-width .\!tab,
    .tab-list--full-width .\!tab:where([elv]) {
  flex: 1 1 0%;
}
:where([elv]) .tab-list--full-width .tab,
    .tab-list--full-width .tab:where([elv]) {
      border-bottom: 1px solid transparent;
    }
:where([elv]) .tab-list--full-width .\!tab,
    .tab-list--full-width .\!tab:where([elv]) {
      border-bottom: 1px solid transparent !important;
    }
:where([elv]) .\!tab,
    .\!tab:where([elv]) {
  position: relative;
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  background-color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Figtree, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:where([elv]) .tab,
    .tab:where([elv]) {
  position: relative;
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  background-color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Figtree, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:where([elv]) .\!tab,
    .\!tab:where([elv]) {
  position: relative;
  display: flex;
  height: 2.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  background-color: transparent;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Figtree, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
      border-bottom: 2px solid transparent !important;
}
:where([elv]) .tab,
    .tab:where([elv]) {
      border-bottom: 2px solid transparent;
    }
:where([elv]) .\!tab,
    .\!tab:where([elv]) {
      border-bottom: 2px solid transparent !important;
    }
:where([elv]) .\!tab:hover,
    .\!tab:hover:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .tab:hover,
    .tab:hover:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .\!tab:hover,
    .\!tab:hover:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
      border-bottom-color: currentColor !important;
}
:where([elv]) .tab:hover,
    .tab:hover:where([elv]) {
      border-bottom-color: currentColor;
    }
:where([elv]) .\!tab:hover,
    .\!tab:hover:where([elv]) {
      border-bottom-color: currentColor !important;
    }
:where([elv]) .\!tab[aria-selected="true"],
    .\!tab[aria-selected="true"]:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .tab[aria-selected="true"],
    .tab[aria-selected="true"]:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
:where([elv]) .\!tab[aria-selected="true"],
    .\!tab[aria-selected="true"]:where([elv]) {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
      border-bottom-color: currentColor !important;
}
:where([elv]) .tab[aria-selected="true"],
    .tab[aria-selected="true"]:where([elv]) {
      border-bottom-color: currentColor;
    }
:where([elv]) .\!tab[aria-selected="true"],
    .\!tab[aria-selected="true"]:where([elv]) {
      border-bottom-color: currentColor !important;
    }
:where([elv]) .\!tab:focus-visible,
    .\!tab:focus-visible:where([elv]) {
  outline-style: solid;
  outline-width: 3px;
  outline-color: #c3bde5;
}
:where([elv]) .tab:focus-visible,
    .tab:focus-visible:where([elv]) {
  outline-style: solid;
  outline-width: 3px;
  outline-color: #c3bde5;
}
:where([elv]) .\!tab:focus-visible,
    .\!tab:focus-visible:where([elv]) {
  outline-style: solid;
  outline-width: 3px;
  outline-color: #c3bde5;
      outline-offset: -2px !important;
      z-index: 1 !important;
}
:where([elv]) .tab:focus-visible,
    .tab:focus-visible:where([elv]) {
      outline-offset: -2px;
      z-index: 1;
    }
:where([elv]) .\!tab:focus-visible,
    .\!tab:focus-visible:where([elv]) {
      outline-offset: -2px !important;
      z-index: 1 !important;
    }
:where([elv]) .tab-icon,
    .tab-icon:where([elv]) {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
}
:where([elv]) .tab-panels,
    .tab-panels:where([elv]) {
  margin-top: 1rem;
}
.elv-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.elv-pointer-events-none {
  pointer-events: none;
}
.elv-absolute {
  position: absolute;
}
.elv-relative {
  position: relative;
}
.elv-left-3 {
  left: 0.75rem;
}
.elv-z-20 {
  z-index: 20;
}
.elv-m-0 {
  margin: 0;
}
.elv-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.elv-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.elv-my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.elv-mb-1 {
  margin-bottom: 0.25rem;
}
.elv-mb-2 {
  margin-bottom: 0.5rem;
}
.elv-mb-3 {
  margin-bottom: 0.75rem;
}
.elv-mb-4 {
  margin-bottom: 1rem;
}
.elv-mb-6 {
  margin-bottom: 1.5rem;
}
.elv-ml-1 {
  margin-left: 0.25rem;
}
.elv-ml-2 {
  margin-left: 0.5rem;
}
.elv-ml-4 {
  margin-left: 1rem;
}
.elv-ml-5 {
  margin-left: 1.25rem;
}
.elv-ml-6 {
  margin-left: 1.5rem;
}
.elv-mr-0 {
  margin-right: 0;
}
.elv-mt-1 {
  margin-top: 0.25rem;
}
.elv-mt-12 {
  margin-top: 3rem;
}
.elv-mt-2 {
  margin-top: 0.5rem;
}
.elv-mt-4 {
  margin-top: 1rem;
}
.elv-box-border {
  box-sizing: border-box;
}
.elv-block {
  display: block;
}
.elv-flex {
  display: flex;
}
.elv-inline-flex {
  display: inline-flex;
}
.elv-table {
  display: table;
}
.elv-grid {
  display: grid;
}
.elv-hidden {
  display: none;
}
.elv-size-11 {
  width: 2.75rem;
  height: 2.75rem;
}
.elv-size-15 {
  width: 3.75rem;
  height: 3.75rem;
}
.elv-size-21 {
  width: 5.25rem;
  height: 5.25rem;
}
.elv-size-7 {
  width: 1.75rem;
  height: 1.75rem;
}
.elv-size-8 {
  width: 2rem;
  height: 2rem;
}
.elv-size-9 {
  width: 2.25rem;
  height: 2.25rem;
}
.elv-h-10 {
  height: 2.5rem;
}
.elv-h-12 {
  height: 3rem;
}
.elv-h-13 {
  height: 3.25rem;
}
.elv-h-16 {
  height: 4rem;
}
.elv-h-2 {
  height: 0.5rem;
}
.elv-h-4 {
  height: 1rem;
}
.elv-h-6 {
  height: 1.5rem;
}
.elv-h-8 {
  height: 2rem;
}
.elv-h-9 {
  height: 2.25rem;
}
.elv-h-auto {
  height: auto;
}
.elv-h-full {
  height: 100%;
}
.elv-max-h-6 {
  max-height: 1.5rem;
}
.elv-min-h-0 {
  min-height: 0;
}
.elv-min-h-10 {
  min-height: 2.5rem;
}
.elv-min-h-12 {
  min-height: 3rem;
}
.elv-min-h-20 {
  min-height: 5rem;
}
.elv-min-h-8 {
  min-height: 2rem;
}
.elv-w-1 {
  width: 0.25rem;
}
.elv-w-10 {
  width: 2.5rem;
}
.elv-w-11 {
  width: 2.75rem;
}
.elv-w-12 {
  width: 3rem;
}
.elv-w-13 {
  width: 3.25rem;
}
.elv-w-15 {
  width: 3.75rem;
}
.elv-w-2 {
  width: 0.5rem;
}
.elv-w-3 {
  width: 0.75rem;
}
.elv-w-4 {
  width: 1rem;
}
.elv-w-5 {
  width: 1.25rem;
}
.elv-w-6 {
  width: 1.5rem;
}
.elv-w-7 {
  width: 1.75rem;
}
.elv-w-8 {
  width: 2rem;
}
.elv-w-9 {
  width: 2.25rem;
}
.elv-w-auto {
  width: auto;
}
.elv-w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.elv-w-full {
  width: 100%;
}
.elv-min-w-4 {
  min-width: 1rem;
}
.elv-min-w-60 {
  min-width: 15rem;
}
.elv-min-w-71 {
  min-width: 17.75rem;
}
.elv-max-w-7xl {
  max-width: 80rem;
}
.elv-max-w-full {
  max-width: 100%;
}
.elv-flex-1 {
  flex: 1 1 0%;
}
.elv-shrink-0 {
  flex-shrink: 0;
}
.elv-flex-grow {
  flex-grow: 1;
}
.elv-grow {
  flex-grow: 1;
}
@keyframes elv-spin {

  to {
    transform: rotate(360deg);
  }
}
.elv-animate-spin {
  animation: elv-spin 1s linear infinite;
}
.elv-cursor-default {
  cursor: default;
}
.elv-cursor-pointer {
  cursor: pointer;
}
.elv-cursor-text {
  cursor: text;
}
.elv-list-none {
  list-style-type: none;
}
.elv-appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.elv-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.elv-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.elv-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.elv-flex-row {
  flex-direction: row;
}
.elv-flex-col {
  flex-direction: column;
}
.elv-flex-wrap {
  flex-wrap: wrap;
}
.elv-items-start {
  align-items: flex-start;
}
.elv-items-center {
  align-items: center;
}
.elv-justify-start {
  justify-content: flex-start;
}
.elv-justify-end {
  justify-content: flex-end;
}
.elv-justify-center {
  justify-content: center;
}
.elv-justify-between {
  justify-content: space-between;
}
.elv-gap-0 {
  gap: 0;
}
.elv-gap-0\.5 {
  gap: 0.125rem;
}
.elv-gap-1 {
  gap: 0.25rem;
}
.elv-gap-2 {
  gap: 0.5rem;
}
.elv-gap-3 {
  gap: 0.75rem;
}
.elv-gap-4 {
  gap: 1rem;
}
.elv-gap-8 {
  gap: 2rem;
}
.elv-gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.elv-overflow-hidden {
  overflow: hidden;
}
.elv-whitespace-nowrap {
  white-space: nowrap;
}
.elv-rounded-full {
  border-radius: 9999rem;
}
.elv-rounded-lg {
  border-radius: 1rem;
}
.elv-rounded-md {
  border-radius: 0.75rem;
}
.elv-rounded-pill-md {
  border-radius: 1.5rem;
}
.elv-rounded-sm {
  border-radius: 0.5rem;
}
.elv-rounded-xs {
  border-radius: 0.25rem;
}
.elv-border {
  border-width: 0.5px;
}
.elv-border-0 {
  border-width: 0;
}
.elv-border-1 {
  border-width: 1px;
}
.elv-border-2 {
  border-width: 2px;
}
.elv-border-b {
  border-bottom-width: 0.5px;
}
.elv-border-l-0 {
  border-left-width: 0;
}
.elv-border-t {
  border-top-width: 0.5px;
}
.elv-border-solid {
  border-style: solid;
}
.elv-border-none {
  border-style: none;
}
.elv-border-\[\#dfdee1\] {
  --tw-border-opacity: 1;
  border-color: rgb(223 222 225 / var(--tw-border-opacity, 1));
}
.elv-border-critical {
  --tw-border-opacity: 1;
  border-color: rgb(235 32 0 / var(--tw-border-opacity, 1));
}
.elv-border-focus {
  --tw-border-opacity: 1;
  border-color: rgb(195 189 229 / var(--tw-border-opacity, 1));
}
.elv-border-info {
  --tw-border-opacity: 1;
  border-color: rgb(0 115 245 / var(--tw-border-opacity, 1));
}
.elv-border-light {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.elv-border-medium {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
.elv-border-neutral {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.elv-border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(87 70 178 / var(--tw-border-opacity, 1));
}
.elv-border-success {
  --tw-border-opacity: 1;
  border-color: rgb(31 168 150 / var(--tw-border-opacity, 1));
}
.elv-border-transparent {
  border-color: transparent;
}
.elv-border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(255 200 0 / var(--tw-border-opacity, 1));
}
.elv-bg-brand {
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
}
.elv-bg-critical-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 245 / var(--tw-bg-opacity, 1));
}
.elv-bg-info-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 236 255 / var(--tw-bg-opacity, 1));
}
.elv-bg-inverted {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.elv-bg-neutral-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.elv-bg-neutral-10 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.elv-bg-neutral-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(223 223 226 / var(--tw-bg-opacity, 1));
}
.elv-bg-neutral-5 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.elv-bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
}
.elv-bg-primary-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.elv-bg-primary-30 {
  --tw-bg-opacity: 1;
  background-color: rgb(222 218 241 / var(--tw-bg-opacity, 1));
}
.elv-bg-primary-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(195 189 229 / var(--tw-bg-opacity, 1));
}
.elv-bg-success-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(208 246 241 / var(--tw-bg-opacity, 1));
}
.elv-bg-transparent {
  background-color: transparent;
}
.elv-bg-warning-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 229 / var(--tw-bg-opacity, 1));
}
.elv-bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20width\%3D\%2220\%22\%20height\%3D\%2220\%22\%20viewBox\%3D\%220\%200\%2020\%2020\%22\%20fill\%3D\%22\%234338ca\%22\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%3E\%3Cpath\%20d\%3D\%22M6\.0625\%2015L5\%2013\.9375L8\.9375\%2010L5\%206\.0625L6\.0625\%205L10\%208\.9375L13\.9375\%205L15\%206\.0625L11\.0625\%2010L15\%2013\.9375L13\.9375\%2015L10\%2011\.0625L6\.0625\%2015Z\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\] {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%234338ca%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.0625%2015L5%2013.9375L8.9375%2010L5%206.0625L6.0625%205L10%208.9375L13.9375%205L15%206.0625L11.0625%2010L15%2013.9375L13.9375%2015L10%2011.0625L6.0625%2015Z%22%2F%3E%3C%2Fsvg%3E');
}
.elv-bg-\[url\(\'data\:image\/svg\+xml\,\%3Csvg\%20width\%3D\%2220\%22\%20height\%3D\%2220\%22\%20viewBox\%3D\%220\%200\%2020\%2020\%22\%20fill\%3D\%22\%235746b2\%22\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%3E\%3Cpath\%20d\%3D\%22M6\.0625\%2015L5\%2013\.9375L8\.9375\%2010L5\%206\.0625L6\.0625\%205L10\%208\.9375L13\.9375\%205L15\%206\.0625L11\.0625\%2010L15\%2013\.9375L13\.9375\%2015L10\%2011\.0625L6\.0625\%2015Z\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\] {
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%235746b2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.0625%2015L5%2013.9375L8.9375%2010L5%206.0625L6.0625%205L10%208.9375L13.9375%205L15%206.0625L11.0625%2010L15%2013.9375L13.9375%2015L10%2011.0625L6.0625%2015Z%22%2F%3E%3C%2Fsvg%3E');
}
.elv-bg-none {
  background-image: none;
}
.elv-bg-auto {
  background-size: auto;
}
.elv-fill-neutral-80 {
  fill: #4c4b53;
}
.elv-p-0 {
  padding: 0;
}
.elv-p-0\.5 {
  padding: 0.125rem;
}
.elv-p-1 {
  padding: 0.25rem;
}
.elv-p-12 {
  padding: 3rem;
}
.elv-p-2 {
  padding: 0.5rem;
}
.elv-p-3 {
  padding: 0.75rem;
}
.elv-p-4 {
  padding: 1rem;
}
.elv-p-6 {
  padding: 1.5rem;
}
.elv-p-8 {
  padding: 2rem;
}
.\!elv-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.elv-px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.elv-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.elv-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.elv-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.elv-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.elv-px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.elv-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.elv-py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.elv-py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.elv-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.elv-py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.elv-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.elv-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.elv-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.elv-pb-2 {
  padding-bottom: 0.5rem;
}
.elv-pb-4 {
  padding-bottom: 1rem;
}
.elv-pb-6 {
  padding-bottom: 1.5rem;
}
.elv-pb-8 {
  padding-bottom: 2rem;
}
.elv-pl-10 {
  padding-left: 2.5rem;
}
.elv-pl-2 {
  padding-left: 0.5rem;
}
.elv-pl-\[6px\] {
  padding-left: 6px;
}
.elv-pr-1 {
  padding-right: 0.25rem;
}
.elv-pr-10 {
  padding-right: 2.5rem;
}
.elv-pr-14 {
  padding-right: 3.5rem;
}
.elv-pt-12 {
  padding-top: 3rem;
}
.elv-pt-2 {
  padding-top: 0.5rem;
}
.elv-pt-3 {
  padding-top: 0.75rem;
}
.elv-pt-6 {
  padding-top: 1.5rem;
}
.elv-text-left {
  text-align: left;
}
.elv-text-center {
  text-align: center;
}
.elv-font-body {
  font-family: Figtree, sans-serif;
}
.elv-font-figtree {
  font-family: Figtree, sans-serif;
}
.elv-text-2xl {
  font-size: 2.375rem;
}
.elv-text-3xl {
  font-size: 3.1875rem;
}
.elv-text-4xl {
  font-size: 4.1875rem;
}
.elv-text-base {
  font-size: 1rem;
}
.elv-text-inherit {
  font-size: inherit;
}
.elv-text-lg {
  font-size: 1.3125rem;
}
.elv-text-sm {
  font-size: 0.875rem;
}
.elv-text-xl {
  font-size: 1.75rem;
}
.elv-text-xs {
  font-size: 0.75rem;
}
.elv-font-bold {
  font-weight: 700;
}
.elv-font-extrabold {
  font-weight: 800;
}
.elv-font-medium {
  font-weight: 500;
}
.elv-font-normal {
  font-weight: 400;
}
.elv-font-semibold {
  font-weight: 600;
}
.elv-leading-base {
  line-height: 1.5rem;
}
.elv-leading-sm {
  line-height: 1.25rem;
}
.elv-leading-xs {
  line-height: 1rem;
}
.elv-tracking-normal {
  letter-spacing: 0em;
}
.elv-text-critical {
  --tw-text-opacity: 1;
  color: rgb(178 24 0 / var(--tw-text-opacity, 1));
}
.elv-text-default {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.elv-text-disabled {
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.elv-text-info {
  --tw-text-opacity: 1;
  color: rgb(0 43 92 / var(--tw-text-opacity, 1));
}
.elv-text-inverted {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.elv-text-link {
  --tw-text-opacity: 1;
  color: rgb(0 115 245 / var(--tw-text-opacity, 1));
}
.elv-text-neutral {
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
.elv-text-nonessential {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.elv-text-primary {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-text-subtle {
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
.elv-text-success {
  --tw-text-opacity: 1;
  color: rgb(15 82 73 / var(--tw-text-opacity, 1));
}
.elv-text-warning {
  --tw-text-opacity: 1;
  color: rgb(102 80 0 / var(--tw-text-opacity, 1));
}
.elv-underline {
  text-decoration-line: underline;
}
.elv-no-underline {
  text-decoration-line: none;
}
.elv-opacity-100 {
  opacity: 1;
}
.elv-opacity-50 {
  opacity: 0.5;
}
.elv-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-1 {
  --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 4px 4px 0px rgba(32, 31, 35, 0.04);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-2 {
  --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 8px 14px -2px rgba(32, 31, 35, 0.15);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 8px 14px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-3 {
  --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 18px 28px -4px rgba(32, 31, 35, 0.15);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 18px 28px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-\[0_0_0_1px_\#FF492C\,0_2px_8px_2px_\#201F2326\] {
  --tw-shadow: 0 0 0 1px #FF492C,0 2px 8px 2px #201F2326;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-\[0_0_0_4px_\#C3BDE5\,0_0_0_0\.5px_\#FFFFFF\] {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-\[0_2px_8px_2px_rgba\(32\,31\,35\,0\.15\)\,_0_0_0_1px_\#5746B2\] {
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-\[0px_2px_8px_2px_rgba\(32\,31\,35\,0\.15\)\] {
  --tw-shadow: 0px 2px 8px 2px rgba(32,31,35,0.15);
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-\[inset_0_0_4px_1px_\#201F2333\] {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-shadow-\[inset_0_0_4px_1px_\#201f2366\] {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-outline {
  outline-style: solid;
}
.elv-outline-3 {
  outline-width: 3px;
}
.elv-outline-offset-1 {
  outline-offset: 1px;
}
.elv-outline-purple-40 {
  outline-color: #c3bde5;
}
.elv-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.elv-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.elv-duration-150 {
  transition-duration: 150ms;
}
.elv-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.elv-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.elv-btn-shadow-primary {
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-shadow-brand {
  --tw-shadow: 0 0 0 1px #FF492C,0 2px 8px 2px #201F2326;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-shadow-basic {
  --tw-shadow: 0px 2px 8px 2px rgba(32,31,35,0.15);
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-shadow-inset {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.elv-btn-md {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.elv-btn-sm {
  border-radius: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.elv-btn-primary {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.elv-btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-primary:focus {
  --tw-shadow: 0px 0px 0px 0.5px rgb(255, 255, 255), 0px 0px 0px 3px rgb(195, 189, 229);
  --tw-shadow-colored: 0px 0px 0px 0.5px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-primary:active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-base {
  display: flex;
  width: auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 1.5rem;
  border-width: 0.5px;
  font-family: Figtree, sans-serif;
  font-weight: 600;
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.elv-btn-base:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-base:focus {
  --tw-shadow: 0px 0px 0px 0.5px rgb(255, 255, 255), 0px 0px 0px 3px rgb(195, 189, 229);
  --tw-shadow-colored: 0px 0px 0px 0.5px var(--tw-shadow-color), 0px 0px 0px 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-base:active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-base:disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.elv-btn-base:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-base:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-base:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-inverted {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-inverted:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-shadow: 0px 2px 8px 2px rgba(32,31,35,0.15);
  --tw-shadow-colored: 0px 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-secondary {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-secondary:focus {
  border-width: 1px;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-secondary:active {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.elv-btn-tertiary {
  border-width: 0;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-tertiary:visited {
  color: rgb(87 70 178 );
}
.elv-btn-tertiary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-tertiary:focus {
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-tertiary:active {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-tertiary:disabled {
  background-color: transparent;
}
.elv-btn-brand {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
}
.elv-btn-brand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 0 1px #FF492C,0 2px 8px 2px #201F2326;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-text-base {
  border-radius: 0.5rem;
  border-width: 0;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.elv-btn-text-base:hover {
  background-color: transparent;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-text-base:active {
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
}
.elv-btn-text-base:disabled {
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.elv-btn-text-base:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-text-base:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-text-base:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-btn-text-neutral {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.elv-btn-text-neutral:hover {
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
.elv-icon-btn-shadow-focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.elv-icon-btn-shadow-inset {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* Icon Button — a square button containing only an icon.
 *
 * DOM: <button class="icon-btn icon-btn--primary icon-btn--lg" elv>
 *        <svg class="icon icon-btn__icon">…</svg>
 *      </button>
 *
 * The icon inside uses .icon-btn__icon so the button controls its size and color.
 * Variants: --primary, --secondary, --tertiary, --inverted, --brand
 * Sizes:    --lg (default), --md, --sm, --xs
 * States:   [disabled], .icon-btn--loading
 */
select.elv-select {
  height: auto;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 3.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
select.elv-select:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
select.elv-select:focus-visible {
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
select.elv-select {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.0625L5 8.0625L6.0625 7L10 10.9375L13.9375 7L15 8.0625L10 13.0625Z' fill='%23696673' /%3E%3C/svg%3E");
  background-origin: unset;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 20px;
}
select.elv-select.elv-select--sm {
  height: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
select.elv-select.elv-select--md {
  height: 2.5rem;
}
select.elv-select.elv-select--lg {
  height: 3rem;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}
/*
 * Standalone Elevate select2 styles.
 *
 * Provides complete select2 3.5.x styling for containers marked with
 * .elv-select (container) and .elv-select-drop (dropdown).
 * Works independently of legacy select2 SCSS — no other select2
 * stylesheet is required.
 *
 * Usage: add class="elv-select" to your <select> element.  The JS
 * adapter (select/select2/local.js & remote.js) picks up the class
 * and passes containerCssClass / dropdownCssClass to the select2 plugin.
 */
/* ================================================================
   0. Box-model reset (applies to container, drop, and search)
   ================================================================ */
.elv-select,
.elv-select-drop,
.elv-select-drop .select2-search,
.elv-select-drop .select2-search input {
  box-sizing: border-box;
}
/* ================================================================
   1. Container (.elv-select is added to .select2-container)
   ================================================================ */
.select2-container.elv-select {
  margin: 0;
  height: auto;
  border-width: 0;
  padding: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-image: none;
}
.select2-container.elv-select:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
/* ================================================================
   2. Single-select trigger (.select2-choice)
   ================================================================ */
.elv-select .select2-choice {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 3.5rem;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
  text-decoration-line: none;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;

  display: block;
  position: relative;
  white-space: nowrap;
  border-style: solid;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-clip: padding-box;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.0625L5 8.0625L6.0625 7L10 10.9375L13.9375 7L15 8.0625L10 13.0625Z' fill='%23696673' /%3E%3C/svg%3E");
  background-origin: unset;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 20px;
}
html[dir='rtl'] .elv-select .select2-choice {
  padding: 0 8px 0 0;
}
.elv-select.select2-drop-above .select2-choice {
  border-radius: 0.5rem;
}
.elv-select .select2-choice:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
/* --- chosen text --- */
.elv-select .select2-choice > .select2-chosen {
  margin-right: 0;
  font-family: Figtree, sans-serif;
  letter-spacing: 0em;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}
html[dir='rtl'] .elv-select .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}
.elv-select.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
/* --- clear (abbr) --- */
.elv-select .select2-choice abbr {
  display: none;
  width: 16px;
  height: 16px;
  right: 1.75rem;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0;
}
.elv-select.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.elv-select .select2-choice abbr:hover {
  opacity: 0.6;
}
/* --- arrow (hidden — we use the SVG background chevron instead) --- */
.elv-select .select2-choice .select2-arrow {
  display: none;
}
/* ================================================================
   3. Focus / active / open states
   ================================================================ */
.elv-select.select2-container-active .select2-choice,
.elv-select.select2-container-active .select2-choices {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
.elv-select.select2-dropdown-open .select2-choice {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.elv-select.select2-dropdown-open.select2-drop-above .select2-choice,
.elv-select.select2-dropdown-open.select2-drop-above .select2-choices {
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
.elv-select.select2-dropdown-open .select2-choice .select2-arrow {
  display: none;
}
/* ================================================================
   4. Multi-select (.select2-container-multi)
   ================================================================ */
.elv-select.select2-container-multi .select2-choices {
  min-height: 2.5rem;
  cursor: text;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  font-family: Figtree, sans-serif;
  letter-spacing: 0em;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;

  height: auto !important;
  margin: 0;
  position: relative;
  overflow: hidden;
  border-style: solid;
  padding: 0.25rem 2.5rem 0.25rem 0.25rem;
  line-height: normal;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.0625L5 8.0625L6.0625 7L10 10.9375L13.9375 7L15 8.0625L10 13.0625Z' fill='%23696673' /%3E%3C/svg%3E");
  background-origin: unset;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 20px;
}
html[dir='rtl'] .elv-select.select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}
.elv-select.select2-container-multi .select2-choices:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.elv-select.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir='rtl'] .elv-select.select2-container-multi .select2-choices li {
  float: right;
}
/* --- search field inside multi --- */
.elv-select.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  background-image: none;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-field
  input {
  margin-left: 0;
  background-color: transparent !important;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
  padding: 0.25rem 0.5rem;
  margin: 1px 0;
  outline: 0;
  border: 0;
  box-shadow: none;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-field
  input::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-field
  input::placeholder {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
/* select2 3.5.x sets placeholder as input value + .select2-default class,
   not native ::placeholder. This rule needs higher specificity than the
   input color rule above to show the lighter placeholder color. */
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-field
  input.select2-default {
  --tw-text-opacity: 1 !important;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1)) !important;
}
/* --- search choice pills --- */
.elv-select.select2-container-multi .select2-choices .select2-search-choice {
  border-radius: 0.25rem;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  font-family: Figtree, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
  padding: 0.125rem 1.5rem 0.125rem 0.375rem;
  margin: 0.125rem;
  position: relative;
  line-height: 12px;
  cursor: default;
  background-clip: padding-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
html[dir='rtl']
  .elv-select.select2-container-multi
  .select2-choices
  .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-chosen {
  cursor: default;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-choice-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  opacity: 0.8;
}
/* --- choice close button --- */
.elv-select .select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  font-size: 1px;
  outline: none;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.elv-select .select2-search-choice-close:hover,
.elv-select .select2-search-choice-close:visited,
.elv-select .select2-search-choice-close:focus {
  color: inherit;
  text-decoration: none;
}
.elv-select .select2-search-choice-close::before,
.elv-select .select2-search-choice-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 0;
  border-top: 1px solid currentColor;
}
.elv-select .select2-search-choice-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.elv-select .select2-search-choice-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.elv-select.select2-container-multi .select2-search-choice-close {
  left: auto;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close {
  opacity: 0.6;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 0.375rem;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close:hover {
  opacity: 1;
}
.elv-select.select2-container-multi
  .select2-choices
  .select2-search-choice-focus
  .select2-search-choice-close {
  opacity: 1;
}
/* ================================================================
   5. Disabled states
   ================================================================ */
.elv-select.select2-container-disabled .select2-choice {
  cursor: default;
  opacity: 0.5;
  background-image: none;
}
.elv-select.select2-container-disabled .select2-choice .select2-arrow {
  display: none;
}
.elv-select.select2-container-disabled .select2-choice abbr {
  display: none;
}
.elv-select.select2-container-multi.select2-container-disabled
  .select2-choices {
  cursor: default;
  opacity: 0.5;
  background-image: none;
}
.elv-select.select2-container-multi.select2-container-disabled
  .select2-choices
  .select2-search-choice {
  border-width: 0;
  opacity: 0.7;
  padding: 3px 5px;
  background-image: none;
}
.elv-select.select2-container-multi.select2-container-disabled
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close {
  display: none;
  background: none;
}
/* ================================================================
   6. Dropdown panel (.elv-select-drop on .select2-drop)
   ================================================================ */
/*
 * Structural rules for the dropdown. These are NOT inside @layer
 * so they can beat any unlayered legacy select2 rules.
 */
.elv-select-drop.elv-select-drop {
  margin-top: 0.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 0.5px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 8px 14px -2px rgba(32, 31, 35, 0.15);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 8px 14px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

  width: 100%;
  position: absolute;
  top: 100%;
  z-index: 2147483647;
  border-top: 1px solid;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.elv-select-drop.select2-drop-above {
  margin-top: 1px;
  border-radius: 0.5rem;
  border-bottom: 0;
  border-top: 1px solid;
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.elv-select-drop.select2-drop-auto-width {
  width: auto;
}
/* --- search box inside dropdown --- */
.elv-select-drop .select2-search {
  padding: 0.5rem;
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  position: relative;
  z-index: 2147483647;
  white-space: nowrap;
}
.elv-select-drop .select2-search input {
  height: auto;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0em;
  outline: 2px solid transparent;
  outline-offset: 2px;
  background-image: none !important;
  background-position: initial !important;
  background-repeat: initial !important;
  background-size: initial !important;
  box-shadow: none;
}
.elv-select-drop .select2-search input:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 1px;
  outline-color: #c3bde5;
}
.elv-select-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.elv-select-drop .select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
/* --- results list --- */
.elv-select-drop .select2-results {
  margin: 0;
  padding: 0;
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir='rtl'] .elv-select-drop .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}
.elv-select-drop .select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.elv-select-drop .select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.elv-select-drop
  .select2-results
  li.select2-result-with-children
  > .select2-result-label {
  font-weight: bold;
}
.elv-select-drop .select2-results .select2-result-label {
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-family: Figtree, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0em;
  margin: 0;
  min-height: 1em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/* depth indentation for grouped results */
.elv-select-drop .select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}
.elv-select-drop .select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}
.elv-select-drop .select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}
.elv-select-drop .select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}
.elv-select-drop .select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}
.elv-select-drop .select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}
.elv-select-drop .select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}
/* highlighted / hovered result */
.elv-select-drop .select2-results .select2-highlighted {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
  color: inherit;
}
.elv-select-drop .select2-results li em {
  background: #feffde;
  font-style: normal;
}
.elv-select-drop .select2-results .select2-highlighted em {
  background: transparent;
}
.elv-select-drop .select2-results .select2-highlighted ul {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  color: inherit;
}
/* no results / searching / error states */
.elv-select-drop .select2-results .select2-no-results,
.elv-select-drop .select2-results .select2-searching {
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-family: Figtree, sans-serif;
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
  display: list-item;
}
.elv-select-drop .select2-results .select2-ajax-error,
.elv-select-drop .select2-results .select2-selection-limit {
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: list-item;
}
.elv-select-drop .select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}
/* disabled results */
.elv-select-drop .select2-results .select2-disabled {
  cursor: default;
  background-color: transparent;
  opacity: 0.5;
  display: list-item;
}
.elv-select-drop .select2-results .select2-disabled.select2-highlighted {
  cursor: default;
  background-color: transparent;
  opacity: 0.5;
  color: inherit;
}
.elv-select-drop .select2-results .select2-selected {
  display: none;
}
.elv-select-drop .select2-more-results {
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  display: list-item;
}
/* match highlighting */
.elv-select-drop .select2-result-selectable .select2-match,
.elv-select-drop .select2-result-unselectable .select2-match {
  text-decoration: underline;
}
/* ================================================================
   7. Utility / accessibility classes (global — used by select2 JS)
   ================================================================ */
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* --- drop mask (global — positioned behind dropdown) --- */
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 2147483637;
  background-color: #fff;
  filter: alpha(opacity=0);
}
/* ================================================================
   8. Placeholder text (.select2-default)
   ================================================================ */
.elv-select .select2-default {
  font-family: Figtree, sans-serif;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
/* ================================================================
   9. Locked items
   ================================================================ */
.elv-select .select2-locked {
  padding: 3px 5px !important;
}
/* ================================================================
   10. Size variants (.elv-select--sm / --md / --lg)
   ================================================================ */
/* --- single-select trigger --- */
.elv-select.elv-select--sm .select2-choice {
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: 2rem;
  padding-top: 0.375rem;
  padding-bottom: 0.125rem;
}
.elv-select.elv-select--md .select2-choice {
  height: 2.5rem;
}
.elv-select.elv-select--lg .select2-choice {
  height: 3rem;
}
/* --- multi-select container --- */
.elv-select.elv-select--sm.select2-container-multi .select2-choices {
  min-height: 2rem;
  padding: 0 2.5rem 0 0.125rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow: visible;
}
.elv-select.elv-select--sm.select2-container-multi
  .select2-choices
  .select2-search-choice {
  padding: 0 1.25rem 0 0.25rem;
  margin: 0 0.0625rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  height: 1.25rem;
  max-width: calc(100% - 0.25rem);
  overflow: hidden;
}
.elv-select.elv-select--sm.select2-container-multi
  .select2-choices
  .select2-search-choice
  > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.elv-select.elv-select--sm.select2-container-multi
  .select2-choices
  .select2-search-choice
  .select2-search-choice-close {
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.elv-select.elv-select--sm.select2-container-multi
  .select2-choices
  .select2-search-field {
  height: 2rem;
}
.elv-select.elv-select--sm.select2-container-multi
  .select2-choices
  .select2-search-field
  input {
  font-size: 0.875rem;
  height: 100%;
  padding: 0.125rem 0.375rem;
  margin: 0;
}
.elv-select.elv-select--md.select2-container-multi .select2-choices {
  min-height: 2.5rem;
}
.elv-select.elv-select--md.select2-container-multi
  .select2-choices
  .select2-search-field {
  height: 2.5rem;
}
.elv-select.elv-select--md.select2-container-multi
  .select2-choices
  .select2-search-field
  input {
  height: 100%;
  margin: 0;
}
.elv-select.elv-select--lg.select2-container-multi .select2-choices {
  min-height: 3rem;
}
@media (min-width: 600px) {

  .sm\:a--sm {
    font-size: 0.875rem;
  }

  .sm\:a--sm:focus-visible {
    border-radius: 0.5rem;
  }

  .sm\:a--md {
    font-size: 1rem;
  }

  .sm\:a--md:focus-visible {
    border-radius: 0.5rem;
  }

  .sm\:a--xs {
    font-size: 0.75rem;
  }

  .sm\:a--xs:focus-visible {
    border-radius: 0.75rem;
  }
}
@media (min-width: 750px) {

  .md\:a--sm {
    font-size: 0.875rem;
  }

  .md\:a--sm:focus-visible {
    border-radius: 0.5rem;
  }

  .md\:a--md {
    font-size: 1rem;
  }

  .md\:a--md:focus-visible {
    border-radius: 0.5rem;
  }

  .md\:a--xs {
    font-size: 0.75rem;
  }

  .md\:a--xs:focus-visible {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1000px) {

  .lg\:a--sm {
    font-size: 0.875rem;
  }

  .lg\:a--sm:focus-visible {
    border-radius: 0.5rem;
  }

  .lg\:a--md {
    font-size: 1rem;
  }

  .lg\:a--md:focus-visible {
    border-radius: 0.5rem;
  }

  .lg\:a--xs {
    font-size: 0.75rem;
  }

  .lg\:a--xs:focus-visible {
    border-radius: 0.75rem;
  }
}
@media (min-width: 1270px) {

  .xl\:a--sm {
    font-size: 0.875rem;
  }

  .xl\:a--sm:focus-visible {
    border-radius: 0.5rem;
  }

  .xl\:a--md {
    font-size: 1rem;
  }

  .xl\:a--md:focus-visible {
    border-radius: 0.5rem;
  }

  .xl\:a--xs {
    font-size: 0.75rem;
  }

  .xl\:a--xs:focus-visible {
    border-radius: 0.75rem;
  }
}
.visited\:elv-text-link-visited:visited {
  color: rgb(46 144 255 );
}
.visited\:elv-text-primary:visited {
  color: rgb(87 70 178 );
}
.visited\:elv-text-subtle:visited {
  color: rgb(76 75 83 );
}
.visited\:elv-no-underline:visited {
  text-decoration-line: none;
}
.read-only\:elv-resize-none:-moz-read-only {
  resize: none;
}
.read-only\:elv-resize-none:read-only {
  resize: none;
}
.read-only\:elv-pl-2:-moz-read-only {
  padding-left: 0.5rem;
}
.read-only\:elv-pl-2:read-only {
  padding-left: 0.5rem;
}
.read-only\:elv-pr-4:-moz-read-only {
  padding-right: 1rem;
}
.read-only\:elv-pr-4:read-only {
  padding-right: 1rem;
}
.read-only\:elv-text-nonessential:-moz-read-only {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.read-only\:elv-text-nonessential:read-only {
  --tw-text-opacity: 1;
  color: rgb(111 109 120 / var(--tw-text-opacity, 1));
}
.hover\:elv-border:hover {
  border-width: 0.5px;
}
.hover\:elv-border-focus:hover {
  --tw-border-opacity: 1;
  border-color: rgb(195 189 229 / var(--tw-border-opacity, 1));
}
.hover\:elv-border-inverted:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.hover\:elv-border-light:hover {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.hover\:elv-border-medium:hover {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
.hover\:elv-bg-\[\#dfdee1\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(223 222 225 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-brand:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 73 44 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-neutral-0:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-neutral-10:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(87 70 178 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-primary-20:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-primary-30:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(222 218 241 / var(--tw-bg-opacity, 1));
}
.hover\:elv-bg-transparent:hover {
  background-color: transparent;
}
.hover\:elv-text-default:hover {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.hover\:elv-text-inverted:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:elv-text-link-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(0 91 194 / var(--tw-text-opacity, 1));
}
.hover\:elv-text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.hover\:elv-text-primary-hover:hover {
  --tw-text-opacity: 1;
  color: rgb(69 56 143 / var(--tw-text-opacity, 1));
}
.hover\:elv-text-subtle:hover {
  --tw-text-opacity: 1;
  color: rgb(76 75 83 / var(--tw-text-opacity, 1));
}
.hover\:elv-no-underline:hover {
  text-decoration-line: none;
}
.hover\:elv-shadow-0:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:elv-shadow-2:hover {
  --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 8px 14px -2px rgba(32, 31, 35, 0.15);
  --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 8px 14px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:elv-shadow-\[0_0_0_1px_\#FF492C\2c 0_2px_8px_2px_\#201F2326\]:hover {
  --tw-shadow: 0 0 0 1px #FF492C,0 2px 8px 2px #201F2326;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 2px 8px 2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:elv-shadow-\[0_2px_8px_2px_rgba\(32\2c 31\2c 35\2c 0\.149\)\2c _0_0_0_1px_\#5746B2\]:hover {
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.149), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:elv-btn-shadow-primary:hover {
  --tw-shadow: 0 2px 8px 2px rgba(32,31,35,0.15), 0 0 0 1px #5746B2;
  --tw-shadow-colored: 0 2px 8px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:elv-border-1:focus {
  border-width: 1px;
}
.focus\:elv-bg-transparent:focus {
  background-color: transparent;
}
.focus\:elv-text-default:focus {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.focus\:elv-text-link-hover:focus {
  --tw-text-opacity: 1;
  color: rgb(0 91 194 / var(--tw-text-opacity, 1));
}
.focus\:elv-text-primary:focus {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.focus\:elv-no-underline:focus {
  text-decoration-line: none;
}
.focus\:elv-outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:elv-icon-btn-shadow-focus:focus {
  --tw-shadow: 0 0 0 4px #C3BDE5,0 0 0 0.5px #FFFFFF;
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color), 0 0 0 0.5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus-visible\:elv-border-medium:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
.focus-visible\:elv-no-underline:focus-visible {
  text-decoration-line: none;
}
.focus-visible\:elv-outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:elv-outline:focus-visible {
  outline-style: solid;
}
.focus-visible\:elv-outline-3:focus-visible {
  outline-width: 3px;
}
.focus-visible\:elv-outline-offset-0:focus-visible {
  outline-offset: 0px;
}
.focus-visible\:elv-outline-offset-1:focus-visible {
  outline-offset: 1px;
}
.focus-visible\:elv-outline-purple-40:focus-visible {
  outline-color: #c3bde5;
}
.active\:elv-border-\[\#ff7761\]:active {
  --tw-border-opacity: 1;
  border-color: rgb(255 119 97 / var(--tw-border-opacity, 1));
}
.active\:elv-border-neutral:active {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.active\:elv-bg-primary-20:active {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.active\:elv-text-default:active {
  --tw-text-opacity: 1;
  color: rgb(32 31 35 / var(--tw-text-opacity, 1));
}
.active\:elv-text-link-hover:active {
  --tw-text-opacity: 1;
  color: rgb(0 91 194 / var(--tw-text-opacity, 1));
}
.active\:elv-text-primary:active {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
.active\:elv-no-underline:active {
  text-decoration-line: none;
}
.active\:elv-btn-shadow-inset:active {
  --tw-shadow: inset 0 0 4px 1px #201F2333;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.active\:elv-icon-btn-shadow-inset:active {
  --tw-shadow: inset 0 0 4px 1px #201f2366;
  --tw-shadow-colored: inset 0 0 4px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:elv-resize-none:disabled {
  resize: none;
}
.disabled\:elv-border-neutral:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(223 223 226 / var(--tw-border-opacity, 1));
}
.disabled\:elv-bg-neutral-0:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.disabled\:elv-bg-neutral-1:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(252 252 253 / var(--tw-bg-opacity, 1));
}
.disabled\:elv-bg-neutral-10:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 243 / var(--tw-bg-opacity, 1));
}
.disabled\:elv-text-disabled:disabled {
  --tw-text-opacity: 1;
  color: rgb(223 223 226 / var(--tw-text-opacity, 1));
}
.disabled\:hover\:elv-bg-neutral-0:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:elv-shadow-0:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:focus\:elv-shadow-0:focus:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.disabled\:active\:elv-shadow-0:active:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[status\=\'success\'\]\:elv-border-success[data-status='success'] {
  --tw-border-opacity: 1;
  border-color: rgb(31 168 150 / var(--tw-border-opacity, 1));
}
.data-\[status\=\'warning\'\]\:elv-border-warning[data-status='warning'] {
  --tw-border-opacity: 1;
  border-color: rgb(255 200 0 / var(--tw-border-opacity, 1));
}
.data-\[selected\=true\]\:elv-bg-primary-20[data-selected="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(235 233 246 / var(--tw-bg-opacity, 1));
}
.data-\[status\=\'error\'\]\:elv-bg-critical-20[data-status='error'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 245 / var(--tw-bg-opacity, 1));
}
.data-\[status\=\'warning\'\]\:elv-bg-warning-20[data-status='warning'] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 249 229 / var(--tw-bg-opacity, 1));
}
.data-\[selected\=true\]\:elv-text-primary[data-selected="true"] {
  --tw-text-opacity: 1;
  color: rgb(87 70 178 / var(--tw-text-opacity, 1));
}
@media (min-width: 600px) {

  .sm\:elv-h-11 {
    height: 2.75rem;
  }

  .sm\:elv-h-12 {
    height: 3rem;
  }

  .sm\:elv-h-13 {
    height: 3.25rem;
  }

  .sm\:elv-h-15 {
    height: 3.75rem;
  }

  .sm\:elv-h-16 {
    height: 4rem;
  }

  .sm\:elv-h-20 {
    height: 5rem;
  }

  .sm\:elv-h-26 {
    height: 6.5rem;
  }

  .sm\:elv-h-36 {
    height: 9rem;
  }

  .sm\:elv-h-4 {
    height: 1rem;
  }

  .sm\:elv-h-42 {
    height: 10.5rem;
  }

  .sm\:elv-h-5 {
    height: 1.25rem;
  }

  .sm\:elv-h-6 {
    height: 1.5rem;
  }

  .sm\:elv-h-7 {
    height: 1.75rem;
  }

  .sm\:elv-h-8 {
    height: 2rem;
  }

  .sm\:elv-w-11 {
    width: 2.75rem;
  }

  .sm\:elv-w-12 {
    width: 3rem;
  }

  .sm\:elv-w-13 {
    width: 3.25rem;
  }

  .sm\:elv-w-15 {
    width: 3.75rem;
  }

  .sm\:elv-w-16 {
    width: 4rem;
  }

  .sm\:elv-w-20 {
    width: 5rem;
  }

  .sm\:elv-w-26 {
    width: 6.5rem;
  }

  .sm\:elv-w-36 {
    width: 9rem;
  }

  .sm\:elv-w-4 {
    width: 1rem;
  }

  .sm\:elv-w-42 {
    width: 10.5rem;
  }

  .sm\:elv-w-5 {
    width: 1.25rem;
  }

  .sm\:elv-w-6 {
    width: 1.5rem;
  }

  .sm\:elv-w-7 {
    width: 1.75rem;
  }

  .sm\:elv-w-8 {
    width: 2rem;
  }

  .sm\:elv-gap-1 {
    gap: 0.25rem;
  }

  .sm\:elv-gap-2 {
    gap: 0.5rem;
  }

  .sm\:elv-gap-3 {
    gap: 0.75rem;
  }

  .sm\:elv-gap-4 {
    gap: 1rem;
  }

  .sm\:elv-gap-5 {
    gap: 1.25rem;
  }

  .sm\:elv-rounded-2xs {
    border-radius: 0.125rem;
  }

  .sm\:elv-rounded-pill-3xs {
    border-radius: 0.5rem;
  }

  .sm\:elv-rounded-xs {
    border-radius: 0.25rem;
  }

  .sm\:elv-p-1 {
    padding: 0.25rem;
  }

  .sm\:elv-p-2 {
    padding: 0.5rem;
  }

  .sm\:elv-text-2xl {
    font-size: 2.375rem;
  }

  .sm\:elv-text-3xl {
    font-size: 3.1875rem;
  }

  .sm\:elv-text-4xl {
    font-size: 4.1875rem;
  }

  .sm\:elv-text-base {
    font-size: 1rem;
  }

  .sm\:elv-text-lg {
    font-size: 1.3125rem;
  }

  .sm\:elv-text-sm {
    font-size: 0.875rem;
  }

  .sm\:elv-text-xl {
    font-size: 1.75rem;
  }

  .sm\:elv-text-xs {
    font-size: 0.75rem;
  }

  .sm\:elv-leading-2xl {
    line-height: 3rem;
  }

  .sm\:elv-leading-3xl {
    line-height: 4rem;
  }

  .sm\:elv-leading-4xl {
    line-height: 5rem;
  }

  .sm\:elv-leading-base {
    line-height: 1.5rem;
  }

  .sm\:elv-leading-lg {
    line-height: 1.75rem;
  }

  .sm\:elv-leading-sm {
    line-height: 1.25rem;
  }

  .sm\:elv-leading-xl {
    line-height: 2.25rem;
  }

  .sm\:elv-leading-xs {
    line-height: 1rem;
  }
}
@media (min-width: 750px) {

  .md\:elv-h-11 {
    height: 2.75rem;
  }

  .md\:elv-h-12 {
    height: 3rem;
  }

  .md\:elv-h-13 {
    height: 3.25rem;
  }

  .md\:elv-h-15 {
    height: 3.75rem;
  }

  .md\:elv-h-16 {
    height: 4rem;
  }

  .md\:elv-h-20 {
    height: 5rem;
  }

  .md\:elv-h-26 {
    height: 6.5rem;
  }

  .md\:elv-h-36 {
    height: 9rem;
  }

  .md\:elv-h-4 {
    height: 1rem;
  }

  .md\:elv-h-42 {
    height: 10.5rem;
  }

  .md\:elv-h-5 {
    height: 1.25rem;
  }

  .md\:elv-h-6 {
    height: 1.5rem;
  }

  .md\:elv-h-7 {
    height: 1.75rem;
  }

  .md\:elv-h-8 {
    height: 2rem;
  }

  .md\:elv-w-11 {
    width: 2.75rem;
  }

  .md\:elv-w-12 {
    width: 3rem;
  }

  .md\:elv-w-13 {
    width: 3.25rem;
  }

  .md\:elv-w-15 {
    width: 3.75rem;
  }

  .md\:elv-w-16 {
    width: 4rem;
  }

  .md\:elv-w-20 {
    width: 5rem;
  }

  .md\:elv-w-26 {
    width: 6.5rem;
  }

  .md\:elv-w-36 {
    width: 9rem;
  }

  .md\:elv-w-4 {
    width: 1rem;
  }

  .md\:elv-w-42 {
    width: 10.5rem;
  }

  .md\:elv-w-5 {
    width: 1.25rem;
  }

  .md\:elv-w-5\/6 {
    width: 83.333333%;
  }

  .md\:elv-w-6 {
    width: 1.5rem;
  }

  .md\:elv-w-7 {
    width: 1.75rem;
  }

  .md\:elv-w-8 {
    width: 2rem;
  }

  .md\:elv-flex-row {
    flex-direction: row;
  }

  .md\:elv-gap-1 {
    gap: 0.25rem;
  }

  .md\:elv-gap-2 {
    gap: 0.5rem;
  }

  .md\:elv-gap-3 {
    gap: 0.75rem;
  }

  .md\:elv-gap-4 {
    gap: 1rem;
  }

  .md\:elv-gap-5 {
    gap: 1.25rem;
  }

  .md\:elv-rounded-2xs {
    border-radius: 0.125rem;
  }

  .md\:elv-rounded-pill-3xs {
    border-radius: 0.5rem;
  }

  .md\:elv-rounded-xs {
    border-radius: 0.25rem;
  }

  .md\:elv-p-1 {
    padding: 0.25rem;
  }

  .md\:elv-p-2 {
    padding: 0.5rem;
  }

  .md\:elv-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:elv-pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:elv-text-2xl {
    font-size: 2.375rem;
  }

  .md\:elv-text-3xl {
    font-size: 3.1875rem;
  }

  .md\:elv-text-4xl {
    font-size: 4.1875rem;
  }

  .md\:elv-text-base {
    font-size: 1rem;
  }

  .md\:elv-text-lg {
    font-size: 1.3125rem;
  }

  .md\:elv-text-sm {
    font-size: 0.875rem;
  }

  .md\:elv-text-xl {
    font-size: 1.75rem;
  }

  .md\:elv-text-xs {
    font-size: 0.75rem;
  }

  .md\:elv-leading-2xl {
    line-height: 3rem;
  }

  .md\:elv-leading-3xl {
    line-height: 4rem;
  }

  .md\:elv-leading-4xl {
    line-height: 5rem;
  }

  .md\:elv-leading-base {
    line-height: 1.5rem;
  }

  .md\:elv-leading-lg {
    line-height: 1.75rem;
  }

  .md\:elv-leading-sm {
    line-height: 1.25rem;
  }

  .md\:elv-leading-xl {
    line-height: 2.25rem;
  }

  .md\:elv-leading-xs {
    line-height: 1rem;
  }

  .md\:elv-shadow-1 {
    --tw-shadow: 0px 0px 1px 0px rgba(32, 31, 35, 0.32), 0px 4px 4px 0px rgba(32, 31, 35, 0.04);
    --tw-shadow-colored: 0px 0px 1px 0px var(--tw-shadow-color), 0px 4px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}
@media (min-width: 1000px) {

  .lg\:elv-h-11 {
    height: 2.75rem;
  }

  .lg\:elv-h-12 {
    height: 3rem;
  }

  .lg\:elv-h-13 {
    height: 3.25rem;
  }

  .lg\:elv-h-15 {
    height: 3.75rem;
  }

  .lg\:elv-h-16 {
    height: 4rem;
  }

  .lg\:elv-h-20 {
    height: 5rem;
  }

  .lg\:elv-h-26 {
    height: 6.5rem;
  }

  .lg\:elv-h-36 {
    height: 9rem;
  }

  .lg\:elv-h-4 {
    height: 1rem;
  }

  .lg\:elv-h-42 {
    height: 10.5rem;
  }

  .lg\:elv-h-5 {
    height: 1.25rem;
  }

  .lg\:elv-h-6 {
    height: 1.5rem;
  }

  .lg\:elv-h-7 {
    height: 1.75rem;
  }

  .lg\:elv-h-8 {
    height: 2rem;
  }

  .lg\:elv-w-11 {
    width: 2.75rem;
  }

  .lg\:elv-w-12 {
    width: 3rem;
  }

  .lg\:elv-w-13 {
    width: 3.25rem;
  }

  .lg\:elv-w-15 {
    width: 3.75rem;
  }

  .lg\:elv-w-16 {
    width: 4rem;
  }

  .lg\:elv-w-20 {
    width: 5rem;
  }

  .lg\:elv-w-26 {
    width: 6.5rem;
  }

  .lg\:elv-w-36 {
    width: 9rem;
  }

  .lg\:elv-w-4 {
    width: 1rem;
  }

  .lg\:elv-w-42 {
    width: 10.5rem;
  }

  .lg\:elv-w-5 {
    width: 1.25rem;
  }

  .lg\:elv-w-6 {
    width: 1.5rem;
  }

  .lg\:elv-w-7 {
    width: 1.75rem;
  }

  .lg\:elv-w-8 {
    width: 2rem;
  }

  .lg\:elv-gap-1 {
    gap: 0.25rem;
  }

  .lg\:elv-gap-2 {
    gap: 0.5rem;
  }

  .lg\:elv-gap-3 {
    gap: 0.75rem;
  }

  .lg\:elv-gap-4 {
    gap: 1rem;
  }

  .lg\:elv-gap-5 {
    gap: 1.25rem;
  }

  .lg\:elv-rounded-2xs {
    border-radius: 0.125rem;
  }

  .lg\:elv-rounded-pill-3xs {
    border-radius: 0.5rem;
  }

  .lg\:elv-rounded-xs {
    border-radius: 0.25rem;
  }

  .lg\:elv-p-1 {
    padding: 0.25rem;
  }

  .lg\:elv-p-2 {
    padding: 0.5rem;
  }

  .lg\:elv-text-2xl {
    font-size: 2.375rem;
  }

  .lg\:elv-text-3xl {
    font-size: 3.1875rem;
  }

  .lg\:elv-text-4xl {
    font-size: 4.1875rem;
  }

  .lg\:elv-text-base {
    font-size: 1rem;
  }

  .lg\:elv-text-lg {
    font-size: 1.3125rem;
  }

  .lg\:elv-text-sm {
    font-size: 0.875rem;
  }

  .lg\:elv-text-xl {
    font-size: 1.75rem;
  }

  .lg\:elv-text-xs {
    font-size: 0.75rem;
  }

  .lg\:elv-leading-2xl {
    line-height: 3rem;
  }

  .lg\:elv-leading-3xl {
    line-height: 4rem;
  }

  .lg\:elv-leading-4xl {
    line-height: 5rem;
  }

  .lg\:elv-leading-base {
    line-height: 1.5rem;
  }

  .lg\:elv-leading-lg {
    line-height: 1.75rem;
  }

  .lg\:elv-leading-sm {
    line-height: 1.25rem;
  }

  .lg\:elv-leading-xl {
    line-height: 2.25rem;
  }

  .lg\:elv-leading-xs {
    line-height: 1rem;
  }
}
@media (min-width: 1270px) {

  .xl\:elv-h-11 {
    height: 2.75rem;
  }

  .xl\:elv-h-12 {
    height: 3rem;
  }

  .xl\:elv-h-13 {
    height: 3.25rem;
  }

  .xl\:elv-h-15 {
    height: 3.75rem;
  }

  .xl\:elv-h-16 {
    height: 4rem;
  }

  .xl\:elv-h-20 {
    height: 5rem;
  }

  .xl\:elv-h-26 {
    height: 6.5rem;
  }

  .xl\:elv-h-36 {
    height: 9rem;
  }

  .xl\:elv-h-4 {
    height: 1rem;
  }

  .xl\:elv-h-42 {
    height: 10.5rem;
  }

  .xl\:elv-h-5 {
    height: 1.25rem;
  }

  .xl\:elv-h-6 {
    height: 1.5rem;
  }

  .xl\:elv-h-7 {
    height: 1.75rem;
  }

  .xl\:elv-h-8 {
    height: 2rem;
  }

  .xl\:elv-w-11 {
    width: 2.75rem;
  }

  .xl\:elv-w-12 {
    width: 3rem;
  }

  .xl\:elv-w-13 {
    width: 3.25rem;
  }

  .xl\:elv-w-15 {
    width: 3.75rem;
  }

  .xl\:elv-w-16 {
    width: 4rem;
  }

  .xl\:elv-w-20 {
    width: 5rem;
  }

  .xl\:elv-w-26 {
    width: 6.5rem;
  }

  .xl\:elv-w-36 {
    width: 9rem;
  }

  .xl\:elv-w-4 {
    width: 1rem;
  }

  .xl\:elv-w-42 {
    width: 10.5rem;
  }

  .xl\:elv-w-5 {
    width: 1.25rem;
  }

  .xl\:elv-w-6 {
    width: 1.5rem;
  }

  .xl\:elv-w-7 {
    width: 1.75rem;
  }

  .xl\:elv-w-8 {
    width: 2rem;
  }

  .xl\:elv-gap-1 {
    gap: 0.25rem;
  }

  .xl\:elv-gap-2 {
    gap: 0.5rem;
  }

  .xl\:elv-gap-3 {
    gap: 0.75rem;
  }

  .xl\:elv-gap-4 {
    gap: 1rem;
  }

  .xl\:elv-gap-5 {
    gap: 1.25rem;
  }

  .xl\:elv-rounded-2xs {
    border-radius: 0.125rem;
  }

  .xl\:elv-rounded-pill-3xs {
    border-radius: 0.5rem;
  }

  .xl\:elv-rounded-xs {
    border-radius: 0.25rem;
  }

  .xl\:elv-p-1 {
    padding: 0.25rem;
  }

  .xl\:elv-p-2 {
    padding: 0.5rem;
  }

  .xl\:elv-text-2xl {
    font-size: 2.375rem;
  }

  .xl\:elv-text-3xl {
    font-size: 3.1875rem;
  }

  .xl\:elv-text-4xl {
    font-size: 4.1875rem;
  }

  .xl\:elv-text-base {
    font-size: 1rem;
  }

  .xl\:elv-text-lg {
    font-size: 1.3125rem;
  }

  .xl\:elv-text-sm {
    font-size: 0.875rem;
  }

  .xl\:elv-text-xl {
    font-size: 1.75rem;
  }

  .xl\:elv-text-xs {
    font-size: 0.75rem;
  }

  .xl\:elv-leading-2xl {
    line-height: 3rem;
  }

  .xl\:elv-leading-3xl {
    line-height: 4rem;
  }

  .xl\:elv-leading-4xl {
    line-height: 5rem;
  }

  .xl\:elv-leading-base {
    line-height: 1.5rem;
  }

  .xl\:elv-leading-lg {
    line-height: 1.75rem;
  }

  .xl\:elv-leading-sm {
    line-height: 1.25rem;
  }

  .xl\:elv-leading-xl {
    line-height: 2.25rem;
  }

  .xl\:elv-leading-xs {
    line-height: 1rem;
  }
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-border-medium:focus:not([data-status]):not(:-moz-read-only):enabled {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-border-medium:focus:not([data-status]):not(:read-only):enabled {
  --tw-border-opacity: 1;
  border-color: rgb(176 175 182 / var(--tw-border-opacity, 1));
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-outline:focus:not([data-status]):not(:-moz-read-only):enabled {
  outline-style: solid;
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-outline:focus:not([data-status]):not(:read-only):enabled {
  outline-style: solid;
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-outline-3:focus:not([data-status]):not(:-moz-read-only):enabled {
  outline-width: 3px;
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-outline-3:focus:not([data-status]):not(:read-only):enabled {
  outline-width: 3px;
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-outline-purple-40:focus:not([data-status]):not(:-moz-read-only):enabled {
  outline-color: #c3bde5;
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus\:elv-outline-purple-40:focus:not([data-status]):not(:read-only):enabled {
  outline-color: #c3bde5;
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus-visible\:elv-outline:focus-visible:not([data-status]):not(:-moz-read-only):enabled {
  outline-style: solid;
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus-visible\:elv-outline:focus-visible:not([data-status]):not(:read-only):enabled {
  outline-style: solid;
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus-visible\:elv-outline-3:focus-visible:not([data-status]):not(:-moz-read-only):enabled {
  outline-width: 3px;
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus-visible\:elv-outline-3:focus-visible:not([data-status]):not(:read-only):enabled {
  outline-width: 3px;
}
.enabled\:\[\&\:not\(\:-moz-read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus-visible\:elv-outline-purple-40:focus-visible:not([data-status]):not(:-moz-read-only):enabled {
  outline-color: #c3bde5;
}
.enabled\:\[\&\:not\(\:read-only\)\]\:\[\&\:not\(\[data-status\]\)\]\:focus-visible\:elv-outline-purple-40:focus-visible:not([data-status]):not(:read-only):enabled {
  outline-color: #c3bde5;
}