/* The theme's stylesheet initializes tailwindcss and imports the theme's default styles.

   The $ThemeStylesheet path is evaluated via a postcss resolver, which finds the theme's
   main stylesheet within the theme's gem.

   To control the order of the tailwindcss imports further, you can eject the theme's
   stylesheet locally using the following command, which will take precedence.
   > rake bullet_train:themes:light:eject_css

   Read more: https://bullettrain.co/docs/stylesheets
*/

*, ::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:  ;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
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)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::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
*/

html,
:host {
  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: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 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.
*/

body {
  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 {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  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,
kbd,
samp,
pre {
  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 {
  font-size: 80%;
}

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

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  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 {
  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,
input,
optgroup,
select,
textarea {
  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,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  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 {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

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

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

::-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.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

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

summary {
  display: list-item;
}

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

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  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.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  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,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  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,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {
  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {
  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

.font-display {
  letter-spacing: 0 !important;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}

.form-input,.form-textarea,.form-select,.form-multiselect {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

.form-select:where([size]:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}

.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.1428571em;
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

a {
  color: var(--secondary-500);
}

a:hover {
  color: var(--secondary-600);
  text-decoration-line: underline;
}

b,
  strong {
  font-weight: 500;
}

.buttons > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

/* Button Styles, combines hover, active, focus styles */

.button-disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-link-disabled {
  background-color: transparent;
  --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);
}

.button-link-disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-focusable {
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-focusable:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-focusable {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-focusable:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-focusable:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

/* Used in @extend declarations below */

.button-base {
  cursor: pointer;
}

.button-base:hover {
  text-decoration-line: none;
}

.button-base {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-base:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-base {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-base:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-base:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-base {
  /* set a default "press down" effect for small buttons */
}

.button-base:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* inline icons */

[data-select-all-target="wrapper"].button-base svg {
  display: block;
}

.button-base svg {
  display: inline-block;
}

.button-base {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-base:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-base:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-base:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-base:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

/* transition everything */

/* define defaults for blending modes */

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-base.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-base.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-base.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light {
  cursor: pointer;
}

.button-base-light:hover {
  text-decoration-line: none;
}

.button-base-light {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-base-light:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-base-light {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-base-light:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-base-light:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-base-light {
  /* set a default "press down" effect for small buttons */
}

.button-base-light:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light svg {
  display: inline-block;
}

.button-base-light {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-base-light:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-light:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-light:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-light:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-base-light:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-light:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-light:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-light:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-light:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-light:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-light:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-base-light:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-light:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-light:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-light:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-light:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-light:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-light:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-base-light:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-light:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-light:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-light:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-base-light.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-light.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-base-light.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-base-light.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-light {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-base-light:hover {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-base-light-hover {
  background-blend-mode: soft-light, normal;
  box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.2) inset,
      0px 6px 12px 0px rgba(255, 255, 255, 0.2) inset,
      0px 8px 2px 0px rgba(0, 0, 0, 0), 0px 5px 2px 0px rgba(0, 0, 0, 0.01),
      0px 3px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
      0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}

.button-base-light-active {
  background-blend-mode: multiply, normal;
  box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.2) inset,
      0px 6px 12px 0px rgba(255, 255, 255, 0.2) inset,
      0px 7.76px 1.94px 0px rgba(0, 0, 0, 0),
      0px 4.85px 1.94px 0px rgba(0, 0, 0, 0.01),
      0px 2.91px 1.94px 0px rgba(0, 0, 0, 0.04),
      0px 0.97px 0.97px 0px rgba(0, 0, 0, 0.07),
      0px 0.97px 0.97px 0px rgba(0, 0, 0, 0.08);
}

.button-base-dark {
  cursor: pointer;
}

.button-base-dark:hover {
  text-decoration-line: none;
}

.button-base-dark {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-base-dark:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-base-dark {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-base-dark:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-base-dark:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-base-dark {
  /* set a default "press down" effect for small buttons */
}

.button-base-dark:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark svg {
  display: inline-block;
}

.button-base-dark {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-base-dark:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-dark:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-dark:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-dark:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-base-dark:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-dark:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-dark:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-dark:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-dark:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-dark:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-dark:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-dark:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-base-dark:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-dark:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-dark:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-dark:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-dark:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-dark:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-dark:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-dark:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-base-dark:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-dark:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-dark:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-dark:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-base-dark.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-base-dark.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-base-dark.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-base-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-base-dark {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.button-base-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

/* classes for button-{priority}-{type} according to design */

.button-primary-seafoam {
  cursor: pointer;
}

.button-primary-seafoam:hover {
  text-decoration-line: none;
}

.button-primary-seafoam {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-primary-seafoam:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-primary-seafoam {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-primary-seafoam:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-primary-seafoam:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-primary-seafoam {
  /* set a default "press down" effect for small buttons */
}

.button-primary-seafoam:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam svg {
  display: inline-block;
}

.button-primary-seafoam {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-primary-seafoam:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-seafoam:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-primary-seafoam:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-primary-seafoam:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-primary-seafoam:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-primary-seafoam:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-primary-seafoam:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-primary-seafoam:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-primary-seafoam:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-primary-seafoam:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-primary-seafoam:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-primary-seafoam:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-primary-seafoam.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-primary-seafoam {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-primary-seafoam:hover {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-primary-seafoam:hover {
  background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.25) 0%,
          rgba(255, 255, 255, 0.25) 100%
        ),
        var(--button-bg-color);
}

.button-primary-seafoam:hover {
  background-blend-mode: soft-light, normal;
  box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.2) inset,
      0px 6px 12px 0px rgba(255, 255, 255, 0.2) inset,
      0px 8px 2px 0px rgba(0, 0, 0, 0), 0px 5px 2px 0px rgba(0, 0, 0, 0.01),
      0px 3px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
      0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}

.button-primary-seafoam:active {
  background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.02) 0%,
          rgba(0, 0, 0, 0.02) 100%
        ),
        var(--button-bg-color);
}

.button-primary-seafoam:active {
  background-blend-mode: multiply, normal;
  box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.2) inset,
      0px 6px 12px 0px rgba(255, 255, 255, 0.2) inset,
      0px 7.76px 1.94px 0px rgba(0, 0, 0, 0),
      0px 4.85px 1.94px 0px rgba(0, 0, 0, 0.01),
      0px 2.91px 1.94px 0px rgba(0, 0, 0, 0.04),
      0px 0.97px 0.97px 0px rgba(0, 0, 0, 0.07),
      0px 0.97px 0.97px 0px rgba(0, 0, 0, 0.08);
}

/* .button-primary {
    --button-bg-color: theme("colors.salmon.DEFAULT");
  } */

.button-primary-seafoam {
  --button-bg-color: #9ce7c1;
}

/*
    button-secondary is black and white.

    We define separate classes, button-secondary-dark and
    button-secondary-light, and then create a button-secondary
    class that applies both of them
  */

.button-secondary-dark:hover, .button-secondary-light:hover {
  --button-overlay-color-light: rgba(0, 0, 0, 0.03);
  --button-overlay-color-dark: rgba(255, 255, 255, 0.25);
  --button-overlay-color: transparent;
  /* override separately */
  background: linear-gradient(
          0deg,
          var(--button-overlay-color),
          var(--button-overlay-color)
        ),
        var(--button-bg-color);
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01),
        0px 3px 2px rgba(0, 0, 0, 0.04), 0px 1px 1px rgba(0, 0, 0, 0.07),
        0px 1px 1px rgba(0, 0, 0, 0.08),
        inset 0px -1px 1px rgba(255, 255, 255, 0.2),
        inset 0px 6px 12px rgba(255, 255, 255, 0.2);
}

.button-secondary-dark:active, .button-secondary-light:active {
  --button-overlay-color-light: rgba(0, 0, 0, 0.03);
  --button-overlay-color-dark: rgba(255, 255, 255, 0.25);
  --button-overlay-color: transparent;
  /* override separately */
  background: linear-gradient(
          0deg,
          var(--button-overlay-color),
          var(--button-overlay-color)
        ),
        var(--button-bg-color);
  box-shadow: 0px 4.85px 1.94px rgba(0, 0, 0, 0.01),
        0px 2.91px 1.94px rgba(0, 0, 0, 0.04),
        0px 0.97px 0.97px rgba(0, 0, 0, 0.07),
        0px 0.97px 0.97px rgba(0, 0, 0, 0.08),
        inset 0px -1px 1px rgba(255, 255, 255, 0.2),
        inset 0px 6px 12px rgba(255, 255, 255, 0.2);
}

.button-secondary-dark {
  cursor: pointer;
}

.button-secondary-dark:hover {
  text-decoration-line: none;
}

.button-secondary-dark {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-secondary-dark:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-secondary-dark {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-secondary-dark:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-secondary-dark:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-secondary-dark {
  /* set a default "press down" effect for small buttons */
}

.button-secondary-dark:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark svg {
  display: inline-block;
}

.button-secondary-dark {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-secondary-dark:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-dark:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-dark:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-dark:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-dark:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-dark:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-dark:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-dark:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-dark:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-dark:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-dark:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-dark:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-dark:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-dark:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-dark:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-dark:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-dark:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-dark:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-dark {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.button-secondary-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.button-secondary-dark {
  --button-bg-color: #0B051D;
  --tw-ring-color: var(--tw-ring-color-light);
}

/* TODO: in dark mode, this doesn't work */

.button-secondary-dark:hover {
  --button-overlay-color: var(--button-overlay-color-dark);
  --blend-mode: var(--blend-mode-soft-light-normal);
}

.button-secondary-dark:active {
  --button-overlay-color: var(--button-overlay-color-dark);
  --blend-mode: var(--blend-mode-soft-light-normal);
}

.button-secondary-light {
  cursor: pointer;
}

.button-secondary-light:hover {
  text-decoration-line: none;
}

.button-secondary-light {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-secondary-light:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-secondary-light {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-secondary-light:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-secondary-light:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-secondary-light {
  /* set a default "press down" effect for small buttons */
}

.button-secondary-light:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light svg {
  display: inline-block;
}

.button-secondary-light {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-secondary-light:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-light:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-light:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-light:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-light:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-light:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-light:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-light:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-light:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-light:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-light:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-light:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-light:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-light:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-light:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-light:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-light:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-light:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-light:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-light:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-light:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-light:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-light:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-light:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-light.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-secondary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-secondary-light {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-secondary-light:hover {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-secondary-light {
  --tw-ring-color: var(--tw-ring-color-light);
  background: transparent;
  background-blend-mode: normal;
  box-shadow: none;
  border-width: 1px;
  border-color: rgb(11 5 29 / .08);
}

.button-secondary-light:where(.dark, .dark *) {
  border-color: rgb(248 245 244 / .08);
}

.button-secondary-light:hover,
    .button-secondary-light:active,
    .button-secondary-light:focus {
  --button-bg-color: #322f2814;
  /* opacity-08 */
  background: var(--button-bg-color);
  box-shadow: none;
}

/*
    button-tertiary is a gray button of different shades in light and dark mode.

    Similarly as with button-secondary, we define separate classes, button-tertiary-dark and
    button-tertiary-light, and then create a button-tertiary class that applies both of them.
  */

.button-tertiary-dark {
  cursor: pointer;
}

.button-tertiary-dark:hover {
  text-decoration-line: none;
}

.button-tertiary-dark {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-tertiary-dark:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-tertiary-dark {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-tertiary-dark:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-tertiary-dark:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-tertiary-dark {
  /* set a default "press down" effect for small buttons */
}

.button-tertiary-dark:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark svg {
  display: inline-block;
}

.button-tertiary-dark {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-tertiary-dark:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-dark:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-dark:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-dark:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-dark:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-dark:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-dark:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-dark:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-dark:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-dark:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-dark:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-dark:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-dark.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-dark {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.button-tertiary-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.button-tertiary-dark {
  --button-bg-color: rgb(248 245 244 / 15%);
  --tw-ring-color: var(--tw-ring-color-dark);
  /* TODO: in dark mode, this doesn't work */
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px 1px 1px rgba(0, 0, 0, 0.11),
      inset 0px 6px 12px rgba(0, 0, 0, 0.04);
}

.button-tertiary-dark:hover {
  background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.25),
          rgba(255, 255, 255, 0.25)
        ),
        var(--button-bg-color);
  background-blend-mode: soft-light, normal;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01),
        0px 3px 2px rgba(0, 0, 0, 0.04), 0px 1px 1px rgba(0, 0, 0, 0.07),
        0px 1px 1px rgba(0, 0, 0, 0.08), inset 0px -1px 1px rgba(0, 0, 0, 0.11),
        inset 0px 6px 12px rgba(0, 0, 0, 0.04);
}

.button-tertiary-dark:active {
  background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.02),
          rgba(0, 0, 0, 0.02)
        ),
        var(--button-bg-color);
  background-blend-mode: multiply, normal;
  box-shadow: 0px 4.85px 1.94px rgba(0, 0, 0, 0.01),
        0px 2.91px 1.94px rgba(0, 0, 0, 0.04),
        0px 0.97px 0.97px rgba(0, 0, 0, 0.07),
        0px 0.97px 0.97px rgba(0, 0, 0, 0.08),
        inset 0px -0.97px 0.97px rgba(0, 0, 0, 0.11),
        inset 0px 6px 12px rgba(0, 0, 0, 0.04);
}

.button-tertiary-light {
  cursor: pointer;
}

.button-tertiary-light:hover {
  text-decoration-line: none;
}

.button-tertiary-light {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-tertiary-light:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-tertiary-light {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-tertiary-light:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-tertiary-light:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-tertiary-light {
  /* set a default "press down" effect for small buttons */
}

.button-tertiary-light:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light svg {
  display: inline-block;
}

.button-tertiary-light {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-tertiary-light:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-light:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-light:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-light:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-light:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-light:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-light:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-light:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-light:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-light:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-light:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-light:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-light:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-light:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-light:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-light:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-light:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-light:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-light.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-light.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-tertiary-light.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-tertiary-light {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-tertiary-light:hover {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.button-tertiary-light {
  --button-bg-color: #F1EDEA;
  --tw-ring-color: var(--tw-ring-color-light);
  /* TODO: in dark mode, this doesn't work */
  background: linear-gradient(
        180deg,
        rgba(19, 21, 23, 0) 0%,
        rgba(19, 21, 23, 0.04) 100%
      ),
      var(--button-bg-color);
  box-shadow: inset 0px -1px 1px rgba(255, 255, 255, 0.11);
}

.button-tertiary-light:hover {
  background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.25),
          rgba(255, 255, 255, 0.25)
        ),
        linear-gradient(
          180deg,
          rgba(19, 21, 23, 0) 0%,
          rgba(19, 21, 23, 0.04) 100%
        ),
        var(--button-bg-color);
  background-blend-mode: soft-light, normal, normal;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01),
        0px 3px 2px rgba(0, 0, 0, 0.04), 0px 1px 1px rgba(0, 0, 0, 0.07),
        0px 1px 1px rgba(0, 0, 0, 0.08),
        inset 0px -1px 1px rgba(255, 255, 255, 0.11);
}

.button-tertiary-light:active {
  background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.02),
          rgba(0, 0, 0, 0.02)
        ),
        linear-gradient(
          180deg,
          rgba(19, 21, 23, 0) 0%,
          rgba(19, 21, 23, 0.04) 100%
        ),
        var(--button-bg-color);
  background-blend-mode: multiply, normal, normal;
  box-shadow: 0px 4.85px 1.94px rgba(0, 0, 0, 0.01),
        0px 2.91px 1.94px rgba(0, 0, 0, 0.04),
        0px 0.97px 0.97px rgba(0, 0, 0, 0.07),
        0px 0.97px 0.97px rgba(0, 0, 0, 0.08),
        inset 0px -0.97px 0.97px rgba(255, 255, 255, 0.11);
}

/*
    button-link occupies the same space as a button, but is styled as a link, even if coded as a <button> or <input>
  */

.button-link {
  cursor: pointer;
  font-weight: 500;
  color: var(--content-primary);
  --button-bg-color: transparent;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  text-decoration-color: underline;
  /* link-looking buttons don't have a "press down" effect */
}

.button-link,
    .button-link.button-large,
    .button-link.button-small {
  padding: 0;
  border-radius: 2px;
}


    .button-link.\!button-small {
  padding: 0 !important;
  border-radius: 2px !important;
}

.button-link:disabled {
  background-color: transparent;
  --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);
}

.button-link:disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-link:disabled:hover {
  background-color: transparent;
  --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);
}

.button-link:disabled:hover:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-link:disabled:active {
  background-color: transparent;
  --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);
}

.button-link:disabled:active:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-link.disabled {
  background-color: transparent;
  --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);
}

.button-link.disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-link.disabled:hover {
  background-color: transparent;
  --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);
}

.button-link.disabled:hover:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-link.disabled:active {
  background-color: transparent;
  --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);
}

.button-link.disabled:active:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.button-link:active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process {
  cursor: pointer;
}

.button-exit-process:hover {
  text-decoration-line: none;
}

.button-exit-process {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-exit-process:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-exit-process {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-exit-process:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-exit-process:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-exit-process {
  /* set a default "press down" effect for small buttons */
}

.button-exit-process:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process svg {
  display: inline-block;
}

.button-exit-process {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-exit-process:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-exit-process:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-exit-process:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-exit-process:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-exit-process:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-exit-process:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-exit-process:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-exit-process:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-exit-process:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-exit-process:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-exit-process:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-exit-process:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-exit-process:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-exit-process:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-exit-process:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-exit-process:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-exit-process:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-exit-process:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-exit-process:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-exit-process:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-exit-process:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-exit-process:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-exit-process:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-exit-process:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-exit-process.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-exit-process.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-exit-process.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-exit-process.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-exit-process.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-exit-process.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-exit-process {
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: var(--background-base);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / 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);
}

.button-exit-process:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.button-add-nested-item {
  cursor: pointer;
}

.button-add-nested-item:hover {
  text-decoration-line: none;
}

.button-add-nested-item {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-add-nested-item:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-add-nested-item {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-add-nested-item:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-add-nested-item:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-add-nested-item {
  /* set a default "press down" effect for small buttons */
}

.button-add-nested-item:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item svg {
  display: inline-block;
}

.button-add-nested-item {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-add-nested-item:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-nested-item:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-nested-item:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-nested-item:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-add-nested-item:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-nested-item:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-nested-item:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-nested-item:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-add-nested-item:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-nested-item:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-nested-item:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-nested-item:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-nested-item:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-nested-item:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-add-nested-item:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-nested-item:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-nested-item:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-nested-item:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-nested-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: var(--background-elevated);
  padding: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.0113rem;
  font-weight: 700;
  color: var(--content-primary);
  --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);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.button-add-nested-item:hover {
  background-color: var(--grayscale-1);
  text-decoration-line: none;
}

.button-add-nested-item:active {
  --tw-scale-x: 0.995;
  --tw-scale-y: 0.995;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-nested-item {
  /* box-shadow: 0px 0px 0px 0px #342e26, 0px 0px 0px 0px rgba(52, 46, 38, 0),
      0px 0px 2px 0px rgba(52, 46, 38, 0.08),
      0px 4px 6px 0px rgba(52, 46, 38, 0.04); */
}

.button-add-price-nested-item {
  cursor: pointer;
}

.button-add-price-nested-item:hover {
  text-decoration-line: none;
}

.button-add-price-nested-item {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-add-price-nested-item:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-add-price-nested-item {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-add-price-nested-item:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-add-price-nested-item:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-add-price-nested-item {
  /* set a default "press down" effect for small buttons */
}

.button-add-price-nested-item:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item svg {
  display: inline-block;
}

.button-add-price-nested-item {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-add-price-nested-item:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-price-nested-item:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-price-nested-item:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-price-nested-item:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-add-price-nested-item:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-price-nested-item:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-price-nested-item:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-price-nested-item:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-add-price-nested-item:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-price-nested-item:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-add-price-nested-item:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-price-nested-item:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-add-price-nested-item.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-add-price-nested-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: var(--background-elevated);
  padding: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.0113rem;
  font-weight: 700;
  color: var(--content-primary);
  --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);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.button-add-price-nested-item:hover {
  background-color: var(--grayscale-1);
  text-decoration-line: none;
}

.button-add-price-nested-item:active {
  --tw-scale-x: 0.995;
  --tw-scale-y: 0.995;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-add-price-nested-item {
  /* box-shadow: 0px 0px 0px 0px #342e26, 0px 0px 0px 0px rgba(52, 46, 38, 0),
      0px 0px 2px 0px rgba(52, 46, 38, 0.08),
      0px 4px 6px 0px rgba(52, 46, 38, 0.04); */
}

.button-add-price-nested-item {
  flex-direction: column;
  gap: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.button-add-price-nested-item:hover {
  background-color: var(--grayscale-1);
}

/* Original Bullet Train Button Styles */

.\!button {
  cursor: pointer;
}

.\!button:hover {
  text-decoration-line: none;
}

.\!button {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.\!button:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.\!button {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.\!button:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.\!button:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.\!button {
  /* set a default "press down" effect for small buttons */
}

.\!button:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button svg {
  display: inline-block;
}

.\!button {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.\!button:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!button:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.\!button:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.\!button:disabled:not(.no-disabled-style) {
  background-image: none;
}

.\!button:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.\!button:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.\!button:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.\!button:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.\!button:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!button:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.\!button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.\!button:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.\!button:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.\!button:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.\!button:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.\!button:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.\!button:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!button:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.\!button:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.\!button:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.\!button:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.\!button:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.\!button:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.\!button:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.\!button.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.\!button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.\!button.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.\!button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.\!button.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.\!button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button {
  cursor: pointer;
}

.button:hover {
  text-decoration-line: none;
}

.button {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button {
  /* set a default "press down" effect for small buttons */
}

.button:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button svg {
  display: inline-block;
}

.button {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color {
  cursor: pointer;
}

.button-color:hover {
  text-decoration-line: none;
}

.button-color {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.button-color:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.button-color {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.button-color:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.button-color:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.button-color {
  /* set a default "press down" effect for small buttons */
}

.button-color:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color svg {
  display: inline-block;
}

.button-color {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.button-color:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-color:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-color:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-color:disabled:not(.no-disabled-style) {
  background-image: none;
}

.button-color:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-color:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-color:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-color:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-color:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-color:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-color:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.button-color:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-color:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-color:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-color:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-color:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-color:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-color:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.button-color:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-color:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-color:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-color:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.button-color.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-color.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.button-color.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-color.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.button-color.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-color.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-color {
  background-color: var(--background-overlay);
  font-weight: 600;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.button-color:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.button-color {
  /* no inner shadow on any buttons! */
}

.button-color {
  border-radius: 9999px;
  line-height: 1;
  width: auto;
  aspect-ratio: 1/1;
}

.btn-toggle input[type='checkbox'],
    .btn-toggle input[type='radio'] {
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  cursor: pointer;
}

.btn-toggle input[type='checkbox']:checked + button:hover, .btn-toggle input[type='radio']:checked + button:hover {
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.btn-toggle input[type='checkbox']:checked + button:where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.btn-toggle input[type='checkbox']:checked + button:focus-visible, .btn-toggle input[type='radio']:checked + button:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.btn-toggle input[type='checkbox']:checked + button:focus:focus-visible, .btn-toggle input[type='radio']:checked + button:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  /* set a default "press down" effect for small buttons */
}

.btn-toggle input[type='checkbox']:checked + button:active, .btn-toggle input[type='radio']:checked + button:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button svg, .btn-toggle input[type='radio']:checked + button svg {
  display: inline-block;
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style):where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style):where(.dark, .dark *):hover, .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style) {
  background-image: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled, .btn-toggle input[type='radio']:checked + button:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:not(.no-disabled-style):hover::before, .btn-toggle input[type='radio']:checked + button:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):hover, .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover, .btn-toggle input[type='radio']:checked + button:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:hover:not(.no-disabled-style):hover::before, .btn-toggle input[type='radio']:checked + button:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style):where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style):where(.dark, .dark *):hover, .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active, .btn-toggle input[type='radio']:checked + button:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button:disabled:active:not(.no-disabled-style):hover::before, .btn-toggle input[type='radio']:checked + button:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style), .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.btn-toggle input[type='checkbox']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before, .btn-toggle input[type='radio']:checked + button.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.btn-toggle input[type='checkbox']:checked + button:hover, .btn-toggle input[type='radio']:checked + button:hover {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.btn-toggle input[type='checkbox']:checked + button:hover, .btn-toggle input[type='radio']:checked + button:hover {
  background: linear-gradient(
          0deg,
          rgba(255, 255, 255, 0.25) 0%,
          rgba(255, 255, 255, 0.25) 100%
        ),
        var(--button-bg-color);
}

.btn-toggle input[type='checkbox']:checked + button:hover, .btn-toggle input[type='radio']:checked + button:hover {
  background-blend-mode: soft-light, normal;
  box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.2) inset,
      0px 6px 12px 0px rgba(255, 255, 255, 0.2) inset,
      0px 8px 2px 0px rgba(0, 0, 0, 0), 0px 5px 2px 0px rgba(0, 0, 0, 0.01),
      0px 3px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
      0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}

.btn-toggle input[type='checkbox']:checked + button:active, .btn-toggle input[type='radio']:checked + button:active {
  background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.02) 0%,
          rgba(0, 0, 0, 0.02) 100%
        ),
        var(--button-bg-color);
}

.btn-toggle input[type='checkbox']:checked + button:active, .btn-toggle input[type='radio']:checked + button:active {
  background-blend-mode: multiply, normal;
  box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.2) inset,
      0px 6px 12px 0px rgba(255, 255, 255, 0.2) inset,
      0px 7.76px 1.94px 0px rgba(0, 0, 0, 0),
      0px 4.85px 1.94px 0px rgba(0, 0, 0, 0.01),
      0px 2.91px 1.94px 0px rgba(0, 0, 0, 0.04),
      0px 0.97px 0.97px 0px rgba(0, 0, 0, 0.07),
      0px 0.97px 0.97px 0px rgba(0, 0, 0, 0.08);
}

.btn-toggle input[type='checkbox']:checked + button, .btn-toggle input[type='radio']:checked + button {
  --button-bg-color: #9ce7c1;
}

.btn-toggle.btn-color-picker input[type='checkbox']:checked + button, .btn-toggle.btn-color-picker input[type='radio']:checked + button {
  border-radius: 9999px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 2px;
}

.full {
  display: flex;
  width: 100%;
  justify-content: center;
}

form.\!form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

form.form > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

form.\!form .form-wrapper > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

form.form .form-wrapper > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

form.\!form .form-wrapper[disabled] {
  opacity: 0.3 !important;
  position: relative !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

form.form .form-wrapper[disabled] {
  opacity: 0.3;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

form.\!form .form-wrapper[disabled]:before {
  content: '' !important;
  position: absolute !important;
  background-color: transparent !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

form.form .form-wrapper[disabled]:before {
  content: '';
  position: absolute;
  background-color: transparent;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*
    This is the best way I know how to solve the problem of Tailwind's `space-y-5` creating extra space at the top
    because Rails injects hidden fields at the top of our forms. However, we don't need this on `get` forms, because
    no extra element is injected into the form.
    */

form.\!form[method='post' i],
    form.\!form[method='patch' i] {
  margin-top: -1.25rem;
}

form.form[method='post' i],
    form.form[method='patch' i] {
  margin-top: -1.25rem;
}

form.\!form[method='post' i],
    form.\!form[method='patch' i] {
  margin-top: -1.25rem;
}

form.\!form .buttons {
  padding-top: 0.25rem;
}

form.\!form .buttons > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

form.form .buttons {
  padding-top: 0.25rem;
}

form.form .buttons > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.table {
  width: 100%;
}

.table > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
  --tw-divide-opacity: 0.05;
}

.table {
  text-align: left;
}

.table:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

.table th {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.6875rem;
  line-height: 1.33;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.table th:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.table th:first-child {
  padding-left: 1.25rem;
}

.table th:last-child {
  padding-right: 1.25rem;
}

.table tbody > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
  --tw-divide-opacity: 0.05;
}

.table tbody:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

.table td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.table td:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.table td:first-child {
  padding-left: 1.25rem;
}

.table td:last-child {
  padding-right: 1.25rem;
}

.table td.buttons {
  padding-right: 0.75rem;
}

.table td.buttons > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.table td.buttons {
  text-align: right;
}

/* just having a cell with buttons shouldn't expand the height of a table row. */

.table td.buttons > * {
  /* @apply -mt-5 -mb-5; */
}

.box-table .table th:first-child, .box-table .table td:first-child {
  padding-left: 2rem;
}

.box-table .table th:last-child, .box-table .table td:last-child {
  padding-right: 2rem;
}

.pagy-nav .page a .dotlottie-wrapper,
  .pagy-nav .page.active .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.pagy-nav .page a,
  .pagy-nav .page.active {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.pagy-nav .page a:hover,
  .pagy-nav .page.active:hover {
  text-decoration-line: none;
}

.pagy-nav .page a:hover::before,
  .pagy-nav .page.active:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.pagy-nav .page a:focus-visible,
  .pagy-nav .page.active:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.pagy-nav .page a:where(.dark, .dark *),
  .pagy-nav .page.active:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.pagy-nav .page a,
  .pagy-nav .page.active {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.pagy-nav .page a:hover,
  .pagy-nav .page.active:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.pagy-nav .page a:where(.dark, .dark *),
  .pagy-nav .page.active:where(.dark, .dark *) {
  background-color: transparent !important;
}

.pagy-nav .page a[disabled],
  .pagy-nav .page.active[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page a[disabled]:not(.no-disabled-style),
  .pagy-nav .page.active[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page a[disabled]:not(.no-disabled-style):hover,
  .pagy-nav .page.active[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page a[disabled]:not(.no-disabled-style):hover::before,
  .pagy-nav .page.active[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page a .dotlottie-wrapper,
  .pagy-nav .\!page.active .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.pagy-nav .\!page a,
  .pagy-nav .\!page.active {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.pagy-nav .\!page a:hover,
  .pagy-nav .\!page.active:hover {
  text-decoration-line: none;
}

.pagy-nav .\!page a:hover::before,
  .pagy-nav .\!page.active:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.pagy-nav .\!page a:focus-visible,
  .pagy-nav .\!page.active:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.pagy-nav .\!page a:where(.dark, .dark *),
  .pagy-nav .\!page.active:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.pagy-nav .\!page a,
  .pagy-nav .\!page.active {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.pagy-nav .\!page a:hover,
  .pagy-nav .\!page.active:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.pagy-nav .\!page a:where(.dark, .dark *),
  .pagy-nav .\!page.active:where(.dark, .dark *) {
  background-color: transparent !important;
}

.pagy-nav .\!page a[disabled],
  .pagy-nav .\!page.active[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page a[disabled]:not(.no-disabled-style),
  .pagy-nav .\!page.active[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page a[disabled]:not(.no-disabled-style):hover,
  .pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page a[disabled]:not(.no-disabled-style):hover::before,
  .pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page a .dotlottie-wrapper,
  .pagy-nav .\!page.active .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.pagy-nav .\!page a,
  .pagy-nav .\!page.active {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.pagy-nav .\!page a:hover,
  .pagy-nav .\!page.active:hover {
  text-decoration-line: none;
}

.pagy-nav .\!page a:hover::before,
  .pagy-nav .\!page.active:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.pagy-nav .\!page a:focus-visible,
  .pagy-nav .\!page.active:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.pagy-nav .\!page a:where(.dark, .dark *),
  .pagy-nav .\!page.active:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.pagy-nav .\!page a,
  .pagy-nav .\!page.active {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.pagy-nav .\!page a:hover,
  .pagy-nav .\!page.active:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.pagy-nav .\!page a:where(.dark, .dark *),
  .pagy-nav .\!page.active:where(.dark, .dark *) {
  background-color: transparent !important;
}

.pagy-nav .\!page a[disabled],
  .pagy-nav .\!page.active[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page a[disabled]:not(.no-disabled-style),
  .pagy-nav .\!page.active[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page a[disabled]:not(.no-disabled-style):hover,
  .pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page a[disabled]:not(.no-disabled-style):hover::before,
  .pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.prev.disabled,
  .pagy-nav .page.next.disabled {
  display: none;
}

.pagy-nav .\!page.prev.disabled,
  .pagy-nav .\!page.next.disabled {
  display: none;
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  cursor: pointer;
}

.pagy-nav .page.active:hover,
  .pagy-nav-js .page.active:hover {
  text-decoration-line: none;
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.pagy-nav .page.active:where(.dark, .dark *),
  .pagy-nav-js .page.active:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.pagy-nav .page.active:focus-visible,
  .pagy-nav-js .page.active:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.pagy-nav .page.active:focus:focus-visible,
  .pagy-nav-js .page.active:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  /* set a default "press down" effect for small buttons */
}

.pagy-nav .page.active:active,
  .pagy-nav-js .page.active:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active svg,
  .pagy-nav-js .page.active svg {
  display: inline-block;
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.pagy-nav .page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .page.active:disabled:not(.no-disabled-style):active,
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active:disabled:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .page.active:disabled:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .page.active:disabled,
  .pagy-nav-js .page.active:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active:disabled:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active:disabled:not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style):active,
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .page.active:disabled:hover,
  .pagy-nav-js .page.active:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active:disabled:hover:not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style):active,
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .page.active:disabled:active,
  .pagy-nav-js .page.active:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active:disabled:active:not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):active,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  background-color: var(--background-overlay);
  font-weight: 600;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pagy-nav .page.active:hover,
  .pagy-nav-js .page.active:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.pagy-nav .page.active,
  .pagy-nav-js .page.active {
  /* no inner shadow on any buttons! */
}

.buttons .pagy-nav .page.active,
  .buttons 
  .pagy-nav-js .page.active {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .pagy-nav .page.active:hover,
  .buttons 
  .pagy-nav-js .page.active:hover {
  text-decoration-line: none;
}

.buttons .pagy-nav .page.active:hover::before,
  .buttons 
  .pagy-nav-js .page.active:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .pagy-nav .page.active:focus-visible,
  .buttons 
  .pagy-nav-js .page.active:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .pagy-nav .page.active:where(.dark, .dark *),
  .buttons 
  .pagy-nav-js .page.active:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .pagy-nav .page.active,
  .buttons 
  .pagy-nav-js .page.active {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.buttons .pagy-nav .page.active:hover,
  .buttons 
  .pagy-nav-js .page.active:hover {
  color: var(--brand-primary-crisp);
}


  .buttons .pagy-nav .page.active,
  .buttons 
  .pagy-nav-js .page.active {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pagy-nav .page.active[disabled],
  .pagy-nav-js .page.active[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .page.active[disabled]:not(.no-disabled-style),
  .pagy-nav-js .page.active[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .page.active[disabled]:not(.no-disabled-style):hover,
  .pagy-nav-js .page.active[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .page.active[disabled]:not(.no-disabled-style):hover::before,
  .pagy-nav-js .page.active[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

form.button_to input[type='submit'].pagy-nav .page.active,form.button_to input[type='submit']
  .pagy-nav-js .page.active {
  background-color: var(--primary-800);
}

form.button_to input[type='submit'].pagy-nav .page.active:hover,form.button_to input[type='submit']
  .pagy-nav-js .page.active:hover {
  background-color: var(--primary-900);
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  cursor: pointer;
}

.pagy-nav .\!page.active:hover,
  .pagy-nav-js .\!page.active:hover {
  text-decoration-line: none;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.pagy-nav .\!page.active:where(.dark, .dark *),
  .pagy-nav-js .\!page.active:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.pagy-nav .\!page.active:focus-visible,
  .pagy-nav-js .\!page.active:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.pagy-nav .\!page.active:focus:focus-visible,
  .pagy-nav-js .\!page.active:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* set a default "press down" effect for small buttons */
}

.pagy-nav .\!page.active:active,
  .pagy-nav-js .\!page.active:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active svg,
  .pagy-nav-js .\!page.active svg {
  display: inline-block;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active:disabled,
  .pagy-nav-js .\!page.active:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active:disabled:hover,
  .pagy-nav-js .\!page.active:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active:disabled:active,
  .pagy-nav-js .\!page.active:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  background-color: var(--background-overlay);
  font-weight: 600;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pagy-nav .\!page.active:hover,
  .pagy-nav-js .\!page.active:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* no inner shadow on any buttons! */
}

.buttons .pagy-nav .\!page.active,
  .buttons 
  .pagy-nav-js .\!page.active {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .pagy-nav .\!page.active:hover,
  .buttons 
  .pagy-nav-js .\!page.active:hover {
  text-decoration-line: none;
}

.buttons .pagy-nav .\!page.active:hover::before,
  .buttons 
  .pagy-nav-js .\!page.active:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .pagy-nav .\!page.active:focus-visible,
  .buttons 
  .pagy-nav-js .\!page.active:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .pagy-nav .\!page.active:where(.dark, .dark *),
  .buttons 
  .pagy-nav-js .\!page.active:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .pagy-nav .\!page.active,
  .buttons 
  .pagy-nav-js .\!page.active {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.buttons .pagy-nav .\!page.active:hover,
  .buttons 
  .pagy-nav-js .\!page.active:hover {
  color: var(--brand-primary-crisp);
}


  .buttons .pagy-nav .\!page.active,
  .buttons 
  .pagy-nav-js .\!page.active {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pagy-nav .\!page.active[disabled],
  .pagy-nav-js .\!page.active[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active[disabled]:not(.no-disabled-style),
  .pagy-nav-js .\!page.active[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

form.button_to input[type='submit'].pagy-nav .\!page.active,form.button_to input[type='submit']
  .pagy-nav-js .\!page.active {
  background-color: var(--primary-800);
}

form.button_to input[type='submit'].pagy-nav .\!page.active:hover,form.button_to input[type='submit']
  .pagy-nav-js .\!page.active:hover {
  background-color: var(--primary-900);
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  cursor: pointer;
}

.pagy-nav .\!page.active:hover,
  .pagy-nav-js .\!page.active:hover {
  text-decoration-line: none;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.pagy-nav .\!page.active:where(.dark, .dark *),
  .pagy-nav-js .\!page.active:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.pagy-nav .\!page.active:focus-visible,
  .pagy-nav-js .\!page.active:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.pagy-nav .\!page.active:focus:focus-visible,
  .pagy-nav-js .\!page.active:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* set a default "press down" effect for small buttons */
}

.pagy-nav .\!page.active:active,
  .pagy-nav-js .\!page.active:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active svg,
  .pagy-nav-js .\!page.active svg {
  display: inline-block;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active:disabled,
  .pagy-nav-js .\!page.active:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active:disabled:hover,
  .pagy-nav-js .\!page.active:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:hover:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active:disabled:active,
  .pagy-nav-js .\!page.active:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active:disabled:active:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style),
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  background-color: var(--background-overlay);
  font-weight: 600;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pagy-nav .\!page.active:hover,
  .pagy-nav-js .\!page.active:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.pagy-nav .\!page.active,
  .pagy-nav-js .\!page.active {
  /* no inner shadow on any buttons! */
}

.buttons .pagy-nav .\!page.active,
  .buttons 
  .pagy-nav-js .\!page.active {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .pagy-nav .\!page.active:hover,
  .buttons 
  .pagy-nav-js .\!page.active:hover {
  text-decoration-line: none;
}

.buttons .pagy-nav .\!page.active:hover::before,
  .buttons 
  .pagy-nav-js .\!page.active:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .pagy-nav .\!page.active:focus-visible,
  .buttons 
  .pagy-nav-js .\!page.active:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .pagy-nav .\!page.active:where(.dark, .dark *),
  .buttons 
  .pagy-nav-js .\!page.active:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .pagy-nav .\!page.active,
  .buttons 
  .pagy-nav-js .\!page.active {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.buttons .pagy-nav .\!page.active:hover,
  .buttons 
  .pagy-nav-js .\!page.active:hover {
  color: var(--brand-primary-crisp);
}


  .buttons .pagy-nav .\!page.active,
  .buttons 
  .pagy-nav-js .\!page.active {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.pagy-nav .\!page.active[disabled],
  .pagy-nav-js .\!page.active[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.pagy-nav .\!page.active[disabled]:not(.no-disabled-style),
  .pagy-nav-js .\!page.active[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover,
  .pagy-nav-js .\!page.active[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.pagy-nav .\!page.active[disabled]:not(.no-disabled-style):hover::before,
  .pagy-nav-js .\!page.active[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

form.button_to input[type='submit'].pagy-nav .\!page.active,form.button_to input[type='submit']
  .pagy-nav-js .\!page.active {
  background-color: var(--primary-800);
}

form.button_to input[type='submit'].pagy-nav .\!page.active:hover,form.button_to input[type='submit']
  .pagy-nav-js .\!page.active:hover {
  background-color: var(--primary-900);
}

/* Fix Safari issue related to <summary> / <details> arrow */

details > summary.list-none::-webkit-details-marker,
  details > summary.list-none::marker {
  display: none;
}

.field-border-disabled,
    .field-border-disabled:hover,
    .field-border-disabled:focus {
  --border-color: #DCD8DA;
}

.field-border-base {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.field-border-base,
    .field-border-base:hover,
    .field-border-base:focus,
    .field-border-base:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

/* can't @apply field-border-disabled, but it would be cool, so copying its contents */

.field-border-base:disabled,
      .field-border-base:disabled:hover,
      .field-border-base:disabled:focus,
      .field-border-base:disabled:focus-within {
  --border-color: #DCD8DA;
}

.field-border {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.field-border, .field-border:hover, .field-border:focus, .field-border:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.field-border:disabled, .field-border:disabled:hover, .field-border:disabled:focus, .field-border:disabled:focus-within {
  --border-color: #DCD8DA;
}

.field-border:hover,
    .field-border:focus,
    .field-border:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.field-border:focus,
    .field-border:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.field-no-border {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.field-no-border, .field-no-border:hover, .field-no-border:focus, .field-no-border:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.field-no-border:disabled, .field-no-border:disabled:hover, .field-no-border:disabled:focus, .field-no-border:disabled:focus-within {
  --border-color: #DCD8DA;
}

.field-no-border:hover,.field-no-border:focus,.field-no-border:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.field-no-border:focus,.field-no-border:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.field-no-border {
  border-radius: 0.5rem;
  --border-width: 0;
  --border-color: transparent;
}

.field-no-border:focus {
  --border-width: 1px;
}

.text-input-base {
  display: block;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .text-input-base {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.text-input-base {
  /* default to 16px on mobile to prevent zooming */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.text-input-base::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.text-input-base::placeholder {
  color: rgb(11 5 29 / .32);
}

.text-input-base:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.text-input-base:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .32);
}

.text-input-base:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .32);
}

.text-input-disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.text-input-disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

/*
    Not applied to super_select, so you'll need to adjust super_select.css separately
  */

.text-input {
  display: block;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .text-input {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.text-input {
  /* default to 16px on mobile to prevent zooming */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.text-input::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.text-input::placeholder {
  color: rgb(11 5 29 / .32);
}

.text-input:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.text-input:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .32);
}

.text-input:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .32);
}

.text-input {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.text-input, .text-input:hover, .text-input:focus, .text-input:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.text-input:disabled, .text-input:disabled:hover, .text-input:disabled:focus, .text-input:disabled:focus-within {
  --border-color: #DCD8DA;
}

.text-input:hover,.text-input:focus,.text-input:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.text-input:focus,.text-input:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.text-input {
  border-radius: 0.5rem;
}

.text-input:disabled,
    .text-input.disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.text-input:disabled:where(.dark, .dark *),
    .text-input.disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.text-input-label {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 500;
  color: rgb(11 5 29 / .64);
}

.text-input-label:where(.dark, .dark *) {
  color: rgb(248 245 244 / .79);
}

.text-input-no-border {
  display: block;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .text-input-no-border {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.text-input-no-border {
  /* default to 16px on mobile to prevent zooming */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.text-input-no-border::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.text-input-no-border::placeholder {
  color: rgb(11 5 29 / .32);
}

.text-input-no-border:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.text-input-no-border:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .32);
}

.text-input-no-border:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .32);
}

.text-input-no-border {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.text-input-no-border, .text-input-no-border:hover, .text-input-no-border:focus, .text-input-no-border:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.text-input-no-border:disabled, .text-input-no-border:disabled:hover, .text-input-no-border:disabled:focus, .text-input-no-border:disabled:focus-within {
  --border-color: #DCD8DA;
}

.text-input-no-border:hover,.text-input-no-border:focus,.text-input-no-border:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.text-input-no-border:focus,.text-input-no-border:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.text-input-no-border {
  border-radius: 0.5rem;
  --border-width: 0;
  --border-color: transparent;
}

.text-input-no-border:focus {
  --border-width: 1px;
  z-index: 50;
}

/* allow ring to be on top of any dividers */

.text-input-no-border:disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.text-input-no-border:disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.field-border-for-error,
    .field-border-for-error:hover,
    .field-border-for-error:focus {
  --border-color: #e83b47;
  --ring-color: #fde3e5;
}

[type='checkbox']:checked {
  background-size: 10px 10px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m1.875 4.912 1.667 2.276 4.583-4.375"/></svg>');
}

[type='checkbox'].check-white:checked {
  background-size: 10px 10px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none"><path stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m1.875 4.912 1.667 2.276 4.583-4.375"/></svg>');
}

[type='checkbox']:indeterminate {
  background-size: 10px 10px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-width="1.5" d="M1.563 5h6.875"/></svg>');
}

[type='checkbox']:disabled, [type='radio']:disabled {
  background-color: rgb(11 5 29 / .12);
  opacity: 0.5;
}

.large-button-hover {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
      0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
      0px 4px 6px 0px rgba(0, 0, 0, 0.02);
  border-width: 1px;
  border-color: var(--content-border-dark);
  background-color: var(--grayscale-1);
  /* background: linear-gradient(
      90deg,
      theme(colors.seafoam.100) 0%,
      theme(colors.offWhite / 0%) 110.35%
    );
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); */
}

.large-button-hover-border-gradient {
  content: '';
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
      0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
      0px 4px 6px 0px rgba(0, 0, 0, 0.02);
  border-width: 1px;
  border-color: var(--content-border-dark);
  background-color: var(--grayscale-1);
  inset: -1px;
  z-index: 0;
  /* background: linear-gradient(
      105deg,
      theme(colors.seafoam.200 / 0%) 10%,
      white 40%,
      white 50%,
      theme(colors.seafoam.100) 90%
    ); */
}

/*
    Uses a mask to punch out an overlay that has a background gradient set via Tailwind's bg-gradient-to-*
    e.g.: relative z-0 after:border-gradient after:bg-gradient-to-b after:from-white after:to-white/40
  */

.border-gradient {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  z-index: -1;
  mask: linear-gradient(black, black) content-box,
      linear-gradient(black, black);
  -webkit-mask: linear-gradient(black, black) content-box,
      linear-gradient(black, black);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: var(--border-gradient-width, 1px);
  /* Thickness of the border */
  box-sizing: border-box;
}

.wavy-border {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="5" viewBox="0 0 51 5" fill="none"><path d="M33.945 4.94886H33.9929C38.242 4.94886 38.242 0.948863 42.4911 0.948863C46.7402 0.948863 46.7402 4.94886 50.9893 4.94886V0C46.7402 0 4.24911 0 0 0V4.94886C4.24911 4.94886 4.2491 0.948863 8.49821 0.948863C12.7304 0.948863 12.7473 4.91786 16.9466 4.94886H16.9965C21.2456 4.94886 21.2456 0.948863 25.4947 0.948863C27.5534 0.948863 28.6147 1.88786 29.644 2.85586L29.8435 3.04286C30.8649 4.00286 31.9182 4.93486 33.945 4.94886Z" fill="%230B051D" fill-opacity="0.04"/></svg>');
  background-repeat: repeat-x;
  background-size: 51px 5px;
  background-position: center;
}

svg.stroke-width-1\.5 path,
    svg.stroke-width-1\.5 circle,
    svg.stroke-width-1\.5 rect {
  stroke-width: var(--icon-stroke-width, 1.5);
}

svg.\!stroke-width-2 path,
    svg.\!stroke-width-2 circle,
    svg.\!stroke-width-2 rect {
  stroke-width: var(--icon-stroke-width, 2) !important;
}

svg.stroke-width-2 path,
    svg.stroke-width-2 circle,
    svg.stroke-width-2 rect {
  stroke-width: var(--icon-stroke-width, 2);
}

svg.\!stroke-width-2 path,
    svg.\!stroke-width-2 circle,
    svg.\!stroke-width-2 rect {
  stroke-width: var(--icon-stroke-width, 2) !important;
}

svg.stroke-width-2\.5 path,
    svg.stroke-width-2\.5 circle,
    svg.stroke-width-2\.5 rect {
  stroke-width: var(--icon-stroke-width, 2.5);
}

svg.stroke-width-3 path,
    svg.stroke-width-3 circle,
    svg.stroke-width-3 rect {
  stroke-width: var(--icon-stroke-width, 3);
}

svg.icon-size-10 {
  height: 2.5rem;
  width: 2.5rem;
}

svg.icon-size-10 path,
    svg.icon-size-10 circle,
    svg.icon-size-10 rect {
  stroke-width: var(--icon-stroke-width, 1.3);
}

svg.icon-size-8 {
  height: 2rem;
  width: 2rem;
}

svg.icon-size-8 path,
    svg.icon-size-8 circle,
    svg.icon-size-8 rect {
  stroke-width: var(--icon-stroke-width, 1.3);
}

svg.icon-size-7 {
  height: 1.75rem;
  width: 1.75rem;
}

svg.icon-size-7 path,
    svg.icon-size-7 circle,
    svg.icon-size-7 rect {
  stroke-width: var(--icon-stroke-width, 1.4);
}

svg.icon-size-6 {
  height: 1.5rem;
  width: 1.5rem;
}

svg.icon-size-6 path,
    svg.icon-size-6 circle,
    svg.icon-size-6 rect {
  stroke-width: var(--icon-stroke-width, 1.5);
}

svg.icon-size-5 {
  height: 1.25rem;
  width: 1.25rem;
}

svg.icon-size-5 path,
    svg.icon-size-5 circle,
    svg.icon-size-5 rect {
  stroke-width: var(--icon-stroke-width, 1.8);
}

svg.icon-size-4 {
  height: 1rem;
  width: 1rem;
}

svg.icon-size-4 path,
    svg.icon-size-4 circle,
    svg.icon-size-4 rect {
  stroke-width: var(--icon-stroke-width, 2.15);
}

svg.icon-size-3\.5 {
  height: 0.875rem;
  width: 0.875rem;
}

svg.icon-size-3\.5 path,
    svg.icon-size-3\.5 circle,
    svg.icon-size-3\.5 rect {
  stroke-width: var(--icon-stroke-width, 2.5);
}

svg.icon-size-3 {
  height: 0.75rem;
  width: 0.75rem;
}

svg.icon-size-3 path,
    svg.icon-size-3 circle,
    svg.icon-size-3 rect {
  stroke-width: var(--icon-stroke-width, 2.15);
}

svg.icon-size-2\.5 {
  height: 0.625rem;
  width: 0.625rem;
}

svg.icon-size-2\.5 path,
    svg.icon-size-2\.5 circle,
    svg.icon-size-2\.5 rect {
  stroke-width: var(--icon-stroke-width, 2);
}

svg.icon-size-2 {
  height: 0.5rem;
  width: 0.5rem;
}

svg.icon-size-2 path,
    svg.icon-size-2 circle,
    svg.icon-size-2 rect {
  stroke-width: var(--icon-stroke-width, 1.75);
}

.rotate-y-0 {
  transform: rotateY(0deg);
}

.rotate-y-90 {
  transform: rotateY(90deg);
}

.\!button {
  background-color: var(--background-overlay);
  font-weight: 600;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!button:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.button {
  background-color: var(--background-overlay);
  font-weight: 600;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.button:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.\!button {
  /* no inner shadow on any buttons! */
}

.button {
  /* no inner shadow on any buttons! */
}

/* Base button styles with states (including medium size by default) */

.btn-internal-layout {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.btn-base {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.btn-base:hover {
  text-decoration-line: none;
}

.btn-base:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.btn-base:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.btn-base:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

/* input buttons cant use :before or :after so we need to use opacity */

input[type='submit']:hover {
  cursor: pointer;
  opacity: 0.75;
}

/* Button variants */

.button-primary {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-primary:hover {
  text-decoration-line: none;
}

.button-primary:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-primary:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-primary:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-primary {
  background-color: var(--brand-secondary-moola);
  color: var(--brand-primary-crisp);
}

.button-primary:hover {
  color: var(--brand-primary-crisp);
}

.button-primary-dark {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-primary-dark:hover {
  text-decoration-line: none;
}

.button-primary-dark:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-primary-dark:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-primary-dark:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-primary-dark {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.message .button-primary-dark .markdown-content a {
  word-break: break-all !important;
  color: var(--background-base) !important;
  text-decoration-line: underline !important;
}

.button-primary-dark:hover {
  color: var(--brand-primary-crisp);
}

.button-secondary {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-secondary:hover {
  text-decoration-line: none;
}

.button-secondary:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-secondary:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-secondary:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-secondary {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.button-secondary:hover {
  color: var(--content-primary);
}

.button-primary dotlottie-wc, .button-primary-dark dotlottie-wc, .wizard-button--next dotlottie-wc {
  filter: invert(1);
  /* for spinner animation */
}

.button-primary[disabled]:not(.no-disabled-style) dotlottie-wc, .button-primary-dark[disabled]:not(.no-disabled-style) dotlottie-wc, .wizard-button--next[disabled]:not(.no-disabled-style) dotlottie-wc {
  filter: invert(0);
  /* for spinner animation */
}

.button-primary .dotlottie-wrapper, .button-primary-dark .dotlottie-wrapper, .button-secondary .dotlottie-wrapper, .button-tertiary .dotlottie-wrapper, .wizard-button--next .dotlottie-wrapper, .button-icon-circle.button-large .dotlottie-wrapper, .button-icon.button-large .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.\!button-small .dotlottie-wrapper {
  width: 0.875rem;
  height: 0.875rem;
}

.button-small .dotlottie-wrapper, .button-icon .dotlottie-wrapper, .button-icon-circle .dotlottie-wrapper {
  width: 0.875rem;
  height: 0.875rem;
}

.button-tertiary {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-tertiary:hover {
  text-decoration-line: none;
}

.button-tertiary:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-tertiary:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-tertiary:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-tertiary {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.button-tertiary:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.button-tertiary:where(.dark, .dark *) {
  background-color: transparent !important;
}

.box-footer .button-secondary,
  .box-actions .button-secondary,
  .buttons .button {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.box-footer .button-secondary:hover,
  .box-actions .button-secondary:hover,
  .buttons .button:hover {
  text-decoration-line: none;
}

.box-footer .button-secondary:hover::before,
  .box-actions .button-secondary:hover::before,
  .buttons .button:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.box-footer .button-secondary:focus-visible,
  .box-actions .button-secondary:focus-visible,
  .buttons .button:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.box-footer .button-secondary:where(.dark, .dark *),
  .box-actions .button-secondary:where(.dark, .dark *),
  .buttons .button:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.box-footer .button-secondary,
  .box-actions .button-secondary,
  .buttons .button {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.box-footer .button-secondary:hover,
  .box-actions .button-secondary:hover,
  .buttons .button:hover {
  color: var(--brand-primary-crisp);
}

.buttons .\!button {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .\!button:hover {
  text-decoration-line: none;
}

.buttons .\!button:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .\!button:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .\!button:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .\!button {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.buttons .\!button:hover {
  color: var(--brand-primary-crisp);
}

.box-footer .button-secondary,
  .box-actions .button-secondary,
  .buttons .button {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}


  .buttons .\!button {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.box-actions .bulk-actions-selectable-toggle {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.box-actions .bulk-actions-selectable-toggle:hover {
  text-decoration-line: none;
}

.box-actions .bulk-actions-selectable-toggle:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.box-actions .bulk-actions-selectable-toggle:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.box-actions .bulk-actions-selectable-toggle:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.box-actions .bulk-actions-selectable-toggle {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.box-actions .bulk-actions-selectable-toggle:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.box-actions .bulk-actions-selectable-toggle:where(.dark, .dark *) {
  background-color: transparent !important;
}

.buttons .button-secondary {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .button-secondary:hover {
  text-decoration-line: none;
}

.buttons .button-secondary:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .button-secondary:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .button-secondary:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .button-secondary {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.buttons .button-secondary:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.buttons .button-secondary:where(.dark, .dark *) {
  background-color: transparent !important;
}

.button-disabled,
  .button[disabled],
  .button-primary[disabled],
  .button-secondary[disabled],
  .button-tertiary[disabled],
  .button-primary-dark[disabled],
  .button-danger[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}


  .\!button[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-disabled:not(.no-disabled-style), .button[disabled]:not(.no-disabled-style), .button-primary[disabled]:not(.no-disabled-style), .button-secondary[disabled]:not(.no-disabled-style), .button-tertiary[disabled]:not(.no-disabled-style), .button-primary-dark[disabled]:not(.no-disabled-style), .button-danger[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-disabled:not(.no-disabled-style):hover, .button[disabled]:not(.no-disabled-style):hover, .button-primary[disabled]:not(.no-disabled-style):hover, .button-secondary[disabled]:not(.no-disabled-style):hover, .button-tertiary[disabled]:not(.no-disabled-style):hover, .button-primary-dark[disabled]:not(.no-disabled-style):hover, .button-danger[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-disabled:not(.no-disabled-style):hover::before, .button[disabled]:not(.no-disabled-style):hover::before, .button-primary[disabled]:not(.no-disabled-style):hover::before, .button-secondary[disabled]:not(.no-disabled-style):hover::before, .button-tertiary[disabled]:not(.no-disabled-style):hover::before, .button-primary-dark[disabled]:not(.no-disabled-style):hover::before, .button-danger[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

 .\!button[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

 .\!button[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

 .\!button[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-danger {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-danger:hover {
  text-decoration-line: none;
}

.button-danger:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-danger:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-danger:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(149 31 39 / var(--tw-bg-opacity, 1));
  color: var(--brand-primary-crisp);
}

.button-danger:hover {
  color: var(--brand-primary-crisp);
}

.button-icon {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-icon:hover {
  text-decoration-line: none;
}

.button-icon:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-icon:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-icon:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-icon {
  aspect-ratio: 1 / 1;
  height: 32px;
  width: 32px;
  background-color: var(--background-overlay);
  padding: 0px !important;
  color: var(--content-secondary);
}

.button-icon:hover {
  color: var(--content-primary);
}

/* Circle variant */

.button-icon-circle {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-icon-circle:hover {
  text-decoration-line: none;
}

.button-icon-circle:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-icon-circle:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-icon-circle:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-icon-circle {
  aspect-ratio: 1 / 1;
  height: 32px;
  width: 32px;
  background-color: var(--background-overlay);
  padding: 0px !important;
  color: var(--content-secondary);
}

.button-icon-circle:hover {
  color: var(--content-primary);
}

.button-icon-circle.button-large {
  height: 44px;
  width: 44px;
}

.button-icon-circle.wizard-button--next {
  height: 44px;
  width: 44px;
}

.button-icon-circle.wizard-button--previous {
  height: 44px;
  width: 44px;
}

.button-icon-circle {
  aspect-ratio: 1 / 1;
  border-radius: 9999px !important;
}

.button-icon.button-large,
  .button-icon-circle.button-large {
  height: 44px;
  width: 44px;
}

/* Size variants - medium is the default */

.button-large {
  height: 3rem;
  border-radius: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.\!button-small {
  height: 2rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.button-small {
  height: 2rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.button-circular {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-circular:hover {
  text-decoration-line: none;
}

.button-circular:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-circular:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-circular:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-circular {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0px !important;
}

.button-integration .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.button-integration {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.button-integration:hover {
  text-decoration-line: none;
}

.button-integration:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.button-integration:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.button-integration:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.button-integration {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.button-integration:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.button-integration:where(.dark, .dark *) {
  background-color: transparent !important;
}

.button-integration[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.button-integration[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.button-integration[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.button-integration[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-integration {
  z-index: 0;
  width: 100%;
  border-radius: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Wizard buttons for offers and profile wizards. BEM style */

.wizard-button {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 0em;
  text-decoration-color: var(--content-secondary);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.wizard-button--large {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 0em;
  text-decoration-color: var(--content-secondary);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--interactive-control);
}


    .button-link.wizard-button--next {
  padding: 0;
  border-radius: 2px;
}

.wizard-button--next {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.wizard-button--next:hover {
  text-decoration-line: none;
}

.wizard-button--next:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.wizard-button--next:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.wizard-button--next:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.wizard-button--next {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.message .wizard-button--next .markdown-content a {
  word-break: break-all !important;
  color: var(--background-base) !important;
  text-decoration-line: underline !important;
}

.wizard-button--next:hover {
  color: var(--brand-primary-crisp);
}

.wizard-button--next dotlottie-wc {
  filter: invert(1);
  /* for spinner animation */
}

.wizard-button--next[disabled]:not(.no-disabled-style) dotlottie-wc {
  filter: invert(0);
  /* for spinner animation */
}

.wizard-button--next .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

 .button-icon-circle.wizard-button--next .dotlottie-wrapper, .button-icon.wizard-button--next .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.wizard-button--next[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--next[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--next[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--next[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-icon.wizard-button--next,
  .button-icon-circle.wizard-button--next {
  height: 44px;
  width: 44px;
}

.wizard-button--next {
  height: 3rem;
  border-radius: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}


    .button-link.wizard-button--previous {
  padding: 0;
  border-radius: 2px;
}

.wizard-button--previous {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.wizard-button--previous:hover {
  text-decoration-line: none;
}

.wizard-button--previous:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.wizard-button--previous:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.wizard-button--previous:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.wizard-button--previous {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.wizard-button--previous:hover {
  color: var(--content-primary);
}

.wizard-button--previous .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

 .button-icon-circle.wizard-button--previous .dotlottie-wrapper, .button-icon.wizard-button--previous .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.box-footer .wizard-button--previous,
  .box-actions .wizard-button--previous {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.box-footer .wizard-button--previous:hover,
  .box-actions .wizard-button--previous:hover {
  text-decoration-line: none;
}

.box-footer .wizard-button--previous:hover::before,
  .box-actions .wizard-button--previous:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.box-footer .wizard-button--previous:focus-visible,
  .box-actions .wizard-button--previous:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.box-footer .wizard-button--previous:where(.dark, .dark *),
  .box-actions .wizard-button--previous:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.box-footer .wizard-button--previous,
  .box-actions .wizard-button--previous {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.box-footer .wizard-button--previous:hover,
  .box-actions .wizard-button--previous:hover {
  color: var(--brand-primary-crisp);
}

.box-footer .wizard-button--previous,
  .box-actions .wizard-button--previous {
  @extend .button-primary-dark;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.buttons .wizard-button--previous {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .wizard-button--previous:hover {
  text-decoration-line: none;
}

.buttons .wizard-button--previous:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .wizard-button--previous:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .wizard-button--previous:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .wizard-button--previous {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.buttons .wizard-button--previous:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.buttons .wizard-button--previous:where(.dark, .dark *) {
  background-color: transparent !important;
}

.wizard-button--previous[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--previous[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--previous[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--previous[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.button-icon.wizard-button--previous,
  .button-icon-circle.wizard-button--previous {
  height: 44px;
  width: 44px;
}

.wizard-button--previous {
  height: 3rem;
  border-radius: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-style: none;
  background-color: var(--background-overlay);
}

.wizard-button--skip {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 0em;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--interactive-control);
  color: var(--content-secondary);
  text-decoration-color: var(--content-secondary);
}

.wizard-button--skip:hover {
  color: var(--content-secondary);
  text-decoration-line: underline;
}

.wizard-button--save-and-exit {
  cursor: pointer;
}

.wizard-button--save-and-exit:hover {
  text-decoration-line: none;
}

.wizard-button--save-and-exit {
  /* for styled links */
  --button-bg-color: transparent;
  /* replaced below, used in compound backgrounds using linear-gradient */
  background: var(--button-bg-color);
  /* medium button defaults */
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 0.625rem;
  /* 10px */
  /* prepare defaults for focus ring */
  --tw-ring-color: transparent;
  --tw-ring-color-light: rgb(11 5 29 / 40%);
  --tw-ring-color-dark: rgb(248 245 244 / 40%);
  --tw-ring-color: var(--tw-ring-color-light);
}

.wizard-button--save-and-exit:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.wizard-button--save-and-exit {
  /* unless :focus, hide the ring by zero-ing out the widths */
  --tw-ring-width: 0px;
  --tw-ring-offset-width: 0px;
}

.wizard-button--save-and-exit:focus-visible {
  --tw-ring-offset-width: 2px;
  --tw-ring-width: 2px;
}

.wizard-button--save-and-exit:focus:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: var(--content-border-dark);
}

.wizard-button--save-and-exit {
  /* set a default "press down" effect for small buttons */
}

.wizard-button--save-and-exit:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit svg {
  display: inline-block;
}

.wizard-button--save-and-exit {
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color, background-image color, box-shadow,
      opacity, filter, transform;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.01), 0px 3px 2px rgba(0, 0, 0, 0.04),
      0px 1px 1px rgba(0, 0, 0, 0.07), 0px 1px 1px rgba(0, 0, 0, 0.08),
      inset 0px -1px 1px rgba(255, 255, 255, 0.2),
      inset 0px 6px 12px rgba(255, 255, 255, 0.2);
  --blend-mode-normal: normal;
  --blend-mode-soft-light-normal: soft-light, normal;
  --blend-mode-multiply-normal: multiply, normal;
  --blend-mode: var(--blend-mode-normal);
  background-blend-mode: var(--blend-mode);
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style) {
  background-image: none;
}

.wizard-button--save-and-exit:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.wizard-button--save-and-exit:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style) {
  background-image: none;
}

.wizard-button--save-and-exit:disabled:active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit:disabled:active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style):where(.dark, .dark *):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);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-image: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):where(.dark, .dark *):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);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-image: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style):where(.dark, .dark *):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);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-image: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active {
  cursor: not-allowed;
  text-decoration-line: none;
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.wizard-button--save-and-exit.disabled:not(.no-disabled-style):active:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.wizard-button--save-and-exit {
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: var(--background-base);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / 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);
}

.wizard-button--save-and-exit:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.wizard-button--save-and-exit {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  letter-spacing: 0em;
  color: var(--content-primary);
}

.wizard-button--save-and-exit:hover {
  background-color: var(--background-elevated);
}

.wizard-button--save-and-exit:active {
  background-color: var(--background-elevated);
}

.button-loader {
  position: relative;
  padding-right: 48px;
  text-indent: -999999px;
  min-width: 112px;
}

.button-loader::after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 32px 0 #fff, -32px 0 #fff;
  position: absolute;
  top: 50%;
  right: 48px;
  transform: translateY(-50%);
  animation: flash 0.5s ease-out infinite alternate;
}

.bulk-action-unavailable {
  display: none !important;
}

.bulk-actions-selectable-item-checkbox-wrapper {
  display: none;
}

.bulk-actions .bulk-actions-checkbox-cell {
  width: 1rem;
  padding-right: 0px;
}

.bulk-actions:not(.selectable-available) .bulk-actions-selectable-toggle {
  display: none;
}

.bulk-actions:not(.selectable) td:nth-child(2),.bulk-actions:not(.selectable) th:nth-child(2) {
  padding-left: 1.25rem;
}

.bulk-actions:not(.selectable) .box-table td:nth-child(2),.bulk-actions:not(.selectable) th:nth-child(2) {
  padding-left: 2rem;
}

.bulk-actions.selectable-available:not(.selectable) .bulk-action {
  display: none;
}

.bulk-actions.selectable-available:not(.selectable) .bulk-actions-checkbox-cell {
  display: none;
}

.bulk-actions.selectable .bulk-action-single {
  display: none;
}

.rounded-dialog {
  border-radius: 1.75rem;
}

@media (min-width: 1024px) {
  .rounded-dialog {
    border-radius: 0.75rem;
  }
}

/* match the rounded-dialog */

.rounded-dialog-button {
  border-radius: 10px;
}

@media not all and (min-width: 1024px) {
  .rounded-dialog-button {
    border-radius: 0.75rem;
  }
}

.dialog-button {
  border-radius: 10px;
}

@media not all and (min-width: 1024px) {
  .dialog-button {
    border-radius: 0.75rem;
  }

  .dialog-button
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .dialog-button .button-icon-circle .dotlottie-wrapper,.dialog-button .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .dialog-button
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .dialog-button .button-icon-circle .dotlottie-wrapper,.dialog-button .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .dialog-button
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .dialog-button .button-icon-circle .dotlottie-wrapper,.dialog-button .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .dialog-button.button-icon,.dialog-button
  .button-icon-circle {
    height: 44px;
    width: 44px;
  }

  .dialog-button
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .dialog-button .button-icon-circle .dotlottie-wrapper,.dialog-button .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .dialog-button.button-icon,.dialog-button
  .button-icon-circle {
    height: 44px;
    width: 44px;
  }

  .dialog-button
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .dialog-button .button-icon-circle .dotlottie-wrapper,.dialog-button .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .dialog-button.button-icon,.dialog-button
  .button-icon-circle {
    height: 44px;
    width: 44px;
  }

  .dialog-button {
    height: 3rem;
    border-radius: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

.dialog-bottom-sheet {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 100% !important;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
}

.dialog-full-sheet {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: auto;
  margin-bottom: 0px;
  width: 100%;
  max-width: 100% !important;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
  height: calc(100dvh - 8px);
  max-height: none;
}

.date-input .single-daterange {
  display: block;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .date-input .single-daterange {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.date-input .single-daterange {
  /* default to 16px on mobile to prevent zooming */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.date-input .single-daterange::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.date-input .single-daterange::placeholder {
  color: rgb(11 5 29 / .32);
}

.date-input .single-daterange:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.date-input .single-daterange:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .32);
}

.date-input .single-daterange:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .32);
}

.date-input .single-daterange {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.date-input .single-daterange, .date-input .single-daterange:hover, .date-input .single-daterange:focus, .date-input .single-daterange:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.date-input .single-daterange:disabled, .date-input .single-daterange:disabled:hover, .date-input .single-daterange:disabled:focus, .date-input .single-daterange:disabled:focus-within {
  --border-color: #DCD8DA;
}

.date-input .single-daterange:hover,.date-input .single-daterange:focus,.date-input .single-daterange:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.date-input .single-daterange:focus,.date-input .single-daterange:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.date-input .single-daterange {
  border-radius: 0.5rem;
}

.date-input .single-daterange:disabled,.date-input .single-daterange.disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.date-input .single-daterange:disabled:where(.dark, .dark *),.date-input .single-daterange.disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.date-input .single-daterange:disabled,.date-input .single-daterange.disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.date-input .single-daterange:disabled:where(.dark, .dark *),.date-input .single-daterange.disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.daterangepicker .hourselect, .daterangepicker .minuteselect, .daterangepicker .ampmselect {
  border-radius: 0.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.daterangepicker .hourselect, .daterangepicker .minuteselect, .daterangepicker .ampmselect {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.daterangepicker .hourselect, .daterangepicker .minuteselect, .daterangepicker .ampmselect, .daterangepicker .hourselect:hover, .daterangepicker .minuteselect:hover, .daterangepicker .ampmselect:hover, .daterangepicker .hourselect:focus, .daterangepicker .minuteselect:focus, .daterangepicker .ampmselect:focus, .daterangepicker .hourselect:focus-within, .daterangepicker .minuteselect:focus-within, .daterangepicker .ampmselect:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.daterangepicker .hourselect:disabled, .daterangepicker .minuteselect:disabled, .daterangepicker .ampmselect:disabled, .daterangepicker .hourselect:disabled:hover, .daterangepicker .minuteselect:disabled:hover, .daterangepicker .ampmselect:disabled:hover, .daterangepicker .hourselect:disabled:focus, .daterangepicker .minuteselect:disabled:focus, .daterangepicker .ampmselect:disabled:focus, .daterangepicker .hourselect:disabled:focus-within, .daterangepicker .minuteselect:disabled:focus-within, .daterangepicker .ampmselect:disabled:focus-within {
  --border-color: #DCD8DA;
}

.daterangepicker .hourselect:hover, .daterangepicker .minuteselect:hover, .daterangepicker .ampmselect:hover, .daterangepicker .hourselect:focus, .daterangepicker .minuteselect:focus, .daterangepicker .ampmselect:focus, .daterangepicker .hourselect:focus-within, .daterangepicker .minuteselect:focus-within, .daterangepicker .ampmselect:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.daterangepicker .hourselect:focus, .daterangepicker .minuteselect:focus, .daterangepicker .ampmselect:focus, .daterangepicker .hourselect:focus-within, .daterangepicker .minuteselect:focus-within, .daterangepicker .ampmselect:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.daterangepicker .hourselect, .daterangepicker .minuteselect, .daterangepicker .ampmselect {
  --ring-width: 3px;
  -moz-text-align-last: center;
       text-align-last: center;
}

.daterangepicker .calendar-table .active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(33 168 117 / var(--tw-bg-opacity, 1)) !important;
}

.select2-container {
  width: 100%;
}

.select2-border {
  outline: 0 !important;
  --border-color: rgb(11 5 29 / 36%) !important;
  --ring-color: rgb(11 5 29 / 16%) !important;
  border-style: none !important;
}

.no-edges .select2-border {
  border-style: none !important;
  border-radius: 0.5rem !important;
}

.select2-selection--single {
  height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  line-height: inherit;
  min-height: 2.5rem;
}

@media (min-width: 768px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    min-height: 2.25rem;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  /* py-2, text-base md:text-sm => line-height: 1.5rem md:1.25rem */
}

.select2-selection--single,
  .select2-selection--multiple {
  border-radius: 0.5rem !important;
  padding-top: 0px !important;
}

.no-edges .select2-selection--single, .no-edges .select2-selection--multiple {
  --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);
  border-radius: inherit !important;
}

.select2-selection--single.focus-visible, .select2-selection--multiple.focus-visible {
  outline: 0 !important;
  --border-color: rgb(11 5 29 / 36%) !important;
  --ring-color: rgb(11 5 29 / 16%) !important;
  border-style: none !important;
}

.select2-selection--single:focus, .select2-selection--multiple:focus {
  outline: 0 !important;
}

.select2-selection--single .select2-selection__rendered, .select2-selection--multiple .select2-selection__rendered {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

.select2-selection--single .select2-selection__rendered {
  padding-left: 0.875rem !important;
  padding-right: 2rem !important;
}

.select2-selection--multiple .select2-selection__rendered {
  padding-left: 0.875rem !important;
  padding-right: 0.25rem !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.5rem !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
  width: 30px;
  bottom: 0px;
  top: 0px;
  right: 0px;
  height: auto;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow b {
  display: block;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0.875rem;
  transform: translateY(-50%);
  border: none;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 20 20'><path stroke='%230B051D' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0;
}

.select2-container--default
    .select2-selection--multiple
    ul.select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-bottom: 0.25rem;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
  position: relative;
  border: none;
  font-size: inherit;
  float: none;
  padding-right: 0.375rem;
  line-height: 24px;
}

@media (min-width: 768px) {
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    line-height: 20px;
  }
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
  /* adjusts the height */
  margin-top: 0.25rem;
  margin-right: 0.25rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border-radius: 0.25rem;
  background-color: var(--background-neutral) !important;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  font-weight: 600;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 0.5rem;
  font-size: 26px;
  font-weight: normal;
}

.select2-container--open .select2-selection--single,
    .select2-container--open .select2-selection--multiple,
    .select2-container--focus:not(.select2-container--disabled) .select2-selection--single,
    .select2-container--focus:not(.select2-container--disabled) .select2-selection--multiple {
  outline: 0 !important;
  --border-color: rgb(11 5 29 / 36%) !important;
  --ring-color: rgb(11 5 29 / 16%) !important;
  border-style: none !important;
}

.no-edges .select2-container--open .select2-selection--single,
      .no-edges .select2-container--open .select2-selection--multiple,
      .no-edges .select2-container--focus .select2-selection--single,
      .no-edges .select2-container--focus .select2-selection--multiple {
  border: none !important;
  border-radius: 0.5rem !important;
}

.select2-container--disabled .select2-selection--single,
    .select2-container--disabled .select2-selection--multiple {
  background-color: rgb(11 5 29 / .04) !important;
  color: rgb(11 5 29 / .32) !important;
}

.select2-container--disabled .select2-selection--single:where(.dark, .dark *),
    .select2-container--disabled .select2-selection--multiple:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04) !important;
  color: rgb(248 245 244 / .32) !important;
}

.select2-container--disabled .select2-selection--single,
    .select2-container--disabled .select2-selection--multiple,
    .select2-container--disabled .select2-selection--single:hover,
    .select2-container--disabled .select2-selection--multiple:hover,
    .select2-container--disabled .select2-selection--single:focus,
    .select2-container--disabled .select2-selection--multiple:focus {
  --border-color: #DCD8DA;
}

.select2-container .select2-dropdown {
  overflow: hidden !important;
  --tw-shadow: 0px 20px 80px 0px rgba(52, 46, 38, 0.08), 0px 7.3px 29.2px 0px rgba(52, 46, 38, 0.05), 0px 3.5px 14.2px 0px rgba(52, 46, 38, 0.04), 0px 1.7px 6.9px 0px rgba(52, 46, 38, 0.03), 0px 0.7px 2.7px 0px rgba(52, 46, 38, 0.02) !important;
  --tw-shadow-colored: 0px 20px 80px 0px var(--tw-shadow-color), 0px 7.3px 29.2px 0px var(--tw-shadow-color), 0px 3.5px 14.2px 0px var(--tw-shadow-color), 0px 1.7px 6.9px 0px var(--tw-shadow-color), 0px 0.7px 2.7px 0px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
  padding: 2px;
  max-height: 300px;
  display: flex;
  flex-direction: column;
  width: auto !important;
  min-width: 100%;
}

.select2-container .select2-dropdown::after {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0;
  color: rgb(11 5 29 / .64);
}

.select2-container .select2-dropdown:where(.dark, .dark *)::after {
  color: rgb(248 245 244 / .79);
}

.select2-container .select2-dropdown::after {
  border-radius: 0;
  padding: 0 1em 0 1em;
  border-bottom: none;
  border-left: none;
  border-right: none;
  align-items: center;
  content: '↓↑ Navigation    ⏎ select        esc to close';
  white-space: pre-wrap;
  position: relative;
  display: flex;
  justify-items: center;
  top: 0;
  left: -2px;
  width: 102%;
  height: 3em;
  flex-shrink: 0;
}

.select2-container .select2-results {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}

.select2-container .select2-results > .select2-results__options {
  max-height: none !important;
  width: auto !important;
}

.select2-container .select2-results__option {
  white-space: normal;
  word-break: break-word;
}

.select2-container .select2-results__option .super-select--option-row {
  width: 100%;
}

.select2-container .select2-results__option .super-select--option-label {
  width: 100%;
}

.select2-container .select2-results__option .super-select--option-text {
  width: 100%;
}

.select2-container .select2-dropdown > div:last-child {
  flex-shrink: 0;
}

.hide-prompt .select2-dropdown::after {
  display: none !important;
}

.hide-dropdown .select2-dropdown {
  display: none !important;
}

.hide-preview {
  position: relative;
}

.hide-preview select {
  display: none;
}

.hide-preview .select2-container:has(.select2-selection) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}

.hide-preview .select2-container--default .select2-results > .select2-results__options {
  max-height: inherit !important;
}

.custom-width .select2-container.select2-container--open .select2-dropdown {
  width: var(--dropdown-width, 10rem) !important;
  min-width: var(--dropdown-min-width, none);
  max-width: var(--dropdown-max-width, none);
  max-height: var(--dropdown-max-height, 200px);
}

.hide-blank-option
    .select2-results__option:has(.super-select--option-row-blank) {
  display: none;
}

.select2-dropdown.select2-dropdown--above {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.select2-dropdown.select2-dropdown--below {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.select2-container--default .select2-results__option {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding: 2px;
}

.select2-container--default
    .select2-results__option
    .super-select--option-row {
  padding: 10px;
  border-radius: 0.5rem;
}

@media not all and (min-width: 768px) {
  .select2-container--default
    .select2-results__option
    .super-select--option-row {
    border-radius: 0.75rem;
  }
}

.super-select--single
    .select2-container--default
    .select2-results__option[aria-selected='true']
    .super-select--option-row {
  position: relative;
}

.super-select--single
    .select2-container--default
    .select2-results__option[aria-selected='true']
    .super-select--option-row:after {
  content: '';
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path stroke="%230B051D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m3 7.86 2.667 3.64L13 4.5"/></svg>');
}

.super-select--single
    .select2-container--default
    .select2-results__option
    .super-select--option-row {
  padding-right: 40px;
}

.super-select--single
    .select2-container--default
    .select2-results__option
    .super-select--option-row:after {
  right: 15px;
}

.super-select--single.checkmark-left
    .select2-container--default
    .select2-results__option
    .super-select--option-row {
  padding-left: 40px;
  padding-right: 10px;
}

.super-select--single.checkmark-left
    .select2-container--default
    .select2-results__option
    .super-select--option-row:after {
  left: 15px;
  right: auto;
}

.super-select--single
    .select2-container--default
    .select2-results__option
    .super-select--option-row .super-select--option-checkbox {
  display: none !important;
}

.super-select--multiple
    .select2-container--default
    .select2-results__option
    .super-select--option-row {
  padding-left: 40px;
  position: relative;
}

.super-select--multiple
    .select2-container--default
    .select2-results__option
    .super-select--option-row
    .super-select--option-checkbox {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.super-select--multiple
    .select2-container--default
    .select2-results__option
    .super-select--option-row
    .super-select--option-checkbox > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.super-select--multiple
    .select2-container--default
    .select2-results__option
    .super-select--option-row
    .super-select--option-checkbox.super-select--option-checkbox-not-selected {
  display: block;
}

.super-select--multiple
    .select2-container--default
    .select2-results__option
    .super-select--option-row
    .super-select--option-checkbox.super-select--option-checkbox-selected {
  display: none;
}

.super-select--multiple
    .select2-container--default
    .select2-results__option[aria-selected='true']
    .super-select--option-row
    .super-select--option-checkbox.super-select--option-checkbox-not-selected {
  display: none;
}

.super-select--multiple
    .select2-container--default
    .select2-results__option[aria-selected='true']
    .super-select--option-row
    .super-select--option-checkbox.super-select--option-checkbox-selected {
  display: block;
}

.select2-selection__rendered
    .super-select--option-row
    .super-select--option-checkbox {
  display: none !important;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected]
    .super-select--option-row {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1)) !important;
}

.select2-search__field {
  border-radius: 0.5rem !important;
  border-style: none !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  caret-color: #fba89d;
}

.select2-search__field {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.select2-search__field, .select2-search__field:hover, .select2-search__field:focus, .select2-search__field:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.select2-search__field:disabled, .select2-search__field:disabled:hover, .select2-search__field:disabled:focus, .select2-search__field:disabled:focus-within {
  --border-color: #DCD8DA;
}

.select2-search__field:hover, .select2-search__field:focus, .select2-search__field:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.select2-search__field:focus, .select2-search__field:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.select2-search__field {
  --ring-width: 2px;
}

.super-select--option-description,
  .super-select--option-image,
  .super-select--option-color {
  display: none;
}

.select2-results .super-select--option-description,
    .select2-results .super-select--option-text,
    .select2-results .super-select--option-image {
  display: block;
}

.select2-results .super-select--option-row {
  display: flex;
  align-items: center;
}

.select2-results .super-select--option-text {
  flex: 1 1 0%;
}

.select2-results .super-select--option-image {
  position: relative;
  margin-right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  align-self: flex-start;
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.select2-results .super-select--option-image > i,
      .select2-results .super-select--option-image > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  height: auto;
  width: 1.25rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-align: center;
}

[data-select-all-target="wrapper"].select2-results .super-select--option-color {
  display: block;
}

.select2-results .super-select--option-color {
  margin-right: 0.5rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
}

.select2-results .super-select--option-label {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.select2-results .select2-results__option[aria-disabled='true'] .super-select--option-label,
      .select2-results .select2-results__option[aria-disabled='true'] .super-select--option-description,
      .select2-results .select2-results__option[aria-disabled='true'] .super-select--option-image,
      .select2-results .select2-results__option[aria-disabled='true'] .super-select--option-image svg {
  color: var(--content-tertiary);
}

.select2-results .super-select--option-description {
  display: block;
  color: rgb(11 5 29 / .36);
}

.no-edges .select2-container,
    .no-edges .select2-container > .selection {
  border-radius: inherit !important;
}

/* 
    We're using a modal on mobile to show the select2 dropdown.
    On desktop, we're using the select2 dropdown as a dropdown menu.
  */

.use-modal-on-mobile dialog:modal[open] .select2-container--open {
  position: static !important;
  width: 100% !important;
}

.use-modal-on-mobile dialog:modal[open] .select2-dropdown {
  position: static !important;
  width: 100% !important;
  overflow: visible !important;
  border-radius: 0px !important;
  border-style: none !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.use-modal-on-mobile dialog:modal[open] .select2-dropdown::after {
  display: none;
}

.use-modal-on-mobile dialog:modal[open]
      .select2-container--default
      .select2-results
      > .select2-results__options {
  max-height: none !important;
  overflow: visible;
  overflow-y: visible;
}

.slider {
  position: relative;
  height: 0.5rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.5rem;
  background-color: var(--background-overlay);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.slider::before {
  pointer-events: none;
  position: absolute;
  display: block;
  height: 100%;
  border-radius: 0.5rem;
  background-color: var(--content-primary);
  --tw-content: '';
  content: var(--tw-content);
}

.slider:hover {
  opacity: 1;
}

.slider::before {
  width: var(--slider-percentage);
}

.slider::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--background-elevated);
  background-color: var(--content-primary);
  background-position: center;
  background-repeat: no-repeat;
  --tw-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 2px 6px 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);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.slider::-moz-range-thumb {
  position: relative;
  z-index: 2;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--background-elevated);
  background-color: var(--content-primary);
  background-position: center;
  background-repeat: no-repeat;
  --tw-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 2px 6px 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);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.switch {
  position: relative;
  z-index: 0;
  display: inline-flex;
  height: 1.5rem;
  width: 2.375rem;
  align-items: center;
}

.switch__track-base {
  position: absolute;
  inset: 0px;
  z-index: 0;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 237 234 / var(--tw-bg-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: 200ms;
}

.switch__track-base:where(.dark, .dark *) {
  background-color: var(--background-neutral);
}

.switch__track-checked {
  position: absolute;
  inset: 0px;
  z-index: 10;
  border-radius: 9999px;
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: var(--brand-secondary-moola) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: var(--brand-secondary-moola) var(--tw-gradient-to-position);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition: opacity 0.3s ease-in-out;
}

.switch__track-checked[type='checkbox']:disabled,
  .switch__track-checked[type='radio']:disabled {
  cursor: not-allowed;
  background-color: var(--content-border-dark);
}

.switch__track-hover {
  position: absolute;
  inset: 0px;
  z-index: 10;
  border-radius: 9999px;
  background-color: var(--background-overlay);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition: opacity 0.3s ease-in-out;
}

.switch__thumb {
  position: absolute;
  left: 0.125rem;
  top: 50%;
  z-index: 10;
  height: 1.25rem;
  width: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.8);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.switch__thumb::after {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  content: var(--tw-content);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.segmented-control__shell {
  position: relative;
  height: 2rem;
  min-width: 2.5rem;
  border-radius: 9999px;
  border-width: 2px;
  border-color: var(--content-border-dark);
  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: 200ms;
}

.segmented-control__box {
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 9999px;
  padding: 0.15rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.segmented-control__label {
  z-index: 50;
  display: flex;
  height: 1.5rem;
  width: 50%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border-radius: 9999px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 500;
  color: var(--content-secondary);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.segmented-control__label:hover {
  background-color: var(--background-overlay);
  color: var(--content-secondary);
}

.segmented-control__label:focus-visible {
  color: var(--content-secondary);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-color: #342e2633;
}

.segmented-control__label:has(:checked) {
  background-color: transparent;
}

.segmented-control__label:has(:selected) {
  color: var(--content-primary) !important;
}

.segmented-control__label:has(:checked) {
  color: var(--content-primary) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.segmented-control__label input[type='radio'] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.segmented-control label:first-of-type:has(input[type='radio']:checked)
      ~ .segmented-control__active {
  transform: translateX(-100%);
}

.segmented-control label:last-of-type:has(input[type='radio']:checked)
      ~ .segmented-control__active {
  transform: translateX(0%);
}

.segmented-control__active {
  background-color: var(--background-overlay);
  color: var(--background-base);
  position: absolute;
  left: 50%;
  height: 1.5rem;
  cursor: pointer;
  border-radius: 9999px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  /* @apply absolute transition-transform shadow-md left-1/2 h-9 rounded-xl segmented-control-slider; */
}

.segmented-control label:first-of-type:has(input[type='radio']:checked)
      ~ .segmented-control-slider {
  transform: translateX(-100%);
}

.segmented-control label:last-of-type:has(input[type='radio']:checked)
      ~ .segmented-control-slider {
  transform: translateX(0%);
}

.segmented-control-slider {
  background-color: var(--background-overlay);
  color: var(--background-base);
}

.read-more-content {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--read-more-line-clamp, 2);
}

.read-more-content[style*="--read-more-line-clamp"] {
  display: inline !important;
}

.\!tooltip {
  position: absolute;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.25rem;
}

.tooltip {
  position: absolute;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.25rem;
}

.\!tooltip {
  background-color: var(--content-primary);
  color: var(--background-base);
}

.tooltip {
  background-color: var(--content-primary);
  color: var(--background-base);
}

.\!tooltip:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.tooltip:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.\!tooltip {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.tooltip {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.\!tooltip {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.tooltip {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.\!tooltip[aria-hidden="true"] {
  display: none;
}

.tooltip[aria-hidden="true"] {
  display: none;
}

.\!tooltip {
  top: 0px;
  left: 0px;
}

.tooltip {
  top: 0px;
  left: 0px;
}

.\!tooltip {
  width: -moz-max-content;
  width: max-content;
}

.tooltip {
  width: -moz-max-content;
  width: max-content;
}

.\!tooltip {
  line-height: 1.25rem;
}

.tooltip {
  line-height: 1.25rem;
}

.\!tooltip {
  padding: 12px 16px !important;
  max-width: min(calc(100vw - 20px), 200px) !important;
}

.tooltip {
  padding: 12px 16px;
  max-width: min(calc(100vw - 20px), 200px);
}

.\!tooltip.light {
  background-color: var(--background-elevated);
  color: var(--content-primary);
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.tooltip.light {
  background-color: var(--background-elevated);
  color: var(--content-primary);
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.\!tooltip.light {
  border-width: 1px;
  border-color: var(--content-border-neutral);
}

.tooltip.light {
  border-width: 1px;
  border-color: var(--content-border-neutral);
}

.show-tooltip .tooltip {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.show-tooltip .\!tooltip {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.tooltip-arrow {
  position: absolute;
  height: 0.5rem;
  width: 0.5rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: inherit;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.\!tooltip.light .tooltip-arrow {
  border-color: var(--content-border-neutral);
}

.tooltip.light .tooltip-arrow {
  border-color: var(--content-border-neutral);
}

[data-select-all-target="wrapper"].\!tooltip.light[data-placement='top'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.\!tooltip.light[data-placement='top'] .tooltip-arrow {
  border-right-width: 1px;
  border-bottom-width: 1px;
}

[data-select-all-target="wrapper"].tooltip.light[data-placement='top'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.tooltip.light[data-placement='top'] .tooltip-arrow {
  border-right-width: 1px;
  border-bottom-width: 1px;
}

[data-select-all-target="wrapper"].\!tooltip.light[data-placement='bottom'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.\!tooltip.light[data-placement='bottom'] .tooltip-arrow {
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-select-all-target="wrapper"].tooltip.light[data-placement='bottom'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.tooltip.light[data-placement='bottom'] .tooltip-arrow {
  border-top-width: 1px;
  border-left-width: 1px;
}

[data-select-all-target="wrapper"].\!tooltip.light[data-placement='left'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.\!tooltip.light[data-placement='left'] .tooltip-arrow {
  border-top-width: 1px;
  border-right-width: 1px;
}

[data-select-all-target="wrapper"].tooltip.light[data-placement='left'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.tooltip.light[data-placement='left'] .tooltip-arrow {
  border-top-width: 1px;
  border-right-width: 1px;
}

[data-select-all-target="wrapper"].\!tooltip.light[data-placement='right'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.\!tooltip.light[data-placement='right'] .tooltip-arrow {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

[data-select-all-target="wrapper"].tooltip.light[data-placement='right'] .tooltip-arrow {
  border-color: var(--content-border-dark);
}

.tooltip.light[data-placement='right'] .tooltip-arrow {
  border-bottom-width: 1px;
  border-left-width: 1px;
}

.tooltip-arrow-hidden {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.tooltip-generated-wrapper {
  display: inline-block;
}

.link-base {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 0em;
  text-decoration-color: var(--content-secondary);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.link-large {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 0em;
  text-decoration-color: var(--content-secondary);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  line-height: 1.5rem;
  color: var(--interactive-control);
}

.link-medium {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  letter-spacing: 0em;
  text-decoration-color: var(--content-secondary);
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  line-height: 1.25rem;
  color: var(--interactive-control);
}

.button-link-share {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--background-overlay);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.button-link-share:hover {
  border-color: transparent;
  background-color: var(--background-overlay);
}

.button-link-share:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-color: var(--background-overlay);
  background-color: var(--background-elevated);
}

/* Radio Button Container */

.radio-option {
  display: inline-flex;
  height: 87px;
  width: 314px;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  overflow: hidden;
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: var(--background-elevated);
  padding: 1.5rem;
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-shadow: 0px 0px 0px 0px #342E26,0px 0px 0px 0px rgba(52,46,38,0.00),0px 0px 2px 0px rgba(52,46,38,0.08),0px 4px 6px 0px rgba(52,46,38,0.04);
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
  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: 200ms;
}

.radio-option:focus {
  border-color: var(--content-border-input);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgba(11,5,29,0.40);
  --tw-ring-offset-width: 2px;
}

.radio-option:has(.radio-input:checked) {
  border-color: var(--content-primary);
  background-color: var(--background-elevated);
}

.radio-option:hover {
  border-width: 1px;
  border-color: var(--content-border-dark);
  background-color: var(--background-base);
}

.radio-option[data-selected='true'] {
  border-width: 1px;
  border-color: var(--content-primary);
  background-color: var(--background-elevated);
}

/* Disabled state */

.radio-option:has(.radio-input:disabled) {
  cursor: not-allowed;
  border-color: var(--content-border-neutral);
  background-color: var(--background-overlay);
}

.radio-option:has(.radio-input:disabled) .radio-label,
  .radio-option:has(.radio-input:disabled) .radio-description {
  color: var(--content-tertiary);
}

/* Content Container */

.radio-content {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  align-self: stretch;
}

/* Text Container */

.radio-text {
  display: inline-flex;
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
}

/* Label Text */

.radio-label {
  font-size: 1.125rem;
  line-height: 1.2;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
  color: var(--content-primary);
}

/* Description Text */

.radio-description {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--content-tertiary);
}

/* Radio Input */

.radio-input {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  border-color: var(--content-border-dark);
  background-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.radio-input:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-offset-width: 0px;
}

/* Checked state */

.radio-input:checked {
  border-color: var(--content-primary) !important;
  background-color: var(--content-primary) !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.radio-input:checked::after {
  content: '';
  display: block;
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

/* Icon state when radio is checked */

.radio-input:checked + div {
  border-radius: 9999px;
  border-width: 2px;
  border-color: var(--content-primary);
  background-color: var(--content-primary);
}

.radio-input:checked + div svg {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Disabled state */

.radio-input:disabled {
  cursor: not-allowed;
  border-color: var(--content-border-input);
  background-color: var(--content-border-input);
}

.radio-input:disabled:checked {
  border-color: var(--content-border-neutral);
  background-color: var(--background-overlay);
}

.radio-input:disabled:checked::after {
  background-color: var(--content-tertiary);
}

/* Disabled state with icon */

.radio-input:disabled + div {
  cursor: not-allowed;
}

.radio-input:disabled + div svg {
  color: var(--content-tertiary);
}

/* Focus state */

.radio-input:focus-visible {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-image: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.\!checkbox {
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}

.\!checkbox:last-child {
  margin-bottom: 0px;
}

.checkbox {
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}

.checkbox:last-child {
  margin-bottom: 0px;
}

/* Hide default checkbox but keep it accessible */

.\!checkbox .custom-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.checkbox .custom-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Custom checkbox container */

.checkbox-label {
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: flex-start;
}

.checkbox-label::before {
  content: "";
  margin-right: 0.5rem;
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 0.125rem;
}

.checkbox-label::after {
  content: "";
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: var(--content-border-dark);
  background-color: var(--background-elevated);
  position: absolute;
  left: 2px;
  top: 2px;
}

/* Focus state */

.\!checkbox .custom-checkbox:focus ~ .checkbox-label::after {
  --tw-shadow: 0px 0px 0px 1px rgba(52,46,38,0.44),0px 0px 0px 4px rgba(11,5,29,0.16);
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 0px 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);
}

.checkbox .custom-checkbox:focus ~ .checkbox-label::after {
  --tw-shadow: 0px 0px 0px 1px rgba(52,46,38,0.44),0px 0px 0px 4px rgba(11,5,29,0.16);
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 0px 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);
}

/* Checked state */

.\!checkbox .custom-checkbox:checked ~ .checkbox-label::after {
  border-color: var(--content-border-dark);
  background-color: var(--content-primary);
}

.checkbox .custom-checkbox:checked ~ .checkbox-label::after {
  border-color: var(--content-border-dark);
  background-color: var(--content-primary);
}

.\!checkbox .custom-checkbox:checked ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8334 3.25L4.87504 9.20833L2.16671 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: var(--background-elevated) !important;
}

.checkbox .custom-checkbox:checked ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8334 3.25L4.87504 9.20833L2.16671 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: var(--background-elevated);
}

/* Indeterminate state */

.\!checkbox .custom-checkbox:indeterminate ~ .checkbox-label::after {
  border-color: var(--content-border-dark);
  background-color: var(--content-primary);
}

.checkbox .custom-checkbox:indeterminate ~ .checkbox-label::after {
  border-color: var(--content-border-dark);
  background-color: var(--content-primary);
}

.\!checkbox .custom-checkbox:indeterminate ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.70837 6.5H10.2917' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: var(--background-elevated) !important;
}

.checkbox .custom-checkbox:indeterminate ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.70837 6.5H10.2917' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: var(--background-elevated);
}

/* Disabled state */

.\!checkbox .custom-checkbox:disabled ~ .checkbox-label {
  cursor: not-allowed;
  color: var(--content-tertiary);
}

.checkbox .custom-checkbox:disabled ~ .checkbox-label {
  cursor: not-allowed;
  color: var(--content-tertiary);
}

.\!checkbox .custom-checkbox:disabled ~ .checkbox-label::after {
  border-color: var(--content-border-dark);
  background-color: var(--background-overlay);
  --tw-shadow: 0px 1px 2px 0px rgba(11,5,29,0.12);
  --tw-shadow-colored: 0px 1px 2px 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);
}

.checkbox .custom-checkbox:disabled ~ .checkbox-label::after {
  border-color: var(--content-border-dark);
  background-color: var(--background-overlay);
  --tw-shadow: 0px 1px 2px 0px rgba(11,5,29,0.12);
  --tw-shadow-colored: 0px 1px 2px 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);
}

/* Help text styling */

.checkbox-label p {
  color: var(--content-tertiary);
}

/* Multiple checkboxes container */

[data-controller="select-all"] {
  display: flex;
  flex-direction: column;
}

[data-select-all-target="wrapper"] {
  display: none;
}

[data-select-all-target="wrapper"].inline-block {
  display: block;
}

/* Select all section borders */

[data-select-all-target="wrapper"].border-b {
  border-color: var(--content-border-dark);
}

[data-select-all-target="wrapper"].border-t {
  border-color: var(--content-border-dark);
}

.box_shadow_sm {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
      0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
      0px 4px 6px 0px rgba(0, 0, 0, 0.02);
}

.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;
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  left: 0px;
  right: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

.-bottom-4 {
  bottom: -1rem;
}

.-left-1\.5 {
  left: -0.375rem;
}

.-left-2 {
  left: -0.5rem;
}

.-left-4 {
  left: -1rem;
}

.-right-1\.5 {
  right: -0.375rem;
}

.-right-2 {
  right: -0.5rem;
}

.-right-4 {
  right: -1rem;
}

.-top-0 {
  top: -0px;
}

.-top-1 {
  top: -0.25rem;
}

.-top-4 {
  top: -1rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1 {
  bottom: 0.25rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-52 {
  bottom: 13rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-\[-100px\] {
  bottom: -100px;
}

.bottom-full {
  bottom: 100%;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.25rem;
}

.left-1\/2 {
  left: 50%;
}

.left-10 {
  left: 2.5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-4 {
  left: 1rem;
}

.left-5 {
  left: 1.25rem;
}

.left-\[0\.125rem\] {
  left: 0.125rem;
}

.left-full {
  left: 100%;
}

.right-0 {
  right: 0px;
}

.right-0\.5 {
  right: 0.125rem;
}

.right-1 {
  right: 0.25rem;
}

.right-10 {
  right: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-3 {
  right: 0.75rem;
}

.right-4 {
  right: 1rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.right-\[1\.9rem\] {
  right: 1.9rem;
}

.right-\[2\.3rem\] {
  right: 2.3rem;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-10 {
  top: 2.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-24 {
  top: 6rem;
}

.top-3 {
  top: 0.75rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.top-\[56px\] {
  top: 56px;
}

.top-full {
  top: 100%;
}

.-z-10 {
  z-index: -10;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-\[100\] {
  z-index: 100;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[35\] {
  z-index: 35;
}

.z-\[50\] {
  z-index: 50;
}

.z-\[60\] {
  z-index: 60;
}

.z-\[99999\] {
  z-index: 99999;
}

.z-\[9999\] {
  z-index: 9999;
}

.z-\[99\] {
  z-index: 99;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.float-right {
  float: right;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-4 {
  margin: -1rem;
}

.m-0 {
  margin: 0px;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-auto {
  margin: auto;
}

.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.\!my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.-my-\[100px\] {
  margin-top: -100px;
  margin-bottom: -100px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-\[1px\] {
  margin-left: 1px;
  margin-right: 1px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-28 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.\!-mb-4 {
  margin-bottom: -1rem !important;
}

.\!mr-1 {
  margin-right: 0.25rem !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.-mb-1 {
  margin-bottom: -0.25rem;
}

.-mb-1\.5 {
  margin-bottom: -0.375rem;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-ml-10 {
  margin-left: -2.5rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-ml-6 {
  margin-left: -1.5rem;
}

.-mr-\[1px\] {
  margin-right: -1px;
}

.-mt-0\.5 {
  margin-top: -0.125rem;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.-mt-7 {
  margin-top: -1.75rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-0 {
  margin-left: 0px;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-1\.5 {
  margin-left: 0.375rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-12 {
  margin-left: 3rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-2\.5 {
  margin-left: 0.625rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0px;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-1\.5 {
  margin-right: 0.375rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-2\.5 {
  margin-right: 0.625rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mr-\[1px\] {
  margin-right: 1px;
}

.mr-auto {
  margin-right: auto;
}

.mt-0 {
  margin-top: 0px;
}

.mt-0\.5 {
  margin-top: 0.125rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-9 {
  margin-top: 2.25rem;
}

.mt-\[10px\] {
  margin-top: 10px;
}

.mt-\[1em\] {
  margin-top: 1em;
}

.mt-\[70px\] {
  margin-top: 70px;
}

.mt-auto {
  margin-top: auto;
}

.box-border {
  box-sizing: border-box;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.aspect-\[9\/16\] {
  aspect-ratio: 9/16;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.size-11 {
  width: 2.75rem;
  height: 2.75rem;
}

.size-12 {
  width: 3rem;
  height: 3rem;
}

.size-14 {
  width: 3.5rem;
  height: 3.5rem;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-2\.5 {
  width: 0.625rem;
  height: 0.625rem;
}

.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}

.size-3\.5 {
  width: 0.875rem;
  height: 0.875rem;
}

.size-4 {
  width: 1rem;
  height: 1rem;
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-7 {
  width: 1.75rem;
  height: 1.75rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.size-\[1\.125rem\] {
  width: 1.125rem;
  height: 1.125rem;
}

.size-\[40px\] {
  width: 40px;
  height: 40px;
}

.size-\[54px\] {
  width: 54px;
  height: 54px;
}

.size-full {
  width: 100%;
  height: 100%;
}

.\!h-\[700px\] {
  height: 700px !important;
}

.\!h-auto {
  height: auto !important;
}

.h-0 {
  height: 0px;
}

.h-0\.5 {
  height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.h-1\/2 {
  height: 50%;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.h-18 {
  height: 4.5rem;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-2\/3 {
  height: 66.666667%;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-28 {
  height: 7rem;
}

.h-3 {
  height: 0.75rem;
}

.h-3\.5 {
  height: 0.875rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-40 {
  height: 10rem;
}

.h-5 {
  height: 1.25rem;
}

.h-56 {
  height: 14rem;
}

.h-6 {
  height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.h-80 {
  height: 20rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[1\.25rem\] {
  height: 1.25rem;
}

.h-\[1\.5rem\] {
  height: 1.5rem;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[150px\] {
  height: 150px;
}

.h-\[170px\] {
  height: 170px;
}

.h-\[176px\] {
  height: 176px;
}

.h-\[18px\] {
  height: 18px;
}

.h-\[1em\] {
  height: 1em;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[212px\] {
  height: 212px;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[3px\] {
  height: 3px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[45px\] {
  height: 45px;
}

.h-\[470px\] {
  height: 470px;
}

.h-\[500px\] {
  height: 500px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[53px\] {
  height: 53px;
}

.h-\[54px\] {
  height: 54px;
}

.h-\[58px\] {
  height: 58px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[6px\] {
  height: 6px;
}

.h-\[75px\] {
  height: 75px;
}

.h-\[87px\] {
  height: 87px;
}

.h-\[943px\] {
  height: 943px;
}

.h-\[95px\] {
  height: 95px;
}

.h-\[calc\(100\%\+8rem\)\] {
  height: calc(100% + 8rem);
}

.h-\[calc\(100dvh-1rem\)\] {
  height: calc(100dvh - 1rem);
}

.h-\[calc\(100dvh-4\.75rem\)\] {
  height: calc(100dvh - 4.75rem);
}

.h-\[calc\(100dvh-4rem\)\] {
  height: calc(100dvh - 4rem);
}

.h-\[calc\(100dvh-5\.75rem\)\] {
  height: calc(100dvh - 5.75rem);
}

.h-\[calc\(100dvh-6rem\)\] {
  height: calc(100dvh - 6rem);
}

.h-\[calc\(100dvh-8px\)\] {
  height: calc(100dvh - 8px);
}

.h-\[calc\(100dvh-8rem\)\] {
  height: calc(100dvh - 8rem);
}

.h-\[calc\(100dvh-9rem\)\] {
  height: calc(100dvh - 9rem);
}

.h-\[calc\(20vh\)\] {
  height: calc(20vh);
}

.h-\[calc\(40dvh\)\] {
  height: calc(40dvh);
}

.h-\[calc\(4rem-1px\)\] {
  height: calc(4rem - 1px);
}

.h-\[calc\(50dvh\)\] {
  height: calc(50dvh);
}

.h-\[calc\(55dvh\)\] {
  height: calc(55dvh);
}

.h-\[calc\(80dvh\)\] {
  height: calc(80dvh);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.h-screen {
  height: 100vh;
}

.max-h-20 {
  max-height: 5rem;
}

.max-h-28 {
  max-height: 7rem;
}

.max-h-52 {
  max-height: 13rem;
}

.max-h-60 {
  max-height: 15rem;
}

.max-h-7 {
  max-height: 1.75rem;
}

.max-h-8 {
  max-height: 2rem;
}

.max-h-\[128px\] {
  max-height: 128px;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[33vh\] {
  max-height: 33vh;
}

.max-h-\[350px\] {
  max-height: 350px;
}

.max-h-\[48px\] {
  max-height: 48px;
}

.max-h-\[5rem\] {
  max-height: 5rem;
}

.max-h-\[600px\] {
  max-height: 600px;
}

.max-h-\[680px\] {
  max-height: 680px;
}

.max-h-\[720px\] {
  max-height: 720px;
}

.max-h-\[80vh\] {
  max-height: 80vh;
}

.max-h-\[calc\(100vh-140px\)\] {
  max-height: calc(100vh - 140px);
}

.max-h-\[calc\(100vh-4rem\)\] {
  max-height: calc(100vh - 4rem);
}

.max-h-dvh {
  max-height: 100dvh;
}

.max-h-full {
  max-height: 100%;
}

.max-h-min {
  max-height: -moz-min-content;
  max-height: min-content;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-20 {
  min-height: 5rem;
}

.min-h-24 {
  min-height: 6rem;
}

.min-h-32 {
  min-height: 8rem;
}

.min-h-36 {
  min-height: 9rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-40 {
  min-height: 10rem;
}

.min-h-56 {
  min-height: 14rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-96 {
  min-height: 24rem;
}

.min-h-\[1em\] {
  min-height: 1em;
}

.min-h-\[1rem\] {
  min-height: 1rem;
}

.min-h-\[400px\] {
  min-height: 400px;
}

.min-h-\[4rem\] {
  min-height: 4rem;
}

.min-h-\[70vh\] {
  min-height: 70vh;
}

.min-h-\[calc\(100dvh-3\.75rem\)\] {
  min-height: calc(100dvh - 3.75rem);
}

.min-h-\[calc\(100vh-70px\)\] {
  min-height: calc(100vh - 70px);
}

.min-h-dvh {
  min-height: 100dvh;
}

.min-h-min {
  min-height: -moz-min-content;
  min-height: min-content;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-1\/12 {
  width: 8.333333% !important;
}

.\!w-3\/12 {
  width: 25% !important;
}

.\!w-7\/12 {
  width: 58.333333% !important;
}

.\!w-8\/12 {
  width: 66.666667% !important;
}

.\!w-9\/12 {
  width: 75% !important;
}

.\!w-\[500px\] {
  width: 500px !important;
}

.w-0 {
  width: 0px;
}

.w-1 {
  width: 0.25rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/4 {
  width: 25%;
}

.w-1\/5 {
  width: 20%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-10 {
  width: 2.5rem;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-128 {
  width: 30rem;
}

.w-14 {
  width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.w-18 {
  width: 4.5rem;
}

.w-2 {
  width: 0.5rem;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-2\/5 {
  width: 40%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-28 {
  width: 7rem;
}

.w-3 {
  width: 0.75rem;
}

.w-3\.5 {
  width: 0.875rem;
}

.w-3\/4 {
  width: 75%;
}

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-36 {
  width: 9rem;
}

.w-4 {
  width: 1rem;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-4\/5 {
  width: 80%;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

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

.w-52 {
  width: 13rem;
}

.w-56 {
  width: 14rem;
}

.w-6 {
  width: 1.5rem;
}

.w-60 {
  width: 15rem;
}

.w-64 {
  width: 16rem;
}

.w-7 {
  width: 1.75rem;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-72 {
  width: 18rem;
}

.w-8 {
  width: 2rem;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-80 {
  width: 20rem;
}

.w-9 {
  width: 2.25rem;
}

.w-\[1\.25rem\] {
  width: 1.25rem;
}

.w-\[100\%\] {
  width: 100%;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[114px\] {
  width: 114px;
}

.w-\[14\.75rem\] {
  width: 14.75rem;
}

.w-\[175px\] {
  width: 175px;
}

.w-\[176px\] {
  width: 176px;
}

.w-\[18px\] {
  width: 18px;
}

.w-\[1em\] {
  width: 1em;
}

.w-\[1rem\] {
  width: 1rem;
}

.w-\[2\.375rem\] {
  width: 2.375rem;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[240px\] {
  width: 240px;
}

.w-\[246px\] {
  width: 246px;
}

.w-\[2rem\] {
  width: 2rem;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[314px\] {
  width: 314px;
}

.w-\[320px\] {
  width: 320px;
}

.w-\[32px\] {
  width: 32px;
}

.w-\[38px\] {
  width: 38px;
}

.w-\[390px\] {
  width: 390px;
}

.w-\[3rem\] {
  width: 3rem;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[432px\] {
  width: 432px;
}

.w-\[44px\] {
  width: 44px;
}

.w-\[45px\] {
  width: 45px;
}

.w-\[470px\] {
  width: 470px;
}

.w-\[500px\] {
  width: 500px;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[53px\] {
  width: 53px;
}

.w-\[54px\] {
  width: 54px;
}

.w-\[560px\] {
  width: 560px;
}

.w-\[570px\] {
  width: 570px;
}

.w-\[580px\] {
  width: 580px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[62px\] {
  width: 62px;
}

.w-\[6px\] {
  width: 6px;
}

.w-\[75\%\] {
  width: 75%;
}

.w-\[75px\] {
  width: 75px;
}

.w-\[943px\] {
  width: 943px;
}

.w-\[var\(--content-normal-width\2c auto\)\] {
  width: var(--content-normal-width,auto);
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-px {
  width: 1px;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-36 {
  min-width: 9rem;
}

.min-w-44 {
  min-width: 11rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-80 {
  min-width: 20rem;
}

.min-w-\[10em\] {
  min-width: 10em;
}

.min-w-\[188px\] {
  min-width: 188px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[312px\] {
  min-width: 312px;
}

.min-w-\[calc\(320px\+32px\)\] {
  min-width: calc(320px + 32px);
}

.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}

.\!max-w-\[400px\] {
  max-width: 400px !important;
}

.\!max-w-\[960px\] {
  max-width: 960px !important;
}

.\!max-w-full {
  max-width: 100% !important;
}

.max-w-20 {
  max-width: 5rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-56 {
  max-width: 14rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-60 {
  max-width: 15rem;
}

.max-w-64 {
  max-width: 16rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-96 {
  max-width: 24rem;
}

.max-w-\[188px\] {
  max-width: 188px;
}

.max-w-\[190px\] {
  max-width: 190px;
}

.max-w-\[21ch\] {
  max-width: 21ch;
}

.max-w-\[340px\] {
  max-width: 340px;
}

.max-w-\[360px\] {
  max-width: 360px;
}

.max-w-\[400px\] {
  max-width: 400px;
}

.max-w-\[432px\] {
  max-width: 432px;
}

.max-w-\[448px\] {
  max-width: 448px;
}

.max-w-\[472px\] {
  max-width: 472px;
}

.max-w-\[50\%\] {
  max-width: 50%;
}

.max-w-\[57px\] {
  max-width: 57px;
}

.max-w-\[640px\] {
  max-width: 640px;
}

.max-w-\[700px\] {
  max-width: 700px;
}

.max-w-\[704px\] {
  max-width: 704px;
}

.max-w-\[800px\] {
  max-width: 800px;
}

.max-w-\[840px\] {
  max-width: 840px;
}

.max-w-\[88px\] {
  max-width: 88px;
}

.max-w-\[90vw\] {
  max-width: 90vw;
}

.max-w-\[95\%\] {
  max-width: 95%;
}

.max-w-\[960px\] {
  max-width: 960px;
}

.max-w-\[calc\(100dvw-2rem\)\] {
  max-width: calc(100dvw - 2rem);
}

.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-none {
  max-width: none;
}

.max-w-screen-lg {
  max-width: 1024px;
}

.max-w-screen-md {
  max-width: 768px;
}

.max-w-screen-sm {
  max-width: 640px;
}

.max-w-screen-xl {
  max-width: 1264px;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-xs {
  max-width: 20rem;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.grow {
  flex-grow: 1;
}

.basis-0 {
  flex-basis: 0px;
}

.basis-1\/3 {
  flex-basis: 33.333333%;
}

.basis-3\/5 {
  flex-basis: 60%;
}

.table-fixed {
  table-layout: fixed;
}

.border-collapse {
  border-collapse: collapse;
}

.origin-top-left {
  transform-origin: top left;
}

.origin-top-right {
  transform-origin: top right;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-20 {
  --tw-translate-x: -5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[100\%\] {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-\[calc\(50\%\+1\.5rem\)\] {
  --tw-translate-x: calc(calc(50% + 1.5rem) * -1);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-px {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2 {
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-2 {
  --tw-translate-x: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-5 {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-5 {
  --tw-translate-y: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-scale-x-100 {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
  transform: none;
}

@keyframes appear-then-fade {
  0% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.animate-appear-then-fade {
  animation: appear-then-fade 3s ease-in-out;
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes toast-end-animation {
  0% {
    --tw-translate-y: calc(var(--slide-distance, 2rem) * var(--initial-direction, 1));
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }

  100% {
    --tw-translate-y: 0;
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }
}

.animate-toast-end-animation {
  animation: toast-end-animation var(--animation-duration, 0.3s) ease-in-out;
}

@keyframes toast-full-animation {
  0% {
    --tw-translate-y: 0;
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }

  5% {
    --tw-translate-y: calc(var(--slide-distance, 2rem) * var(--initial-direction, 1));
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }

  95% {
    --tw-translate-y: calc(var(--slide-distance, 2rem) * var(--initial-direction, 1));
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }

  100% {
    --tw-translate-y: 0;
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }
}

.animate-toast-full-animation {
  animation: toast-full-animation var(--animation-duration, 4s) ease-in-out;
}

@keyframes toast-partial-animation {
  0% {
    --tw-translate-y: calc(var(--slide-distance, 2rem) * var(--initial-direction, 1));
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }

  90% {
    --tw-translate-y: calc(var(--slide-distance, 2rem) * var(--initial-direction, 1));
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }

  100% {
    --tw-translate-y: 0;
    --tw-translate-x: inherit;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }
}

.animate-toast-partial-animation {
  animation: toast-partial-animation var(--animation-duration, 2s) ease-in-out;
}

.\!cursor-not-allowed {
  cursor: not-allowed !important;
}

.\!cursor-pointer {
  cursor: pointer !important;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-grab {
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.columns-\[var\(--column-width\2c _15ch\)_3\] {
  -moz-columns: var(--column-width, 15ch) 3;
       columns: var(--column-width, 15ch) 3;
}

.auto-cols-max {
  grid-auto-columns: max-content;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(var\(--large-button-min-width\2c 15rem\)\2c 1fr\)\)\] {
  grid-template-columns: repeat(auto-fill,minmax(var(--large-button-min-width,15rem),1fr));
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-content-center {
  place-content: center;
}

.place-items-center {
  place-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.gap-0 {
  gap: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[10px\] {
  gap: 10px;
}

.gap-\[18px\] {
  gap: 18px;
}

.gap-\[6px\] {
  gap: 6px;
}

.gap-\[9px\] {
  gap: 9px;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-32 {
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}

.divide-dashed > :not([hidden]) ~ :not([hidden]) {
  border-style: dashed;
}

.divide-dotted > :not([hidden]) ~ :not([hidden]) {
  border-style: dotted;
}

.divide-background-base > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--background-base);
}

.divide-content-border-neutral > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--content-border-neutral);
}

.divide-inherit > :not([hidden]) ~ :not([hidden]) {
  border-color: inherit;
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-divide-opacity, 1));
}

.divide-slate-900 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-divide-opacity, 1));
}

.divide-opacity-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 0.05;
}

.place-self-end {
  place-self: end;
}

.place-self-center {
  place-self: center;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.\!rounded-2xl {
  border-radius: 1rem !important;
}

.\!rounded-4xl {
  border-radius: 2rem !important;
}

.\!rounded-full {
  border-radius: 9999px !important;
}

.\!rounded-lg {
  border-radius: 0.5rem !important;
}

.\!rounded-none {
  border-radius: 0px !important;
}

.\!rounded-xl {
  border-radius: 0.75rem !important;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[0\.375rem\] {
  border-radius: 0.375rem;
}

.rounded-\[1\.75rem\] {
  border-radius: 1.75rem;
}

.rounded-\[10px\] {
  border-radius: 10px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[28px\] {
  border-radius: 28px;
}

.rounded-\[30px\] {
  border-radius: 30px;
}

.rounded-\[32px\] {
  border-radius: 32px;
}

.rounded-\[99px\] {
  border-radius: 99px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-t-\[1\.75rem\] {
  border-top-left-radius: 1.75rem;
  border-top-right-radius: 1.75rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

.rounded-bl-none {
  border-bottom-left-radius: 0px;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-br-none {
  border-bottom-right-radius: 0px;
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border-\[0\.50px\] {
  border-width: 0.50px;
}

.border-\[0\.5px\] {
  border-width: 0.5px;
}

.border-\[2\.5px\] {
  border-width: 2.5px;
}

.\!border-r {
  border-right-width: 1px !important;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l {
  border-left-width: 1px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.\!border-none {
  border-style: none !important;
}

.border-none {
  border-style: none;
}

.\!border-black {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
}

.\!border-content-primary {
  border-color: var(--content-primary) !important;
}

.border-\[\#E5E5E5\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}

.border-\[\#FBE399\] {
  --tw-border-opacity: 1;
  border-color: rgb(251 227 153 / var(--tw-border-opacity, 1));
}

.border-\[\#FDDBCA\] {
  --tw-border-opacity: 1;
  border-color: rgb(253 219 202 / var(--tw-border-opacity, 1));
}

.border-\[color\:rgba\(var\(--base-color-rgb\)\2c 0\.3\)\] {
  border-color: rgba(var(--base-color-rgb),0.3);
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  border-color: rgba(0,0,0,0.08);
}

.border-\[rgba\(11\2c 5\2c 29\2c 0\.08\)\] {
  border-color: rgba(11,5,29,0.08);
}

.border-\[rgba\(var\(--base-color-rgb\)\2c 1\)\] {
  border-color: rgba(var(--base-color-rgb),1);
}

.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

.border-background-base {
  border-color: var(--background-base);
}

.border-background-card-bg {
  border-color: var(--background-card);
}

.border-background-elevated {
  border-color: var(--background-elevated);
}

.border-background-neutral {
  border-color: var(--background-neutral);
}

.border-background-overlay {
  border-color: var(--background-overlay);
}

.border-black\/10 {
  border-color: rgb(0 0 0 / 0.1);
}

.border-black\/\[0\.04\] {
  border-color: rgb(0 0 0 / 0.04);
}

.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.border-blue-700 {
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}

.border-brand-primary-shine-light {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 132 / var(--tw-border-opacity, 1));
}

.border-brand-secondary-piggy-light {
  --tw-border-opacity: 1;
  border-color: rgb(199 162 163 / var(--tw-border-opacity, 1));
}

.border-content-border-card {
  border-color: var(--content-border-card);
}

.border-content-border-dark {
  border-color: var(--content-border-dark);
}

.border-content-border-input {
  border-color: var(--content-border-input);
}

.border-content-border-light {
  border-color: var(--content-border-light);
}

.border-content-border-neutral {
  border-color: var(--content-border-neutral);
}

.border-content-focus-outline {
  border-color: var(--content-focus-outline);
}

.border-content-primary {
  border-color: var(--content-primary);
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

.border-gray-500\/10 {
  border-color: rgb(107 114 128 / 0.1);
}

.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}

.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(17 214 129 / var(--tw-border-opacity, 1));
}

.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(14 109 69 / var(--tw-border-opacity, 1));
}

.border-indigo-300 {
  --tw-border-opacity: 1;
  border-color: rgb(165 180 252 / var(--tw-border-opacity, 1));
}

.border-inherit {
  border-color: inherit;
}

.border-mint-200 {
  border-color: var(--mint-200);
}

.border-neutral-200\/75 {
  border-color: rgb(229 229 229 / 0.75);
}

.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}

.border-neutral-900 {
  --tw-border-opacity: 1;
  border-color: rgb(23 23 23 / var(--tw-border-opacity, 1));
}

.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 239 213 / var(--tw-border-opacity, 1));
}

.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 220 170 / var(--tw-border-opacity, 1));
}

.border-primary-300 {
  border-color: var(--primary-300);
}

.border-primary-500 {
  border-color: var(--primary-500);
}

.border-primary-600 {
  border-color: var(--primary-600);
}

.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(253 227 229 / var(--tw-border-opacity, 1));
}

.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(252 204 207 / var(--tw-border-opacity, 1));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(232 59 71 / var(--tw-border-opacity, 1));
}

.border-richBlack\/04 {
  border-color: rgb(11 5 29 / .04);
}

.border-richBlack\/08 {
  border-color: rgb(11 5 29 / .08);
}

.border-richBlack\/12 {
  border-color: rgb(11 5 29 / .12);
}

.border-seafoam-100 {
  --tw-border-opacity: 1;
  border-color: rgb(213 246 227 / var(--tw-border-opacity, 1));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.border-slate-900 {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.border-timberwolf {
  --tw-border-opacity: 1;
  border-color: rgb(220 216 218 / var(--tw-border-opacity, 1));
}

.border-transparent {
  border-color: transparent;
}

.border-violet-100 {
  --tw-border-opacity: 1;
  border-color: rgb(237 233 254 / var(--tw-border-opacity, 1));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 247 194 / var(--tw-border-opacity, 1));
}

.border-l-primary-500 {
  border-left-color: var(--primary-500);
}

.border-t-content-border-neutral {
  border-top-color: var(--content-border-neutral);
}

.border-t-gray-200 {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

.border-opacity-10 {
  --tw-border-opacity: 0.1;
}

.border-opacity-5 {
  --tw-border-opacity: 0.05;
}

.\!bg-\[color\:var\(--base-color\)\] {
  background-color: var(--base-color) !important;
}

.\!bg-\[color\:var\(--button-color\)\] {
  background-color: var(--button-color) !important;
}

.\!bg-\[rgba\(11\2c 5\2c 29\2c 0\.12\)\] {
  background-color: rgba(11,5,29,0.12) !important;
}

.\!bg-background-base {
  background-color: var(--background-base) !important;
}

.\!bg-background-elevated {
  background-color: var(--background-elevated) !important;
}

.\!bg-background-neutral {
  background-color: var(--background-neutral) !important;
}

.\!bg-background-overlay {
  background-color: var(--background-overlay) !important;
}

.\!bg-background-screen {
  background-color: var(--background-screen) !important;
}

.\!bg-brand-primary-shine {
  background-color: var(--brand-primary-shine) !important;
}

.\!bg-brand-secondary-mint {
  background-color: var(--brand-secondary-mint) !important;
}

.\!bg-brand-secondary-moola {
  background-color: var(--brand-secondary-moola) !important;
}

.\!bg-brand-secondary-spice {
  background-color: var(--brand-secondary-spice) !important;
}

.\!bg-content-primary {
  background-color: var(--content-primary) !important;
}

.\!bg-sentiment-negative {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(149 31 39 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-transparent {
  background-color: transparent !important;
}

.bg-\[\#342E26\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 46 38 / var(--tw-bg-opacity, 1));
}

.bg-\[\#342e26\]\/80 {
  background-color: rgb(52 46 38 / 0.8);
}

.bg-\[\#4E7A3E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(78 122 62 / var(--tw-bg-opacity, 1));
}

.bg-\[\#655AF9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(101 90 249 / var(--tw-bg-opacity, 1));
}

.bg-\[\#B3B5B7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 181 183 / var(--tw-bg-opacity, 1));
}

.bg-\[\#B6C9C1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(182 201 193 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EFEBFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 235 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F7F5F0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 240 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F8F5F4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FEEDE4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 237 228 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFFEF4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 254 244 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFFFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-\[color\:--code-editor-background\] {
  background-color: var(--code-editor-background);
}

.bg-\[color\:rgba\(var\(--base-color-rgb\)\2c 0\.1\)\] {
  background-color: rgba(var(--base-color-rgb),0.1);
}

.bg-\[color\:var\(--base-color\)\] {
  background-color: var(--base-color);
}

.bg-\[rgb\(118\2c 176\2c 183\)\]\/\[0\.12\] {
  background-color: rgb(118 176 183 / 0.12);
}

.bg-\[rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  background-color: rgba(0,0,0,0.04);
}

.bg-\[rgba\(104\2c 67\2c 0\2c 0\.08\)\] {
  background-color: rgba(104,67,0,0.08);
}

.bg-\[rgba\(179\2c 181\2c 183\2c 0\.6\)\] {
  background-color: rgba(179,181,183,0.6);
}

.bg-\[rgba\(243\2c 240\2c 232\2c 0\.12\)\] {
  background-color: rgba(243,240,232,0.12);
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.8\)\] {
  background-color: rgba(255,255,255,0.8);
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.80\)\] {
  background-color: rgba(255,255,255,0.80);
}

.bg-\[rgba\(var\(--base-color-rgb\)\2c 0\.12\)\] {
  background-color: rgba(var(--base-color-rgb),0.12);
}

.bg-\[rgba\(var\(--base-color-rgb\)\2c 0\.15\)\] {
  background-color: rgba(var(--base-color-rgb),0.15);
}

.bg-\[var\(--image-new-color\)\] {
  background-color: var(--image-new-color);
}

.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

.bg-background-base {
  background-color: var(--background-base);
}

.bg-background-elevated {
  background-color: var(--background-elevated);
}

.bg-background-neutral {
  background-color: var(--background-neutral);
}

.bg-background-overlay {
  background-color: var(--background-overlay);
}

.bg-background-screen {
  background-color: var(--background-screen);
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/04 {
  background-color: rgb(0 0 0 / .04);
}

.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}

.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}

.bg-blue-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}

.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.bg-brand-primary-brew {
  background-color: var(--brand-primary-brew);
}

.bg-brand-primary-crisp {
  background-color: var(--brand-primary-crisp);
}

.bg-brand-primary-shine {
  background-color: var(--brand-primary-shine);
}

.bg-brand-primary-shine-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 132 / var(--tw-bg-opacity, 1));
}

.bg-brand-secondary-mint {
  background-color: var(--brand-secondary-mint);
}

.bg-brand-secondary-moola {
  background-color: var(--brand-secondary-moola);
}

.bg-brand-secondary-moola-light {
  --tw-bg-opacity: 1;
  background-color: rgb(38 67 57 / var(--tw-bg-opacity, 1));
}

.bg-brand-secondary-piggy {
  background-color: var(--brand-secondary-piggy);
}

.bg-brand-secondary-spice {
  background-color: var(--brand-secondary-spice);
}

.bg-brand-secondary-spice-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(235 221 221 / var(--tw-bg-opacity, 1));
}

.bg-brand-secondary-spice-light {
  --tw-bg-opacity: 1;
  background-color: rgb(113 54 54 / var(--tw-bg-opacity, 1));
}

.bg-content-border-neutral {
  background-color: var(--content-border-neutral);
}

.bg-content-primary {
  background-color: var(--content-primary);
}

.bg-content-secondary {
  background-color: var(--content-secondary);
}

.bg-content-tertiary {
  background-color: var(--content-tertiary);
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}

.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-grayscale-1 {
  background-color: var(--grayscale-1);
}

.bg-grayscale-10 {
  background-color: var(--grayscale-10);
}

.bg-grayscale-2 {
  background-color: var(--grayscale-2);
}

.bg-grayscale-3 {
  background-color: var(--grayscale-3);
}

.bg-grayscale-4 {
  background-color: var(--grayscale-4);
}

.bg-grayscale-5 {
  background-color: var(--grayscale-5);
}

.bg-grayscale-6 {
  background-color: var(--grayscale-6);
}

.bg-grayscale-7 {
  background-color: var(--grayscale-7);
}

.bg-grayscale-8 {
  background-color: var(--grayscale-8);
}

.bg-grayscale-9 {
  background-color: var(--grayscale-9);
}

.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 255 238 / var(--tw-bg-opacity, 1));
}

.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(181 253 220 / var(--tw-bg-opacity, 1));
}

.bg-green-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(123 250 194 / var(--tw-bg-opacity, 1));
}

.bg-green-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 237 159 / var(--tw-bg-opacity, 1));
}

.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 254 246 / var(--tw-bg-opacity, 1));
}

.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 214 129 / var(--tw-bg-opacity, 1));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(7 164 96 / var(--tw-bg-opacity, 1));
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(10 139 84 / var(--tw-bg-opacity, 1));
}

.bg-green-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 109 69 / var(--tw-bg-opacity, 1));
}

.bg-green-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 89 59 / var(--tw-bg-opacity, 1));
}

.bg-green-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(1 50 31 / var(--tw-bg-opacity, 1));
}

.bg-inherit {
  background-color: inherit;
}

.bg-interactive-primary {
  background-color: var(--interactive-primary);
}

.bg-interactive-secondary {
  background-color: var(--interactive-secondary);
}

.bg-interactive-tertiary {
  background-color: var(--interactive-tertiary);
}

.bg-isabelline {
  --tw-bg-opacity: 1;
  background-color: rgb(241 237 234 / var(--tw-bg-opacity, 1));
}

.bg-mint-100 {
  background-color: var(--mint-100);
}

.bg-mint-200 {
  background-color: var(--mint-200);
}

.bg-mint-300 {
  background-color: var(--mint-300);
}

.bg-mint-400 {
  background-color: var(--mint-400);
}

.bg-mint-50 {
  background-color: var(--mint-50);
}

.bg-mint-500 {
  background-color: var(--mint-500);
}

.bg-mint-600 {
  background-color: var(--mint-600);
}

.bg-mint-700 {
  background-color: var(--mint-700);
}

.bg-mint-800 {
  background-color: var(--mint-800);
}

.bg-mint-900 {
  background-color: var(--mint-900);
}

.bg-mint-950 {
  background-color: var(--mint-950);
}

.bg-neutral-100\/80 {
  background-color: rgb(245 245 245 / 0.8);
}

.bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
}

.bg-neutral-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity, 1));
}

.bg-offWhite {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
}

.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 239 213 / var(--tw-bg-opacity, 1));
}

.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 248 237 / var(--tw-bg-opacity, 1));
}

.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 102 13 / var(--tw-bg-opacity, 1));
}

.bg-powderBlue\/30 {
  background-color: rgb(220 229 240 / 0.3);
}

.bg-primary-200 {
  background-color: var(--primary-200);
}

.bg-primary-400 {
  background-color: var(--primary-400);
}

.bg-primary-500 {
  background-color: var(--primary-500);
}

.bg-primary-600 {
  background-color: var(--primary-600);
}

.bg-primary-700 {
  background-color: var(--primary-700);
}

.bg-primary-800 {
  background-color: var(--primary-800);
}

.bg-primary-900 {
  background-color: var(--primary-900);
}

.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 227 229 / var(--tw-bg-opacity, 1));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 243 / var(--tw-bg-opacity, 1));
}

.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(232 59 71 / var(--tw-bg-opacity, 1));
}

.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(214 44 56 / var(--tw-bg-opacity, 1));
}

.bg-richBlack {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
}

.bg-richBlack\/04 {
  background-color: rgb(11 5 29 / .04);
}

.bg-richBlack\/10 {
  background-color: rgb(11 5 29 / 0.1);
}

.bg-richBlack\/12 {
  background-color: rgb(11 5 29 / .12);
}

.bg-seafoam-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 231 193 / var(--tw-bg-opacity, 1));
}

.bg-seafoam-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 251 244 / var(--tw-bg-opacity, 1));
}

.bg-seafoam-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(33 168 117 / var(--tw-bg-opacity, 1));
}

.bg-seafoam-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(19 136 95 / var(--tw-bg-opacity, 1));
}

.bg-sentiment-negative {
  --tw-bg-opacity: 1;
  background-color: rgb(149 31 39 / var(--tw-bg-opacity, 1));
}

.bg-sentiment-positive {
  --tw-bg-opacity: 1;
  background-color: rgb(14 109 69 / var(--tw-bg-opacity, 1));
}

.bg-sentiment-positive\/12 {
  background-color: rgb(14 109 69 / .12);
}

.bg-sentiment-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(181 123 25 / var(--tw-bg-opacity, 1));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.bg-slate-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}

.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.bg-spice-100 {
  background-color: var(--spice-100);
}

.bg-spice-200 {
  background-color: var(--spice-200);
}

.bg-spice-300 {
  background-color: var(--spice-300);
}

.bg-spice-400 {
  background-color: var(--spice-400);
}

.bg-spice-500 {
  background-color: var(--spice-500);
}

.bg-spice-600 {
  background-color: var(--spice-600);
}

.bg-spice-700 {
  background-color: var(--spice-700);
}

.bg-spice-800 {
  background-color: var(--spice-800);
}

.bg-spice-900 {
  background-color: var(--spice-900);
}

.bg-spice-950 {
  background-color: var(--spice-950);
}

.bg-transparent {
  background-color: transparent;
}

.bg-violet-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1));
}

.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}

.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}

.bg-violet-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}

.bg-white\/85 {
  background-color: rgb(255 255 255 / 0.85);
}

.bg-whiteSmoke {
  --tw-bg-opacity: 1;
  background-color: rgb(238 232 229 / var(--tw-bg-opacity, 1));
}

.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 194 / var(--tw-bg-opacity, 1));
}

.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 244 228 / var(--tw-bg-opacity, 1));
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.\!bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}

.bg-\[linear-gradient\(180deg\2c _\#F3FCF1_0\%\2c _\#EEFBF4_100\%\)\] {
  background-image: linear-gradient(180deg, #F3FCF1 0%, #EEFBF4 100%);
}

.bg-\[linear-gradient\(180deg\2c rgba\(245\2c 245\2c 245\2c 1\)_0\%\2c rgba\(255\2c 255\2c 255\2c 1\)_31\.02\%\)\] {
  background-image: linear-gradient(180deg,rgba(245,245,245,1) 0%,rgba(255,255,255,1) 31.02%);
}

.bg-\[radial-gradient\(rgba\(209\2c 213\2c 219\2c 0\.5\)_1px\2c transparent_1px\)\] {
  background-image: radial-gradient(rgba(209,213,219,0.5) 1px,transparent 1px);
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-none {
  background-image: none;
}

.\!from-yellow-200 {
  --tw-gradient-from: #f7dfae var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(247 223 174 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-\[\#BED1C9\] {
  --tw-gradient-from: #BED1C9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(190 209 201 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#DED6FF\] {
  --tw-gradient-from: #DED6FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(222 214 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#EEFBF4\] {
  --tw-gradient-from: #EEFBF4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(238 251 244 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#EFF9FB\] {
  --tw-gradient-from: #EFF9FB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 249 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#F8712B\] {
  --tw-gradient-from: #F8712B var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 43 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FFED84\] {
  --tw-gradient-from: #FFED84 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 237 132 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[rgba\(var\(--base-color-rgb\)\2c 0\.2\)\] {
  --tw-gradient-from: rgba(var(--base-color-rgb),0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgba(var(--base-color-rgb), 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[var\(--gradient-from\)\] {
  --tw-gradient-from: var(--gradient-from) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-secondary-moola {
  --tw-gradient-from: var(--brand-secondary-moola) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-500 {
  --tw-gradient-from: var(--primary-500) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-700 {
  --tw-gradient-from: var(--primary-700) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary-900 {
  --tw-gradient-from: var(--primary-900) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-richBlack\/0 {
  --tw-gradient-from: rgb(11 5 29 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(11 5 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-secondary-200 {
  --tw-gradient-from: var(--secondary-200) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-200 {
  --tw-gradient-from: #f7dfae var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(247 223 174 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[0\.71\%\] {
  --tw-gradient-from-position: 0.71%;
}

.via-\[\#FEF3F2\] {
  --tw-gradient-to: rgb(254 243 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FEF3F2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-\[6\.15\%\] {
  --tw-gradient-via-position: 6.15%;
}

.\!to-neutral-300 {
  --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position) !important;
}

.to-\[\#709186\] {
  --tw-gradient-to: #709186 var(--tw-gradient-to-position);
}

.to-\[\#937DF2\] {
  --tw-gradient-to: #937DF2 var(--tw-gradient-to-position);
}

.to-\[\#D5F6E3\] {
  --tw-gradient-to: #D5F6E3 var(--tw-gradient-to-position);
}

.to-\[\#F8F5F4\] {
  --tw-gradient-to: #F8F5F4 var(--tw-gradient-to-position);
}

.to-\[\#FBA67A\] {
  --tw-gradient-to: #FBA67A var(--tw-gradient-to-position);
}

.to-\[\#FCC713\] {
  --tw-gradient-to: #FCC713 var(--tw-gradient-to-position);
}

.to-\[rgba\(74\2c 83\2c 163\2c 0\)\] {
  --tw-gradient-to: rgba(74,83,163,0) var(--tw-gradient-to-position);
}

.to-neutral-300 {
  --tw-gradient-to: #d4d4d4 var(--tw-gradient-to-position);
}

.to-primary-400 {
  --tw-gradient-to: var(--primary-400) var(--tw-gradient-to-position);
}

.to-primary-600 {
  --tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position);
}

.to-primary-800 {
  --tw-gradient-to: var(--primary-800) var(--tw-gradient-to-position);
}

.to-richBlack\/\[0\.04\] {
  --tw-gradient-to: rgb(11 5 29 / 0.04) var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.to-\[15\.02\%\] {
  --tw-gradient-to-position: 15.02%;
}

.to-\[16\.95\%\] {
  --tw-gradient-to-position: 16.95%;
}

.bg-cover {
  background-size: cover;
}

.bg-center {
  background-position: center;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.fill-current {
  fill: currentColor;
}

.stroke-current {
  stroke: currentColor;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-left {
  -o-object-position: left;
     object-position: left;
}

.\!p-0 {
  padding: 0px !important;
}

.\!p-4 {
  padding: 1rem !important;
}

.\!p-6 {
  padding: 1.5rem !important;
}

.\!p-\[1px\] {
  padding: 1px !important;
}

.p-0 {
  padding: 0px;
}

.p-0\.5 {
  padding: 0.125rem;
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.p-12 {
  padding: 3rem;
}

.p-16 {
  padding: 4rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-24 {
  padding: 6rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-9 {
  padding: 2.25rem;
}

.p-\[0\.15rem\] {
  padding: 0.15rem;
}

.p-\[18px\] {
  padding: 18px;
}

.p-\[9px\] {
  padding: 9px;
}

.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

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

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.py-\[0\.3125rem\] {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.py-\[104px\] {
  padding-top: 104px;
  padding-bottom: 104px;
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.\!pb-0 {
  padding-bottom: 0px !important;
}

.\!pl-2 {
  padding-left: 0.5rem !important;
}

.\!pl-4 {
  padding-left: 1rem !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-0\.5 {
  padding-bottom: 0.125rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-2\.5 {
  padding-bottom: 0.625rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-3\.5 {
  padding-bottom: 0.875rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

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

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[104px\] {
  padding-bottom: 104px;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-1\.5 {
  padding-left: 0.375rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pl-3\.5 {
  padding-left: 0.875rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-2\.5 {
  padding-right: 0.625rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-3\.5 {
  padding-right: 0.875rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-\[58px\] {
  padding-right: 58px;
}

.pr-\[64px\] {
  padding-right: 64px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-0\.5 {
  padding-top: 0.125rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-1\.5 {
  padding-top: 0.375rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pt-3\.5 {
  padding-top: 0.875rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-9 {
  padding-top: 2.25rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-start {
  text-align: start;
}

.align-baseline {
  vertical-align: baseline;
}

.align-middle {
  vertical-align: middle;
}

.\!font-sans {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-\[\'Manrope\'\] {
  font-family: 'Manrope';
}

.font-display {
  font-family: Media Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-display-condensed {
  font-family: Media Sans Condensed, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-display-semi-condensed {
  font-family: Media Sans Semi-Condensed, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-inter {
  font-family: Inter;
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-northwell_alt {
  font-family: Northwell Alt;
}

.font-sans {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-base {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -0.0294rem;
}

.text-2xs {
  font-size: 0.6875rem;
  line-height: 1.33;
  letter-spacing: 0;
}

.text-3xl {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.0431rem;
}

.text-3xs {
  font-size: 0.5rem;
  line-height: 1.33;
  letter-spacing: 0;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 1.2;
  letter-spacing: -0.0375rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: -0.06rem;
}

.text-6xl {
  font-size: 3.5rem;
  line-height: 1.2;
  letter-spacing: -0.1138rem;
}

.text-7xl {
  font-size: 5rem;
  line-height: 1.2;
  letter-spacing: -0.1625rem;
}

.text-8xl {
  font-size: 6rem;
  line-height: 1.2;
  letter-spacing: -0.195rem;
}

.text-\[0\.65rem\] {
  font-size: 0.65rem;
}

.text-\[0\.75rem\] {
  font-size: 0.75rem;
}

.text-\[10px\] {
  font-size: 10px;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[34px\] {
  font-size: 34px;
}

.text-\[72px\] {
  font-size: 72px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.0113rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.text-xl {
  font-size: 1.3125rem;
  line-height: 1.33;
  letter-spacing: -0.0231rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0;
}

.\!font-normal {
  font-weight: 400 !important;
}

.font-\[400\] {
  font-weight: 400;
}

.font-\[600\] {
  font-weight: 600;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-\[110\%\] {
  line-height: 110%;
}

.leading-\[120\%\] {
  line-height: 120%;
}

.leading-\[130\%\] {
  line-height: 130%;
}

.leading-\[133\%\] {
  line-height: 133%;
}

.leading-\[140\%\] {
  line-height: 140%;
}

.leading-\[150\%\] {
  line-height: 150%;
}

.leading-\[2\.5rem\] {
  line-height: 2.5rem;
}

.leading-\[21px\] {
  line-height: 21px;
}

.leading-\[24px\] {
  line-height: 24px;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-\[48px\] {
  line-height: 48px;
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.33;
}

.leading-tight {
  line-height: 1.2;
}

.\!tracking-normal {
  letter-spacing: 0em !important;
}

.tracking-\[-0\.64px\] {
  letter-spacing: -0.64px;
}

.tracking-\[-0\.96px\] {
  letter-spacing: -0.96px;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-tight-1 {
  letter-spacing: -0.01rem;
}

.tracking-tight-10 {
  letter-spacing: -0.1625rem;
}

.tracking-tight-2 {
  letter-spacing: -0.02rem;
}

.tracking-tight-3 {
  letter-spacing: -0.03rem;
}

.tracking-tight-4 {
  letter-spacing: -0.04rem;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.\!text-\[color\:var\(--brand-primary\)\] {
  color: var(--brand-primary) !important;
}

.\!text-\[color\:var\(--main-text-color\)\] {
  color: var(--main-text-color) !important;
}

.\!text-\[color\:var\(--secondary-brand-color\)\] {
  color: var(--secondary-brand-color) !important;
}

.\!text-background-base {
  color: var(--background-base) !important;
}

.\!text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.\!text-content-primary {
  color: var(--content-primary) !important;
}

.\!text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(232 59 71 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#0F6D4E\] {
  --tw-text-opacity: 1;
  color: rgb(15 109 78 / var(--tw-text-opacity, 1));
}

.text-\[\#22601B\] {
  --tw-text-opacity: 1;
  color: rgb(34 96 27 / var(--tw-text-opacity, 1));
}

.text-\[\#6F7071\] {
  --tw-text-opacity: 1;
  color: rgb(111 112 113 / var(--tw-text-opacity, 1));
}

.text-\[\#76B0B7\] {
  --tw-text-opacity: 1;
  color: rgb(118 176 183 / var(--tw-text-opacity, 1));
}

.text-\[\#D19D20\] {
  --tw-text-opacity: 1;
  color: rgb(209 157 32 / var(--tw-text-opacity, 1));
}

.text-\[\#F8712B\] {
  --tw-text-opacity: 1;
  color: rgb(248 113 43 / var(--tw-text-opacity, 1));
}

.text-\[color\:var\(--base-color\)\] {
  color: var(--base-color);
}

.text-\[rgba\(var\(--base-color-rgb\)\2c 0\.85\)\] {
  color: rgba(var(--base-color-rgb),0.85);
}

.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

.text-background-base {
  color: var(--background-base);
}

.text-background-elevated {
  color: var(--background-elevated);
}

.text-base-white {
  color: var(--white);
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.text-brand-primary-brew-light {
  --tw-text-opacity: 1;
  color: rgb(52 46 38 / var(--tw-text-opacity, 1));
}

.text-brand-primary-brew-light\/40 {
  color: rgb(52 46 38 / 0.4);
}

.text-brand-primary-brew-light\/64 {
  color: rgb(52 46 38 / .64);
}

.text-brand-primary-crisp {
  color: var(--brand-primary-crisp);
}

.text-brand-primary-shine {
  color: var(--brand-primary-shine);
}

.text-brand-secondary-mint {
  color: var(--brand-secondary-mint);
}

.text-brand-secondary-moola {
  color: var(--brand-secondary-moola);
}

.text-brand-secondary-spice {
  color: var(--brand-secondary-spice);
}

.text-content-border-input {
  color: var(--content-border-input);
}

.text-content-border-neutral {
  color: var(--content-border-neutral);
}

.text-content-primary {
  color: var(--content-primary);
}

.text-content-secondary {
  color: var(--content-secondary);
}

.text-content-tertiary {
  color: var(--content-tertiary);
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-grayscale-7 {
  color: var(--grayscale-7);
}

.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(17 214 129 / var(--tw-text-opacity, 1));
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(7 164 96 / var(--tw-text-opacity, 1));
}

.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(14 109 69 / var(--tw-text-opacity, 1));
}

.text-inherit {
  color: inherit;
}

.text-interactive-control {
  color: var(--interactive-control);
}

.text-interactive-primary {
  color: var(--interactive-primary);
}

.text-interactive-secondary {
  color: var(--interactive-secondary);
}

.text-mint-800 {
  color: var(--mint-800);
}

.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity, 1));
}

.text-offWhite {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(236 102 13 / var(--tw-text-opacity, 1));
}

.text-pink-600 {
  --tw-text-opacity: 1;
  color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}

.text-primary-400 {
  color: var(--primary-400);
}

.text-primary-500 {
  color: var(--primary-500);
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(232 59 71 / var(--tw-text-opacity, 1));
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(214 44 56 / var(--tw-text-opacity, 1));
}

.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(180 33 43 / var(--tw-text-opacity, 1));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(124 32 38 / var(--tw-text-opacity, 1));
}

.text-richBlack {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.text-richBlack\/32 {
  color: rgb(11 5 29 / .32);
}

.text-richBlack\/36 {
  color: rgb(11 5 29 / .36);
}

.text-richBlack\/64 {
  color: rgb(11 5 29 / .64);
}

.text-seafoam-500 {
  --tw-text-opacity: 1;
  color: rgb(33 168 117 / var(--tw-text-opacity, 1));
}

.text-seafoam-600 {
  --tw-text-opacity: 1;
  color: rgb(19 136 95 / var(--tw-text-opacity, 1));
}

.text-secondary-300 {
  color: var(--secondary-300);
}

.text-secondary-500 {
  color: var(--secondary-500);
}

.text-secondary-700 {
  color: var(--secondary-700);
}

.text-sentiment-negative {
  --tw-text-opacity: 1;
  color: rgb(149 31 39 / var(--tw-text-opacity, 1));
}

.text-sentiment-positive {
  --tw-text-opacity: 1;
  color: rgb(14 109 69 / var(--tw-text-opacity, 1));
}

.text-sentiment-warning {
  --tw-text-opacity: 1;
  color: rgb(181 123 25 / var(--tw-text-opacity, 1));
}

.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.text-slate-50 {
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity, 1));
}

.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.text-violet-600 {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.\!underline {
  text-decoration-line: underline !important;
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.no-underline {
  text-decoration-line: none;
}

.decoration-\[\#9CE7C1\] {
  text-decoration-color: #9CE7C1;
}

.decoration-content-primary {
  text-decoration-color: var(--content-primary);
}

.decoration-content-secondary {
  text-decoration-color: var(--content-secondary);
}

.decoration-content-tertiary {
  text-decoration-color: var(--content-tertiary);
}

.decoration-green-600 {
  text-decoration-color: #07a460;
}

.decoration-solid {
  text-decoration-style: solid;
}

.decoration-dotted {
  text-decoration-style: dotted;
}

.decoration-2 {
  text-decoration-thickness: 2px;
}

.underline-offset-1 {
  text-underline-offset: 1px;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-red-500::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(232 59 71 / var(--tw-placeholder-opacity, 1));
}

.placeholder-red-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(232 59 71 / var(--tw-placeholder-opacity, 1));
}

.caret-transparent {
  caret-color: transparent;
}

.opacity-0 {
  opacity: 0;
}

.opacity-08 {
  opacity: .08;
}

.opacity-100 {
  opacity: 1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-\[0\.72\] {
  opacity: 0.72;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.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);
}

.shadow-\[-6px_8px_0px_0px_rgba\(var\(--base-color-rgb\)\2c 1\)\] {
  --tw-shadow: -6px 8px 0px 0px rgba(var(--base-color-rgb),1);
  --tw-shadow-colored: -6px 8px 0px 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);
}

.shadow-\[0px_-4px_28px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0px -4px 28px 0px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0px -4px 28px 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);
}

.shadow-\[0px_0\.5px_0\.5px_0px_rgba\(255\2c 255\2c 255\2c 0\.25\)_inset\2c 0px_-0\.5px_0\.5px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)_inset\] {
  --tw-shadow: 0px 0.5px 0.5px 0px rgba(255,255,255,0.25) inset,0px -0.5px 0.5px 0px rgba(0,0,0,0.25) inset;
  --tw-shadow-colored: inset 0px 0.5px 0.5px 0px var(--tw-shadow-color), inset 0px -0.5px 0.5px 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);
}

.shadow-\[0px_0px_0px_0px_\#342E26\2c 0px_0px_0px_0px_rgba\(52\2c 46\2c 38\2c 0\.00\)\2c 0px_0px_2px_0px_rgba\(52\2c 46\2c 38\2c 0\.08\)\2c 0px_4px_6px_0px_rgba\(52\2c 46\2c 38\2c 0\.04\)\] {
  --tw-shadow: 0px 0px 0px 0px #342E26,0px 0px 0px 0px rgba(52,46,38,0.00),0px 0px 2px 0px rgba(52,46,38,0.08),0px 4px 6px 0px rgba(52,46,38,0.04);
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.shadow-\[0px_0px_0px_0px_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0px_0px_0px_0px_rgba\(0\2c 0\2c 0\2c 0\.00\)\2c 0px_0px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\2c 0px_8px_28px_0px_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0px 0px 0px 0px rgba(0,0,0,0.00),0px 0px 0px 0px rgba(0,0,0,0.00),0px 0px 6px 0px rgba(0,0,0,0.05),0px 8px 28px 0px rgba(0,0,0,0.05);
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 6px 0px var(--tw-shadow-color), 0px 8px 28px 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);
}

.shadow-\[0px_0px_0px_1px_rgba\(52\2c 46\2c 38\2c 0\.44\)\2c 0px_0px_0px_4px_rgba\(11\2c 5\2c 29\2c 0\.16\)\] {
  --tw-shadow: 0px 0px 0px 1px rgba(52,46,38,0.44),0px 0px 0px 4px rgba(11,5,29,0.16);
  --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 0px 0px 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);
}

.shadow-\[0px_100px_80px_0px_rgba\(99\2c 99\2c 99\2c 0\.02\)\2c 0px_41\.778px_33\.422px_0px_rgba\(99\2c 99\2c 99\2c 0\.03\)\2c 0px_22\.336px_17\.87px_0px_rgba\(99\2c 99\2c 99\2c 0\.04\)\2c 0px_12\.522px_10\.018px_0px_rgba\(99\2c 99\2c 99\2c 0\.04\)\2c 0px_6\.65px_5\.32px_0px_rgba\(99\2c 99\2c 99\2c 0\.05\)\2c 0px_2\.767px_2\.214px_0px_rgba\(99\2c 99\2c 99\2c 0\.07\)\] {
  --tw-shadow: 0px 100px 80px 0px rgba(99,99,99,0.02),0px 41.778px 33.422px 0px rgba(99,99,99,0.03),0px 22.336px 17.87px 0px rgba(99,99,99,0.04),0px 12.522px 10.018px 0px rgba(99,99,99,0.04),0px 6.65px 5.32px 0px rgba(99,99,99,0.05),0px 2.767px 2.214px 0px rgba(99,99,99,0.07);
  --tw-shadow-colored: 0px 100px 80px 0px var(--tw-shadow-color), 0px 41.778px 33.422px 0px var(--tw-shadow-color), 0px 22.336px 17.87px 0px var(--tw-shadow-color), 0px 12.522px 10.018px 0px var(--tw-shadow-color), 0px 6.65px 5.32px 0px var(--tw-shadow-color), 0px 2.767px 2.214px 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);
}

.shadow-\[0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.07\)\] {
  --tw-shadow: 0px 1px 1px 0px rgba(0,0,0,0.07);
  --tw-shadow-colored: 0px 1px 1px 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);
}

.shadow-\[0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 1px 1px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 1px 1px 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);
}

.shadow-\[0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\2c 0px_2px_5px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 1px 1px 0px rgba(0,0,0,0.12),0px 2px 5px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 1px 1px 0px var(--tw-shadow-color), 0px 2px 5px 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);
}

.shadow-\[0px_1px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0px 1px 2px 0px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 1px 2px 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);
}

.shadow-\[0px_1px_2px_0px_rgba\(11\2c 5\2c 29\2c 0\.12\)\] {
  --tw-shadow: 0px 1px 2px 0px rgba(11,5,29,0.12);
  --tw-shadow-colored: 0px 1px 2px 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);
}

.shadow-\[0px_1px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 1px 4px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 1px 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);
}

.shadow-\[0px_2px_5px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\2c 0px_1px_1px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 2px 5px 0px rgba(0,0,0,0.08),0px 1px 1px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 2px 5px 0px var(--tw-shadow-color), 0px 1px 1px 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);
}

.shadow-\[0px_2px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
  --tw-shadow: 0px 2px 6px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0px 2px 6px 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);
}

.shadow-\[0px_3px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.04\)\] {
  --tw-shadow: 0px 3px 2px 0px rgba(0,0,0,0.04);
  --tw-shadow-colored: 0px 3px 2px 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);
}

.shadow-\[0px_5px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.01\)\] {
  --tw-shadow: 0px 5px 2px 0px rgba(0,0,0,0.01);
  --tw-shadow-colored: 0px 5px 2px 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);
}

.shadow-\[0px_8px_2px_0px_rgba\(0\2c 0\2c 0\2c 0\.00\)\] {
  --tw-shadow: 0px 8px 2px 0px rgba(0,0,0,0.00);
  --tw-shadow-colored: 0px 8px 2px 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);
}

.shadow-\[inset_0px_-1px_1px_0px_rgba\(255\2c 255\2c 255\2c 0\.11\)\] {
  --tw-shadow: inset 0px -1px 1px 0px rgba(255,255,255,0.11);
  --tw-shadow-colored: inset 0px -1px 1px 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);
}

.shadow-\[inset_0px_-1px_1px_0px_rgba\(255\2c 255\2c 255\2c 0\.20\)\] {
  --tw-shadow: inset 0px -1px 1px 0px rgba(255,255,255,0.20);
  --tw-shadow-colored: inset 0px -1px 1px 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);
}

.shadow-\[inset_0px_6px_12px_0px_rgba\(255\2c 255\2c 255\2c 0\.20\)\] {
  --tw-shadow: inset 0px 6px 12px 0px rgba(255,255,255,0.20);
  --tw-shadow-colored: inset 0px 6px 12px 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);
}

.shadow-\[rgba\(0\2c 0\2c 0\2c 0\.05\)_0px_0px_0px_0px\2c rgba\(0\2c 0\2c 0\2c 0\.08\)_0px_0px_2px_0px\2c rgba\(0\2c 0\2c 0\2c 0\.04\)_0px_4px_6px_0px\] {
  --tw-shadow: rgba(0,0,0,0.05) 0px 0px 0px 0px,rgba(0,0,0,0.08) 0px 0px 2px 0px,rgba(0,0,0,0.04) 0px 4px 6px 0px;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0px 0px 0px 0px rgba(0,0,0, 0.00), 0px 0px 0px 0px rgba(0,0,0, 0.00), 0px 8px 28px 0px rgba(0,0,0, 0.16);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 8px 28px 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);
}

.shadow-md {
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.shadow-menu {
  --tw-shadow: 0px 20px 80px 0px rgba(52, 46, 38, 0.08), 0px 7.3px 29.2px 0px rgba(52, 46, 38, 0.05), 0px 3.5px 14.2px 0px rgba(52, 46, 38, 0.04), 0px 1.7px 6.9px 0px rgba(52, 46, 38, 0.03), 0px 0.7px 2.7px 0px rgba(52, 46, 38, 0.02);
  --tw-shadow-colored: 0px 20px 80px 0px var(--tw-shadow-color), 0px 7.3px 29.2px 0px var(--tw-shadow-color), 0px 3.5px 14.2px 0px var(--tw-shadow-color), 0px 1.7px 6.9px 0px var(--tw-shadow-color), 0px 0.7px 2.7px 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);
}

.shadow-none {
  --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);
}

.shadow-sm {
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.shadow-toast {
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 10px 15px -3px rgba(0, 0, 0, 0.08), 0px 4px 6px -4px rgba(0, 0, 0, 0.08);
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color), 0px 4px 6px -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);
}

.shadow-xl {
  --tw-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.00);
  --tw-shadow-colored: 0 16px 30px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-slate-900 {
  --tw-shadow-color: #0f172a;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-white {
  --tw-shadow-color: #fff;
  --tw-shadow: var(--tw-shadow-colored);
}

.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline {
  outline-style: solid;
}

.outline-1 {
  outline-width: 1px;
}

.outline-4 {
  outline-width: 4px;
}

.-outline-offset-1 {
  outline-offset: -1px;
}

.outline-offset-\[-1px\] {
  outline-offset: -1px;
}

.outline-\[rgba\(52\2c 46\2c 38\2c 0\.12\)\] {
  outline-color: rgba(52,46,38,0.12);
}

.outline-brand-secondary-moola {
  outline-color: var(--brand-secondary-moola);
}

.outline-content-border-neutral {
  outline-color: var(--content-border-neutral);
}

.outline-gray-300 {
  outline-color: #d1d5db;
}

.\!ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-\[rgba\(11\2c 5\2c 29\2c 0\.40\)\] {
  --tw-ring-color: rgba(11,5,29,0.40);
}

.ring-content-border-neutral {
  --tw-ring-color: var(--content-border-neutral);
}

.ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-\[opacity_0ms\2c width_300ms\] {
  transition-property: opacity 0ms,width 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.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;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-0 {
  transition-delay: 0s;
}

.delay-1000 {
  transition-delay: 1000ms;
}

.delay-\[inherit\] {
  transition-delay: inherit;
}

.duration-0 {
  transition-duration: 0s;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-1000 {
  transition-duration: 1000ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-\[160ms\] {
  transition-duration: 160ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-auto::-webkit-scrollbar {
  display: block;
}

.scrollbar-auto {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.masked-by-image {
  -webkit-mask-image: var(--mask-image-url);
          mask-image: var(--mask-image-url);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
}

.background-fade-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  max-width: 100vw;
  overflow: hidden;
  z-index: -1;
}

.background-fade:before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: var(--primary-200);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.background-fade {
  position: absolute;
  top: 0px;
  transform: translate(-360px, 0px) rotate(-45deg);
  z-index: -1;
  background-color: var(--primary-400);
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.medium-fade:before {
  right: -40px;
  top: -200px;
  width: 1000px;
  height: 600px;
}

.medium-fade {
  right: -800px;
  width: 800px;
  height: 600px;
}

.large-fade:before {
  right: -0px;
  top: -200px;
  width: 1500px;
  height: 800px;
}

.large-fade {
  right: -700px;
  width: 1000px;
  height: 800px;
}

.reveal {
  transition-property: opacity, transform;
  --tw-translate-y: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.reveal-from-left {
  --tw-translate-y: 0px;
  --tw-translate-x: -5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.reveal.in {
  transform: none;
  opacity: 1;
  transition-duration: 1000ms;
}

.space-y > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-x > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.gap-y {
  row-gap: 1.25rem;
}

.gap-x {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

[hidden] {
  display: none !important;
}

.font-size-inherit {
  font-size: inherit;
}

.left-inherit {
  left: inherit;
}

.right-inherit {
  right: inherit;
}

.top-inherit {
  top: inherit;
}

.bottom-inherit {
  bottom: inherit;
}

.translate-x-inherit {
  --tw-translate-x: inherit;
  transform: inherit;
}

.slide-direction-down {
  --initial-direction: 1;
}

.slide-direction-up {
  --initial-direction: -1;
}

.animation-paused {
  animation-play-state: paused;
}

.\[--code-editor-background\:theme\(\'colors\.white\'\)\] {
  --code-editor-background: #fff;
}

.\[--dropdown-max-height\:none\] {
  --dropdown-max-height: none;
}

.\[--dropdown-max-width\:300px\] {
  --dropdown-max-width: 300px;
}

.\[--dropdown-max-width\:none\] {
  --dropdown-max-width: none;
}

.\[--dropdown-min-width\:240px\] {
  --dropdown-min-width: 240px;
}

.\[--dropdown-width\:265px\] {
  --dropdown-width: 265px;
}

.\[--dropdown-width\:max-content\] {
  --dropdown-width: max-content;
}

.\[--large-button-min-width\:100\%\] {
  --large-button-min-width: 100%;
}

.\[--large-button-min-width\:48\%\] {
  --large-button-min-width: 48%;
}

.\[--tw-ring-color\:var\(--tw-ring-color-dark\)\] {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.\[--tw-ring-color\:var\(--tw-ring-color-light\)\] {
  --tw-ring-color: var(--tw-ring-color-light);
}

.\[background-size\:8px_8px\] {
  background-size: 8px 8px;
}

.\[border-color\:var\(--base-color\)\] {
  border-color: var(--base-color);
}

.\[border-radius\:10px\] {
  border-radius: 10px;
}

.\[border-radius\:12px\] {
  border-radius: 12px;
}

.\[border-radius\:20px\] {
  border-radius: 20px;
}

.\[border-radius\:4px\] {
  border-radius: 4px;
}

.\[border-radius\:5px\] {
  border-radius: 5px;
}

.\[box-shadow\:0px_1px_3px_0px_rgba\(37\2c _122\2c _27\2c _0\.06\)\2c _0px_7px_29px_0px_rgba\(37\2c _122\2c _27\2c _0\.12\)\2c _0px_2px_8px_0px_rgba\(37\2c _122\2c _27\2c _0\.04\)\2c _0px_2px_7px_0px_rgba\(37\2c _122\2c _27\2c _0\.07\)\] {
  box-shadow: 0px 1px 3px 0px rgba(37, 122, 27, 0.06), 0px 7px 29px 0px rgba(37, 122, 27, 0.12), 0px 2px 8px 0px rgba(37, 122, 27, 0.04), 0px 2px 7px 0px rgba(37, 122, 27, 0.07);
}

/* not in @layer components */

[data-select-all-target="wrapper"]form.button_to {
  display: block;
}

form.button_to {
  display: inline-block;
}

form.button_to input[type='submit'] {
  background-color: transparent;
}

form.button_to input[type='submit'].button {
  background-color: var(--primary-800);
}

form.button_to input[type='submit'].button:hover {
  background-color: var(--primary-900);
}

svg:where(.icon) {
  /* still beats tailwind's default of block */
}

[data-select-all-target="wrapper"]svg:where(.icon) {
  display: block;
}

svg:where(.icon) {
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: text-bottom;
}

/******************************
  Box modifications
******************************/

.box-inset-left {
  box-shadow: 5px 0px 0px 0px var(--inset-color) inset,
    0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 5px 0px rgba(0, 0, 0, 0.08);
}

/******************************
  Main area
******************************/

.is-main-area {
  border-radius: 0.75rem;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: #EFF9FB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 249 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-from-position: 0.71%;
  --tw-gradient-to: rgb(254 243 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FEF3F2 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-via-position: 6.15%;
  --tw-gradient-to: #F8F5F4 var(--tw-gradient-to-position);
  --tw-gradient-to-position: 15.02%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .is-main-area {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.text-placeholder {
  color: var(--grayscale-4);
}

.bg-placeholder {
  background-color: var(--background-overlay);
}

.bg-placeholder:where(.dark, .dark *) {
  background-color: rgba(255,255,255,0.10);
}

.primary-screen-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 1264px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .primary-screen-width {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.secondary-screen-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1024px) {
  .secondary-screen-width {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* max width of empty state is 704px, and its first child has p-8 so internal with is 648px */

.small-screen-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 704px;
}

/* 
 * Refer to the stimulus-scroll-reveal documentation for details.
 * https://www.stimulus-components.com/docs/stimulus-scroll-reveal/
 */

/* carousel for listing page */

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* @import "./tailwind/dark-mode"; */

:root, .theme-blue {
  --primary-50: #eff6ff;
  --primary-100: #dbeafe;
  --primary-200: #bfdbfe;
  --primary-300: #93c5fd;
  --primary-400: #60a5fa;
  --primary-500: #3b82f6;
  --primary-600: #2563eb;
  --primary-700: #1d4ed8;
  --primary-800: #1e40af;
  --primary-900: #1e3a8a;
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
}

.theme-slate {
  --primary-50: #f8fafc;
  --primary-100: #f1f5f9;
  --primary-200: #e2e8f0;
  --primary-300: #cbd5e1;
  --primary-400: #94a3b8;
  --primary-500: #64748b;
  --primary-600: #475569;
  --primary-700: #334155;
  --primary-800: #1e293b;
  --primary-900: #0f172a;
  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-gray {
  --primary-50: #f8fafc;
  --primary-100: #f1f5f9;
  --primary-200: #e2e8f0;
  --primary-300: #cbd5e1;
  --primary-400: #94a3b8;
  --primary-500: #64748b;
  --primary-600: #475569;
  --primary-700: #334155;
  --primary-800: #1e293b;
  --primary-900: #0f172a;
  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-zinc {
  --primary-50: #fafafa;
  --primary-100: #f4f4f5;
  --primary-200: #e4e4e7;
  --primary-300: #d4d4d8;
  --primary-400: #a1a1aa;
  --primary-500: #71717a;
  --primary-600: #52525b;
  --primary-700: #3f3f46;
  --primary-800: #27272a;
  --primary-900: #18181b;
  --secondary-50: #fafafa;
  --secondary-100: #f4f4f5;
  --secondary-200: #e4e4e7;
  --secondary-300: #d4d4d8;
  --secondary-400: #a1a1aa;
  --secondary-500: #71717a;
  --secondary-600: #52525b;
  --secondary-700: #3f3f46;
  --secondary-800: #27272a;
  --secondary-900: #18181b;
}

.theme-neutral {
  --primary-50: #fafafa;
  --primary-100: #f5f5f5;
  --primary-200: #e5e5e5;
  --primary-300: #d4d4d4;
  --primary-400: #a3a3a3;
  --primary-500: #737373;
  --primary-600: #525252;
  --primary-700: #404040;
  --primary-800: #262626;
  --primary-900: #171717;
  --secondary-50: #fafafa;
  --secondary-100: #f5f5f5;
  --secondary-200: #e5e5e5;
  --secondary-300: #d4d4d4;
  --secondary-400: #a3a3a3;
  --secondary-500: #737373;
  --secondary-600: #525252;
  --secondary-700: #404040;
  --secondary-800: #262626;
  --secondary-900: #171717;
}

.theme-stone {
  --primary-50: #fafaf9;
  --primary-100: #f5f5f4;
  --primary-200: #e7e5e4;
  --primary-300: #d6d3d1;
  --primary-400: #a8a29e;
  --primary-500: #78716c;
  --primary-600: #57534e;
  --primary-700: #44403c;
  --primary-800: #292524;
  --primary-900: #1c1917;
  --secondary-50: #fafaf9;
  --secondary-100: #f5f5f4;
  --secondary-200: #e7e5e4;
  --secondary-300: #d6d3d1;
  --secondary-400: #a8a29e;
  --secondary-500: #78716c;
  --secondary-600: #57534e;
  --secondary-700: #44403c;
  --secondary-800: #292524;
  --secondary-900: #1c1917;
}

.theme-red {
  --primary-50: #fef2f3;
  --primary-100: #fde3e5;
  --primary-200: #fccccf;
  --primary-300: #f9a8ae;
  --primary-400: #f4757e;
  --primary-500: #e83b47;
  --primary-600: #d62c38;
  --primary-700: #b4212b;
  --primary-800: #951f27;
  --primary-900: #7c2026;
  --secondary-50: #fef2f3;
  --secondary-100: #fde3e5;
  --secondary-200: #fccccf;
  --secondary-300: #f9a8ae;
  --secondary-400: #f4757e;
  --secondary-500: #e83b47;
  --secondary-600: #d62c38;
  --secondary-700: #b4212b;
  --secondary-800: #951f27;
  --secondary-900: #7c2026;
}

.theme-orange {
  --primary-50: #fff8ed;
  --primary-100: #ffefd5;
  --primary-200: #fedcaa;
  --primary-300: #fcc275;
  --primary-400: #fa9d3d;
  --primary-500: #f88017;
  --primary-600: #ec660d;
  --primary-700: #c14b0d;
  --primary-800: #993c13;
  --primary-900: #7c3312;
  --secondary-50: #fff8ed;
  --secondary-100: #ffefd5;
  --secondary-200: #fedcaa;
  --secondary-300: #fcc275;
  --secondary-400: #fa9d3d;
  --secondary-500: #f88017;
  --secondary-600: #ec660d;
  --secondary-700: #c14b0d;
  --secondary-800: #993c13;
  --secondary-900: #7c3312;
}

.theme-amber {
  --primary-50: #fffbeb;
  --primary-100: #fef3c7;
  --primary-200: #fde68a;
  --primary-300: #fcd34d;
  --primary-400: #fbbf24;
  --primary-500: #f59e0b;
  --primary-600: #d97706;
  --primary-700: #b45309;
  --primary-800: #92400e;
  --primary-900: #78350f;
  --secondary-50: #fffbeb;
  --secondary-100: #fef3c7;
  --secondary-200: #fde68a;
  --secondary-300: #fcd34d;
  --secondary-400: #fbbf24;
  --secondary-500: #f59e0b;
  --secondary-600: #d97706;
  --secondary-700: #b45309;
  --secondary-800: #92400e;
  --secondary-900: #78350f;
}

.theme-yellow {
  --primary-50: #FCF4E4;
  --primary-100: #FFF7C2;
  --primary-200: #f7dfae;
  --primary-300: #f2ca77;
  --primary-400: #e2b42d;
  --primary-500: #d19d20;
  --primary-600: #b57b19;
  --primary-700: #915917;
  --primary-800: #78471b;
  --primary-900: #673c1c;
  --secondary-50: #FCF4E4;
  --secondary-100: #FFF7C2;
  --secondary-200: #f7dfae;
  --secondary-300: #f2ca77;
  --secondary-400: #e2b42d;
  --secondary-500: #d19d20;
  --secondary-600: #b57b19;
  --secondary-700: #915917;
  --secondary-800: #78471b;
  --secondary-900: #673c1c;
}

.theme-lime {
  --primary-50: #f7fee7;
  --primary-100: #ecfccb;
  --primary-200: #d9f99d;
  --primary-300: #bef264;
  --primary-400: #a3e635;
  --primary-500: #84cc16;
  --primary-600: #65a30d;
  --primary-700: #4d7c0f;
  --primary-800: #3f6212;
  --primary-900: #365314;
  --secondary-50: #f7fee7;
  --secondary-100: #ecfccb;
  --secondary-200: #d9f99d;
  --secondary-300: #bef264;
  --secondary-400: #a3e635;
  --secondary-500: #84cc16;
  --secondary-600: #65a30d;
  --secondary-700: #4d7c0f;
  --secondary-800: #3f6212;
  --secondary-900: #365314;
}

.theme-green {
  --primary-50: #effef6;
  --primary-100: #d9ffee;
  --primary-200: #b5fddc;
  --primary-300: #7bfac2;
  --primary-400: #3bed9f;
  --primary-500: #11d681;
  --primary-600: #07a460;
  --primary-700: #0a8b54;
  --primary-800: #0e6d45;
  --primary-900: #0e593b;
  --secondary-50: #effef6;
  --secondary-100: #d9ffee;
  --secondary-200: #b5fddc;
  --secondary-300: #7bfac2;
  --secondary-400: #3bed9f;
  --secondary-500: #11d681;
  --secondary-600: #07a460;
  --secondary-700: #0a8b54;
  --secondary-800: #0e6d45;
  --secondary-900: #0e593b;
}

.theme-emerald {
  --primary-50: #ecfdf5;
  --primary-100: #d1fae5;
  --primary-200: #a7f3d0;
  --primary-300: #6ee7b7;
  --primary-400: #34d399;
  --primary-500: #10b981;
  --primary-600: #059669;
  --primary-700: #047857;
  --primary-800: #065f46;
  --primary-900: #064e3b;
  --secondary-50: #ecfdf5;
  --secondary-100: #d1fae5;
  --secondary-200: #a7f3d0;
  --secondary-300: #6ee7b7;
  --secondary-400: #34d399;
  --secondary-500: #10b981;
  --secondary-600: #059669;
  --secondary-700: #047857;
  --secondary-800: #065f46;
  --secondary-900: #064e3b;
}

.theme-teal {
  --primary-50: #f0fdfa;
  --primary-100: #ccfbf1;
  --primary-200: #99f6e4;
  --primary-300: #5eead4;
  --primary-400: #2dd4bf;
  --primary-500: #14b8a6;
  --primary-600: #0d9488;
  --primary-700: #0f766e;
  --primary-800: #115e59;
  --primary-900: #134e4a;
  --secondary-50: #f0fdfa;
  --secondary-100: #ccfbf1;
  --secondary-200: #99f6e4;
  --secondary-300: #5eead4;
  --secondary-400: #2dd4bf;
  --secondary-500: #14b8a6;
  --secondary-600: #0d9488;
  --secondary-700: #0f766e;
  --secondary-800: #115e59;
  --secondary-900: #134e4a;
}

.theme-cyan {
  --primary-50: #ecfeff;
  --primary-100: #cffafe;
  --primary-200: #a5f3fc;
  --primary-300: #67e8f9;
  --primary-400: #22d3ee;
  --primary-500: #06b6d4;
  --primary-600: #0891b2;
  --primary-700: #0e7490;
  --primary-800: #155e75;
  --primary-900: #164e63;
  --secondary-50: #ecfeff;
  --secondary-100: #cffafe;
  --secondary-200: #a5f3fc;
  --secondary-300: #67e8f9;
  --secondary-400: #22d3ee;
  --secondary-500: #06b6d4;
  --secondary-600: #0891b2;
  --secondary-700: #0e7490;
  --secondary-800: #155e75;
  --secondary-900: #164e63;
}

.theme-sky {
  --primary-50: #f0f9ff;
  --primary-100: #e0f2fe;
  --primary-200: #bae6fd;
  --primary-300: #7dd3fc;
  --primary-400: #38bdf8;
  --primary-500: #0ea5e9;
  --primary-600: #0284c7;
  --primary-700: #0369a1;
  --primary-800: #075985;
  --primary-900: #0c4a6e;
  --secondary-50: #f0f9ff;
  --secondary-100: #e0f2fe;
  --secondary-200: #bae6fd;
  --secondary-300: #7dd3fc;
  --secondary-400: #38bdf8;
  --secondary-500: #0ea5e9;
  --secondary-600: #0284c7;
  --secondary-700: #0369a1;
  --secondary-800: #075985;
  --secondary-900: #0c4a6e;
}

.theme-indigo {
  --primary-50: #eef2ff;
  --primary-100: #e0e7ff;
  --primary-200: #c7d2fe;
  --primary-300: #a5b4fc;
  --primary-400: #818cf8;
  --primary-500: #6366f1;
  --primary-600: #4f46e5;
  --primary-700: #4338ca;
  --primary-800: #3730a3;
  --primary-900: #312e81;
  --secondary-50: #eef2ff;
  --secondary-100: #e0e7ff;
  --secondary-200: #c7d2fe;
  --secondary-300: #a5b4fc;
  --secondary-400: #818cf8;
  --secondary-500: #6366f1;
  --secondary-600: #4f46e5;
  --secondary-700: #4338ca;
  --secondary-800: #3730a3;
  --secondary-900: #312e81;
}

.theme-violet {
  --primary-50: #f5f3ff;
  --primary-100: #ede9fe;
  --primary-200: #ddd6fe;
  --primary-300: #c4b5fd;
  --primary-400: #a78bfa;
  --primary-500: #8b5cf6;
  --primary-600: #7c3aed;
  --primary-700: #6d28d9;
  --primary-800: #5b21b6;
  --primary-900: #4c1d95;
  --secondary-50: #f5f3ff;
  --secondary-100: #ede9fe;
  --secondary-200: #ddd6fe;
  --secondary-300: #c4b5fd;
  --secondary-400: #a78bfa;
  --secondary-500: #8b5cf6;
  --secondary-600: #7c3aed;
  --secondary-700: #6d28d9;
  --secondary-800: #5b21b6;
  --secondary-900: #4c1d95;
}

.theme-purple {
  --primary-50: #faf5ff;
  --primary-100: #f3e8ff;
  --primary-200: #e9d5ff;
  --primary-300: #d8b4fe;
  --primary-400: #c084fc;
  --primary-500: #a855f7;
  --primary-600: #9333ea;
  --primary-700: #7e22ce;
  --primary-800: #6b21a8;
  --primary-900: #581c87;
  --secondary-50: #faf5ff;
  --secondary-100: #f3e8ff;
  --secondary-200: #e9d5ff;
  --secondary-300: #d8b4fe;
  --secondary-400: #c084fc;
  --secondary-500: #a855f7;
  --secondary-600: #9333ea;
  --secondary-700: #7e22ce;
  --secondary-800: #6b21a8;
  --secondary-900: #581c87;
}

.theme-fuchsia {
  --primary-50: #fdf4ff;
  --primary-100: #fae8ff;
  --primary-200: #f5d0fe;
  --primary-300: #f0abfc;
  --primary-400: #e879f9;
  --primary-500: #d946ef;
  --primary-600: #c026d3;
  --primary-700: #a21caf;
  --primary-800: #86198f;
  --primary-900: #701a75;
  --secondary-50: #fdf4ff;
  --secondary-100: #fae8ff;
  --secondary-200: #f5d0fe;
  --secondary-300: #f0abfc;
  --secondary-400: #e879f9;
  --secondary-500: #d946ef;
  --secondary-600: #c026d3;
  --secondary-700: #a21caf;
  --secondary-800: #86198f;
  --secondary-900: #701a75;
}

.theme-pink {
  --primary-50: #fdf2f8;
  --primary-100: #fce7f3;
  --primary-200: #fbcfe8;
  --primary-300: #f9a8d4;
  --primary-400: #f472b6;
  --primary-500: #ec4899;
  --primary-600: #db2777;
  --primary-700: #be185d;
  --primary-800: #9d174d;
  --primary-900: #831843;
  --secondary-50: #fdf2f8;
  --secondary-100: #fce7f3;
  --secondary-200: #fbcfe8;
  --secondary-300: #f9a8d4;
  --secondary-400: #f472b6;
  --secondary-500: #ec4899;
  --secondary-600: #db2777;
  --secondary-700: #be185d;
  --secondary-800: #9d174d;
  --secondary-900: #831843;
}

.theme-rose {
  --primary-50: #fff1f2;
  --primary-100: #ffe4e6;
  --primary-200: #fecdd3;
  --primary-300: #fda4af;
  --primary-400: #fb7185;
  --primary-500: #f43f5e;
  --primary-600: #e11d48;
  --primary-700: #be123c;
  --primary-800: #9f1239;
  --primary-900: #881337;
  --secondary-50: #fff1f2;
  --secondary-100: #ffe4e6;
  --secondary-200: #fecdd3;
  --secondary-300: #fda4af;
  --secondary-400: #fb7185;
  --secondary-500: #f43f5e;
  --secondary-600: #e11d48;
  --secondary-700: #be123c;
  --secondary-800: #9f1239;
  --secondary-900: #881337;
}

.theme-salmon {
  --primary-50: #fef3f2;
  --primary-100: #fee5e2;
  --primary-200: #fed0ca;
  --primary-300: #fba89d;
  --primary-400: #f78272;
  --primary-500: #ee5945;
  --primary-600: #db3c27;
  --primary-700: #b82f1d;
  --primary-800: #982b1c;
  --primary-900: #7e291e;
  --primary-950: #45110a;
  --secondary-50: #fef3f2;
  --secondary-100: #fee5e2;
  --secondary-200: #fed0ca;
  --secondary-300: #fba89d;
  --secondary-400: #f78272;
  --secondary-500: #ee5945;
  --secondary-600: #db3c27;
  --secondary-700: #b82f1d;
  --secondary-800: #982b1c;
  --secondary-900: #7e291e;
  --secondary-950: #45110a;
}

.theme-seafoam {
  --primary-50: #eefbf4;
  --primary-100: #d5f6e3;
  --primary-200: #9ce7c1;
  --primary-300: #7adbb1;
  --primary-400: #44c38f;
  --primary-500: #21a875;
  --primary-600: #13885f;
  --primary-700: #0f6d4e;
  --primary-800: #0f563f;
  --primary-900: #0d4735;
  --primary-950: #06281e;
  --secondary-50: #eefbf4;
  --secondary-100: #d5f6e3;
  --secondary-200: #9ce7c1;
  --secondary-300: #7adbb1;
  --secondary-400: #44c38f;
  --secondary-500: #21a875;
  --secondary-600: #13885f;
  --secondary-700: #0f6d4e;
  --secondary-800: #0f563f;
  --secondary-900: #0d4735;
  --secondary-950: #06281e;
}

.theme-secondary-blue {
  --secondary-50: #eff6ff;
  --secondary-100: #dbeafe;
  --secondary-200: #bfdbfe;
  --secondary-300: #93c5fd;
  --secondary-400: #60a5fa;
  --secondary-500: #3b82f6;
  --secondary-600: #2563eb;
  --secondary-700: #1d4ed8;
  --secondary-800: #1e40af;
  --secondary-900: #1e3a8a;
}

.theme-secondary-slate {
  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-secondary-gray {
  --secondary-50: #f8fafc;
  --secondary-100: #f1f5f9;
  --secondary-200: #e2e8f0;
  --secondary-300: #cbd5e1;
  --secondary-400: #94a3b8;
  --secondary-500: #64748b;
  --secondary-600: #475569;
  --secondary-700: #334155;
  --secondary-800: #1e293b;
  --secondary-900: #0f172a;
}

.theme-secondary-zinc {
  --secondary-50: #fafafa;
  --secondary-100: #f4f4f5;
  --secondary-200: #e4e4e7;
  --secondary-300: #d4d4d8;
  --secondary-400: #a1a1aa;
  --secondary-500: #71717a;
  --secondary-600: #52525b;
  --secondary-700: #3f3f46;
  --secondary-800: #27272a;
  --secondary-900: #18181b;
}

.theme-secondary-neutral {
  --secondary-50: #fafafa;
  --secondary-100: #f5f5f5;
  --secondary-200: #e5e5e5;
  --secondary-300: #d4d4d4;
  --secondary-400: #a3a3a3;
  --secondary-500: #737373;
  --secondary-600: #525252;
  --secondary-700: #404040;
  --secondary-800: #262626;
  --secondary-900: #171717;
}

.theme-secondary-stone {
  --secondary-50: #fafaf9;
  --secondary-100: #f5f5f4;
  --secondary-200: #e7e5e4;
  --secondary-300: #d6d3d1;
  --secondary-400: #a8a29e;
  --secondary-500: #78716c;
  --secondary-600: #57534e;
  --secondary-700: #44403c;
  --secondary-800: #292524;
  --secondary-900: #1c1917;
}

.theme-secondary-red {
  --secondary-50: #fef2f3;
  --secondary-100: #fde3e5;
  --secondary-200: #fccccf;
  --secondary-300: #f9a8ae;
  --secondary-400: #f4757e;
  --secondary-500: #e83b47;
  --secondary-600: #d62c38;
  --secondary-700: #b4212b;
  --secondary-800: #951f27;
  --secondary-900: #7c2026;
}

.theme-secondary-orange {
  --secondary-50: #fff8ed;
  --secondary-100: #ffefd5;
  --secondary-200: #fedcaa;
  --secondary-300: #fcc275;
  --secondary-400: #fa9d3d;
  --secondary-500: #f88017;
  --secondary-600: #ec660d;
  --secondary-700: #c14b0d;
  --secondary-800: #993c13;
  --secondary-900: #7c3312;
}

.theme-secondary-amber {
  --secondary-50: #fffbeb;
  --secondary-100: #fef3c7;
  --secondary-200: #fde68a;
  --secondary-300: #fcd34d;
  --secondary-400: #fbbf24;
  --secondary-500: #f59e0b;
  --secondary-600: #d97706;
  --secondary-700: #b45309;
  --secondary-800: #92400e;
  --secondary-900: #78350f;
}

.theme-secondary-yellow {
  --secondary-50: #FCF4E4;
  --secondary-100: #FFF7C2;
  --secondary-200: #f7dfae;
  --secondary-300: #f2ca77;
  --secondary-400: #e2b42d;
  --secondary-500: #d19d20;
  --secondary-600: #b57b19;
  --secondary-700: #915917;
  --secondary-800: #78471b;
  --secondary-900: #673c1c;
}

.theme-secondary-lime {
  --secondary-50: #f7fee7;
  --secondary-100: #ecfccb;
  --secondary-200: #d9f99d;
  --secondary-300: #bef264;
  --secondary-400: #a3e635;
  --secondary-500: #84cc16;
  --secondary-600: #65a30d;
  --secondary-700: #4d7c0f;
  --secondary-800: #3f6212;
  --secondary-900: #365314;
}

.theme-secondary-green {
  --secondary-50: #effef6;
  --secondary-100: #d9ffee;
  --secondary-200: #b5fddc;
  --secondary-300: #7bfac2;
  --secondary-400: #3bed9f;
  --secondary-500: #11d681;
  --secondary-600: #07a460;
  --secondary-700: #0a8b54;
  --secondary-800: #0e6d45;
  --secondary-900: #0e593b;
}

.theme-secondary-emerald {
  --secondary-50: #ecfdf5;
  --secondary-100: #d1fae5;
  --secondary-200: #a7f3d0;
  --secondary-300: #6ee7b7;
  --secondary-400: #34d399;
  --secondary-500: #10b981;
  --secondary-600: #059669;
  --secondary-700: #047857;
  --secondary-800: #065f46;
  --secondary-900: #064e3b;
}

.theme-secondary-teal {
  --secondary-50: #f0fdfa;
  --secondary-100: #ccfbf1;
  --secondary-200: #99f6e4;
  --secondary-300: #5eead4;
  --secondary-400: #2dd4bf;
  --secondary-500: #14b8a6;
  --secondary-600: #0d9488;
  --secondary-700: #0f766e;
  --secondary-800: #115e59;
  --secondary-900: #134e4a;
}

.theme-secondary-cyan {
  --secondary-50: #ecfeff;
  --secondary-100: #cffafe;
  --secondary-200: #a5f3fc;
  --secondary-300: #67e8f9;
  --secondary-400: #22d3ee;
  --secondary-500: #06b6d4;
  --secondary-600: #0891b2;
  --secondary-700: #0e7490;
  --secondary-800: #155e75;
  --secondary-900: #164e63;
}

.theme-secondary-sky {
  --secondary-50: #f0f9ff;
  --secondary-100: #e0f2fe;
  --secondary-200: #bae6fd;
  --secondary-300: #7dd3fc;
  --secondary-400: #38bdf8;
  --secondary-500: #0ea5e9;
  --secondary-600: #0284c7;
  --secondary-700: #0369a1;
  --secondary-800: #075985;
  --secondary-900: #0c4a6e;
}

.theme-secondary-indigo {
  --secondary-50: #eef2ff;
  --secondary-100: #e0e7ff;
  --secondary-200: #c7d2fe;
  --secondary-300: #a5b4fc;
  --secondary-400: #818cf8;
  --secondary-500: #6366f1;
  --secondary-600: #4f46e5;
  --secondary-700: #4338ca;
  --secondary-800: #3730a3;
  --secondary-900: #312e81;
}

.theme-secondary-violet {
  --secondary-50: #f5f3ff;
  --secondary-100: #ede9fe;
  --secondary-200: #ddd6fe;
  --secondary-300: #c4b5fd;
  --secondary-400: #a78bfa;
  --secondary-500: #8b5cf6;
  --secondary-600: #7c3aed;
  --secondary-700: #6d28d9;
  --secondary-800: #5b21b6;
  --secondary-900: #4c1d95;
}

.theme-secondary-purple {
  --secondary-50: #faf5ff;
  --secondary-100: #f3e8ff;
  --secondary-200: #e9d5ff;
  --secondary-300: #d8b4fe;
  --secondary-400: #c084fc;
  --secondary-500: #a855f7;
  --secondary-600: #9333ea;
  --secondary-700: #7e22ce;
  --secondary-800: #6b21a8;
  --secondary-900: #581c87;
}

.theme-secondary-fuchsia {
  --secondary-50: #fdf4ff;
  --secondary-100: #fae8ff;
  --secondary-200: #f5d0fe;
  --secondary-300: #f0abfc;
  --secondary-400: #e879f9;
  --secondary-500: #d946ef;
  --secondary-600: #c026d3;
  --secondary-700: #a21caf;
  --secondary-800: #86198f;
  --secondary-900: #701a75;
}

.theme-secondary-pink {
  --secondary-50: #fdf2f8;
  --secondary-100: #fce7f3;
  --secondary-200: #fbcfe8;
  --secondary-300: #f9a8d4;
  --secondary-400: #f472b6;
  --secondary-500: #ec4899;
  --secondary-600: #db2777;
  --secondary-700: #be185d;
  --secondary-800: #9d174d;
  --secondary-900: #831843;
}

.theme-secondary-rose {
  --secondary-50: #fff1f2;
  --secondary-100: #ffe4e6;
  --secondary-200: #fecdd3;
  --secondary-300: #fda4af;
  --secondary-400: #fb7185;
  --secondary-500: #f43f5e;
  --secondary-600: #e11d48;
  --secondary-700: #be123c;
  --secondary-800: #9f1239;
  --secondary-900: #881337;
}

.theme-secondary-salmon {
  --secondary-50: #fef3f2;
  --secondary-100: #fee5e2;
  --secondary-200: #fed0ca;
  --secondary-300: #fba89d;
  --secondary-400: #f78272;
  --secondary-500: #ee5945;
  --secondary-600: #db3c27;
  --secondary-700: #b82f1d;
  --secondary-800: #982b1c;
  --secondary-900: #7e291e;
  --secondary-950: #45110a;
}

.theme-secondary-seafoam {
  --secondary-50: #eefbf4;
  --secondary-100: #d5f6e3;
  --secondary-200: #9ce7c1;
  --secondary-300: #7adbb1;
  --secondary-400: #44c38f;
  --secondary-500: #21a875;
  --secondary-600: #13885f;
  --secondary-700: #0f6d4e;
  --secondary-800: #0f563f;
  --secondary-900: #0d4735;
  --secondary-950: #06281e;
}

:root {
  /* Base colors */
  --white: #ffffff;
  --black: #000000;
  /* Grayscale */
  --grayscale-1: #faf8f5;
  --grayscale-2: #efebe3;
  --grayscale-3: #e5dfd3;
  --grayscale-4: #bdb6a8;
  --grayscale-5: #a49c8e;
  --grayscale-6: #706a62;
  --grayscale-7: #706a62;
  --grayscale-8: #706a62;
  --grayscale-9: #38342d;
  --grayscale-10: #38342d;
  /* Spice */
  --spice-50: #faf6f6;
  --spice-100: #f4ecec;
  --spice-200: #ebdddd;
  --spice-300: #dcc5c6;
  --spice-400: #c7a2a3;
  --spice-500: #b18283;
  --spice-600: #9a6869;
  --spice-700: #973e3e;
  --spice-800: #7d3737;
  --spice-900: #713636;
  --spice-950: #381717;
  /* Mint */
  --mint-50: #f5f8f6;
  --mint-100: #dfe8e4;
  --mint-200: #bed1c9;
  --mint-300: #88a89c;
  --mint-400: #709186;
  --mint-500: #55776c;
  --mint-600: #435e56;
  --mint-700: #2e5749;
  --mint-800: #264339;
  --mint-900: #253c35;
  --mint-950: #11221d;
  /* Brand */
  --brand-primary-shine: #ffed84;
  --brand-primary-crisp: #f3f0e8;
  --brand-primary-brew: #342e26;
  --brand-secondary-spice: #713636;
  --brand-secondary-piggy: #c7a2a3;
  --brand-secondary-moola: #264339;
  --brand-secondary-mint: #88a89c;
  /* Content */
  --content-primary: var(--brand-primary-brew);
  --content-secondary: rgba(52, 46, 38, 0.64);
  --content-tertiary: rgba(52, 46, 38, 0.44);
  --content-focus-outline: rgba(52, 46, 38, 0.2);
  --content-border-light: rgba(52, 46, 38, 0.04);
  --content-border-neutral: rgba(52, 46, 38, 0.08);
  --content-border-dark: rgba(52, 46, 38, 0.12);
  --content-border-input: var(--grayscale-3);
  --content-border-card: var(--white);
  --content-border-tertiary: var(--content-tertiary);
  /* Background */
  --background-base: var(--grayscale-1);
  --background-screen: rgba(255, 255, 255, 0.8);
  --background-elevated: #ffffff;
  --background-neutral: var(--brand-primary-crisp);
  --background-overlay: rgba(104, 67, 0, 0.08);
  --background-card: rgba(255, 255, 255, 0.8);
  /* Interactive */
  --interactive-primary: var(--brand-primary-brew);
  --interactive-link-underline: var(--content-tertiary);
  --interactive-secondary: var(--content-secondary);
  --interactive-control: var(--brand-primary-brew);
  --interactive-tertiary: rgba(52, 46, 38, 0.36);
}

.dark {
  /* Base colors remain the same */
  /* Spice - Dark mode */
  --spice-50: #fef3f2;
  --spice-100: #fee5e2;
  --spice-200: #fed0ca;
  --spice-300: #fba89d;
  --spice-400: #f78272;
  --spice-500: #ee5945;
  --spice-600: #db3c27;
  --spice-700: #b82f1d;
  --spice-800: #982b1c;
  --spice-900: #7e291e;
  --spice-950: #45110a;
  /* Mint - Dark mode */
  --mint-50: #eefbf4;
  --mint-100: #d5f6e3;
  --mint-200: #9ce7c1;
  --mint-300: #7adbb1;
  --mint-400: #44c38f;
  --mint-500: #21a875;
  --mint-600: #13885f;
  --mint-700: #0f6d4e;
  --mint-800: #0f563f;
  --mint-900: #0d4735;
  --mint-950: #06281e;
  /* Brand - Dark mode */
  --brand-primary-shine: var(--spice-300);
  --brand-primary-crisp: #eee8e5;
  --brand-primary-brew: #0b051d;
  --brand-secondary-spice: #ffffff;
  --brand-secondary-piggy: #ffffff;
  --brand-secondary-moola: #ffffff;
  --brand-secondary-mint: #ffffff;
  /* Content - Dark mode */
  --content-primary: rgba(248, 245, 244, 1);
  --content-secondary: rgba(248, 245, 244, 0.79);
  --content-tertiary: rgba(248, 245, 244, 0.5);
  --content-focus-outline: rgba(52, 46, 38, 0.2);
  --content-border-light: rgba(11, 5, 29, 0.04);
  --content-border-neutral: rgba(248, 245, 244, 0.08);
  --content-border-dark: rgba(248, 245, 244, 0.12);
  --content-border-input: #333537;
  --content-border-card: rgba(248, 245, 244, 0.04);
  /* Background - Dark mode */
  --background-base: var(--brand-primary-brew);
  --background-screen: rgba(255, 255, 255, 0.04);
  --background-elevated: var(--brand-primary-brew);
  --background-neutral: rgba(248, 245, 244, 0.04);
  --background-overlay: rgba(248, 245, 244, 0.04);
  --background-card: rgba(255, 255, 255, 0.04);
  /* Interactive - Dark mode */
  --interactive-primary: var(--brand-primary-shine);
  --interactive-link-underline: var(--mint-50);
  --interactive-secondary: var(--content-secondary);
  --interactive-tertiary: var(--content-tertiary);
}

.table-alternative {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1264px;
  text-align: left;
}

.table-alternative thead th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0em;
  color: var(--content-secondary);
}

.table-alternative thead th.with-icon {
  padding-left: 0.75rem;
}

.table-alternative tbody td {
  height: 3rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.table-alternative tbody td:first-child {
  position: relative;
}

.table-alternative tbody td:first-child > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-left: 0.75rem;
}

.table-alternative:not(.contained-table) tbody td:first-child * {
  position: relative;
  z-index: 20;
}

.table-alternative:not(.contained-table) tbody td:first-child::before {
  content: '';
  pointer-events: none;
  position: absolute;
  left: -0.5rem;
  display: block;
  height: 100%;
  width: 30px;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  background-color: inherit;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition: opacity 0.3s ease-in-out;
}

.table-alternative:not(.contained-table) tbody td:first-child:hover::before,
      .table-alternative:not(.contained-table) tbody td:first-child:focus::before,
      .table-alternative:not(.contained-table) tbody td:first-child:active::before,
      .table-alternative:not(.contained-table) tbody td:first-child:focus-within::before,
      .table-alternative:not(.contained-table) tbody td:first-child:focus-visible::before {
  opacity: 1;
}

.table-alternative:not(.contained-table) tbody td:last-child {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

/* additional styles for contained tables */

.contained-table tbody {
  background-color: var(--background-elevated);
}

.contained-table tbody tr {
  position: relative;
}

.contained-table tbody tr:first-child td {
  padding-top: 1rem;
}

.contained-table tbody tr:first-child td:first-child {
  border-top-left-radius: 0.75rem;
}

.contained-table tbody tr:first-child td:last-child {
  border-top-right-radius: 0.75rem;
}

.contained-table tbody tr:last-child td {
  padding-bottom: 1rem;
}

.contained-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}

.contained-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}

.contained-table tbody tr:last-child:after {
  display: none;
}

.contained-table tbody tr:hover td {
  position: relative;
}

.contained-table tbody tr:hover td:before {
  pointer-events: none;
  position: absolute;
  left: 0px;
  width: 100%;
  background-color: var(--background-base);
  content: ' ';
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 8px) !important;
}

.contained-table tbody tr:hover td:first-child:before {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  transform: translateY(-50%) translateX(0.25em);
}

.contained-table tbody tr:hover td:last-child:before {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  transform: translateY(-50%) translateX(-0.25em);
}

.contained-table tbody tr:hover td > * {
  position: relative;
  z-index: 20;
}

.contained-table tbody tr:first-child td:before {
  /* @apply top-1; */
  /* height: calc(100% - 5px); */
}

.contained-table tbody tr:last-child td:before {
  /* height: calc(100% - 3px); */
}

@keyframes bounceRight {
  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(20%);
  }
}

.bounce-right {
  display: inline-block;
  animation: bounceRight 1.5s cubic-bezier(0.25, 1.5, 0.5, 1) infinite;
}

@keyframes flash {
  0% {
    background-color: #ffffff20;
    box-shadow: 32px 0 #ffffff20, -32px 0 #fff;
  }

  50% {
    background-color: #fff;
    box-shadow: 32px 0 #ffffff20, -32px 0 #ffffff20;
  }

  100% {
    background-color: #ffffff20;
    box-shadow: 32px 0 #fff, -32px 0 #ffffff20;
  }
}

/*
 * This takes care of the window's contents shifting when the
 * scrollbar appears and disappears during the turn.css animation
 */

/* Chrome, Safari and Opera */

.devise_layout::-webkit-scrollbar {
  display: none;
}

/* Firefox and Edge */

.devise_layout {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Prevent scrolling while dialog is open */

body:has(dialog[data-dialog-target='dialog'][open]) {
  overflow: hidden;
}

dialog {
  width: 420px;
}

dialog[open] {
  display: flex;
  animation: slideUp 0.2s forwards;
}

dialog.noslide[open] {
  animation: appear 0s forwards;
}

dialog.closing:not(.noslide) {
  animation: slideDown 0.2s forwards;
}

dialog.noslide.closing {
  animation: disappear 0s forwards;
}

@keyframes slideUp {
  from {
    opacity: 0;
    bottom: -100%;
  }

  to {
    opacity: 1;
    bottom: 0;
  }
}

@keyframes slideDown {
  from {
    opacity: 1;
    bottom: 0;
  }

  to {
    opacity: 0;
    bottom: -100%;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes disappear {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

#bt-docs-content h1,
#bt-docs-content h2,
#bt-docs-content h3,
#bt-docs-content h4,
#bt-docs-content h5,
#bt-docs-content h6{
  position: relative;
  margin-left: -1.2em;
  padding-left: 1.2em;
}

#bt-docs-content h1 a,
#bt-docs-content h2 a,
#bt-docs-content h3 a,
#bt-docs-content h4 a,
#bt-docs-content h5 a,
#bt-docs-content h6 a{
  text-decoration: none;
  display: none;
  position: absolute;
  float:left;
  margin-left:-1.2em;
  line-height: 1;
  width: 1em;
  height: 100%;
}

#bt-docs-content h1 a::before,
#bt-docs-content h2 a::before,
#bt-docs-content h3 a::before,
#bt-docs-content h4 a::before,
#bt-docs-content h5 a::before,
#bt-docs-content h6 a::before{
  content: "🔗";
}

#bt-docs-content h1:hover a,
#bt-docs-content h2:hover a,
#bt-docs-content h3:hover a,
#bt-docs-content h4:hover a,
#bt-docs-content h5:hover a,
#bt-docs-content h6:hover a{
  display: flex;
  justify-content: center;
  /* Align horizontal */
  align-items: center;
  /* Align vertical */
}

/* Import Electron utilities shared across all Tailwind-based themes. */

/* @import "../tailwind/electron.scss"; */

.electron a, .todesktop a {
  outline-color: var(--tw-ring-color);
  --tw-ring-color: rgba(3, 98, 198, var(--tw-ring-opacity));
  --tw-ring-opacity: 1;
}

.electron .electron-mobile-only, .todesktop .electron-mobile-only {
  display: block;
}

@media (min-width: 1024px) {
  .electron .electron-mobile-only, .todesktop .electron-mobile-only {
    display: none;
  }
}

.electron .electron-title-bar, .todesktop .electron-title-bar {
  /* override `md:rounded-lg` */
  border-top-left-radius: 0;
}

/* hide logo because it doesn't fit into the ui well. */

.electron .electron-title-bar img, .todesktop .electron-title-bar img {
  display: none;
}

.electron .electron-title-bar, .todesktop .electron-title-bar {
  min-height: 36px;
}

.electron .main-container-padding, .todesktop .main-container-padding {
  padding: 0;
}

.electron .main-container, .todesktop .main-container {
  /* override `md:rounded-lg` */
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /* override `md:h-auto` */
  height: 100vh;
}

/* hide profiler results because they don't fit into the ui well. */

.electron .profiler-results, .todesktop .profiler-results {
  display: none;
}

/* touch up the padding of the breadcrumbs. */

.electron ol.breadcrumb, .todesktop ol.breadcrumb {
  padding-top: 3px;
}

.cloudinary-field button.upload {
  margin: 0;
  border-radius: 4px;
  padding: 0;
  border: 2px solid #dde2ec;
  background: transparent;
  position: relative;
  min-height: 50px;
  min-width: 50px;
}

.cloudinary-field button.upload:not(.present) {
  min-height: 100px;
  min-width: 100px;
}

.cloudinary-field button.upload i {
  display: block;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  line-height: 50px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  top: 50%;
  left: 50%;
  font-size: 32px;
  color: #dde2ec;
}

.cloudinary-field button.upload + button.clear {
  display: none;
  font-size: 32px;
  color: #dde2ec;
  background: transparent;
  border: 0;
  overflow: visible;
}

.cloudinary-field button.upload + button.clear:focus i, .cloudinary-field button.upload + button.clear:active i {
  color: var(--primary-500);
}

.cloudinary-field button.upload.present i {
  display: none;
}

.cloudinary-field button.upload.present + button.clear {
  display: inline-block;
}

.cloudinary-field button.upload:focus, .cloudinary-field button.upload:active {
  border-color: var(--primary-500);
}

.cloudinary-field button.upload:focus i, .cloudinary-field button.upload:active i {
  color: var(--primary-500);
}

input[type=tel] {
  line-height: 21px;
}

input[type=tel]::-moz-placeholder {
  color: #9ca3af;
}

input[type=tel]::placeholder {
  color: #9ca3af;
}

.select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-container--default .select2-selection--single:hover,
  .select2-container--default .select2-selection--multiple:hover,
  .select2-container--default .select2-selection--single:focus,
  .select2-container--default .select2-selection--multiple:focus,
  .select2-container--default .select2-selection--single:focus-within,
  .select2-container--default .select2-selection--multiple:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.select2-container--default .select2-selection--single:disabled,
  .select2-container--default .select2-selection--multiple:disabled,
  .select2-container--default .select2-selection--single:disabled:hover,
  .select2-container--default .select2-selection--multiple:disabled:hover,
  .select2-container--default .select2-selection--single:disabled:focus,
  .select2-container--default .select2-selection--multiple:disabled:focus,
  .select2-container--default .select2-selection--single:disabled:focus-within,
  .select2-container--default .select2-selection--multiple:disabled:focus-within {
  --border-color: #DCD8DA;
}

.select2-container--default:not(.select2-container--disabled) .select2-selection--single:hover, .select2-container--default:not(.select2-container--disabled) .select2-selection--multiple:hover {
  --border-color: rgb(11 5 29 / 36%);
}

.no-edges .select2-container--default .select2-selection--single,
    .no-edges .select2-container--default .select2-selection--multiple {
  border-style: none !important;
  --border-width: 1px;
  --border-color: transparent;
  --ring-width: 4px;
}

.no-edges .select2-container--default .select2-selection--single:hover, .no-edges .select2-container--default .select2-selection--multiple:hover {
  --border-color: transparent;
}

.has-error .select2-container--default .select2-selection--single,
    .has-error .select2-container--default .select2-selection--multiple,
    .has-error .select2-container--default .select2-selection--single:hover,
    .has-error .select2-container--default .select2-selection--multiple:hover,
    .has-error .select2-container--default .select2-selection--single:focus,
    .has-error .select2-container--default .select2-selection--multiple:focus {
  --border-color: #e83b47;
  --ring-color: #fde3e5;
}

.select2-selection.select2-selection--single {
  min-height: auto;
  height: auto;
}

.select2-selection.select2-selection--single .select2-selection__rendered {
  padding-left: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  overflow: auto;
  white-space: normal;
  text-overflow: unset;
}

.select2-selection.select2-selection--single .select2-selection__rendered .super-select--option-label {
  display: block;
  display: flex;
  width: 100%;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-selection.select2-selection--single .select2-selection__arrow {
  padding-top: 35px;
}

.select2-container .select2-search--inline {
  border-radius: 0 !important;
  display: flex;
  margin-top: 0.25rem;
  height: 2rem;
  align-items: center;
}

@media (min-width: 768px) {
  .select2-container .select2-search--inline {
    height: 1.75rem;
  }
}

.select2-container .select2-search--inline .select2-search__field {
  font-weight: 300;
  margin-top: 0;
  border-radius: 0 !important;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .select2-container .select2-search--inline .select2-search__field {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.select2-container .select2-search--inline .select2-search__field {
  caret-color: #fba89d;
}

.select2 {
  display: block;
}

.select2 img {
  display: none;
}

.select2-results img {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  margin-right: 8px;
}

.action-text-content h1, .tiptap h1 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.0431rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: 0em;
  color: var(--content-primary);
}

.action-text-content h2, .tiptap h2 {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -0.0294rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: 0em;
  color: var(--content-primary);
}

@media not all and (min-width: 1024px) {
  .settings .navigation a span.action-text-content h2,.settings .navigation a span .tiptap h2 {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.action-text-content h3, .tiptap h3 {
  font-size: 1.3125rem;
  line-height: 1.33;
  letter-spacing: -0.0231rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: 0em;
  color: var(--content-primary);
}

.action-text-content ul, .tiptap ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

.action-text-content ol, .tiptap ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

.action-text-content a, .tiptap a {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(15 109 78 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  text-decoration-color: #9CE7C1;
}

.action-text-content p:empty, .tiptap p:empty {
  display: block !important;
  height: 1em !important;
}

.action-text-content p, .tiptap p {
  white-space: pre-wrap;
}

.action-text-content blockquote, .tiptap blockquote {
  border-left-width: 4px;
  border-color: var(--content-primary);
  padding-left: 1.25rem;
}

.action-text-content code, .tiptap code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 400;
  color: var(--content-primary);
}

/* don't show the editor tool bar unless the user is editing the field. */

/* see https://github.com/basecamp/trix/issues/343 and `app/assets/javascripts/account/fields.js` */

trix-toolbar {
  opacity: 0.15;
}

trix-toolbar.visible {
  opacity: 1;
}

/* Override Tailwind's preflight styles */

/* https://github.com/tailwindlabs/tailwindcss/issues/989#issuecomment-506555308 */

.trix-button:where(.dark, .dark *) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)) !important;
}

/* Prevent red ring on Trix Editor */

:-moz-focusring {
  outline-style: none;
}

a[href^="bullettrain://"], span.tribute-reference {
  border-radius: 4px;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 4px;
  margin: -1px 0;
  color: #3E4B5B;
  line-height: 17px;
  text-decoration: none;
  background-color: #ebe2ff;
  border: 1px solid #7147d2;
}

a[href^="bullettrain://users"], a[href^="bullettrain://teams"], span.tribute-users-reference, span.tribute-teams-reference {
  background-color: #e2ebff;
  border: 1px solid #4771d2;
}

.tribute-container ul {
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid var(--primary-500);
  background: white;
  list-style: none;
  padding: 0;
}

.tribute-container ul:empty {
  display: none;
}

.tribute-container ul li {
  display: flex;
  align-items: center;
}

.tribute-container ul li span {
  font-weight: normal;
}

.tribute-container ul li.highlight {
  background-color: #5897fb;
  color: white;
}

.tribute-container ul li {
  padding: 5px 10px;
}

.tribute-container ul li img {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  margin-right: 5px;
}

trix-editor [data-trix-cursor-target] {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  /* background-color: red; */
}

.trix-editor * {
  box-sizing: border-box;
}

trix-editor {
  display: block;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  trix-editor {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

trix-editor {
  /* default to 16px on mobile to prevent zooming */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

trix-editor::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

trix-editor::placeholder {
  color: rgb(11 5 29 / .32);
}

trix-editor:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

trix-editor:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .32);
}

trix-editor:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .32);
}

trix-editor {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

trix-editor, trix-editor:hover, trix-editor:focus, trix-editor:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

trix-editor:disabled, trix-editor:disabled:hover, trix-editor:disabled:focus, trix-editor:disabled:focus-within {
  --border-color: #DCD8DA;
}

trix-editor:hover,trix-editor:focus,trix-editor:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

trix-editor:focus,trix-editor:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

trix-editor {
  border-radius: 0.5rem;
}

trix-editor:disabled,trix-editor.disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

trix-editor:disabled:where(.dark, .dark *),trix-editor.disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

trix-editor:disabled,trix-editor.disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

trix-editor:disabled:where(.dark, .dark *),trix-editor.disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.trix-hide-toolbar trix-toolbar {
  display: none !important;
}

.trix-content {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .trix-content {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

/* The Trix Editor uses SVGs for its buttons, so we manually override them here for dark mode */

/* Icons taken from https://react-icons.github.io/react-icons/icons?name=md */

@media (prefers-color-scheme: dark) {
  .trix-button--icon-bold::before {
    background-image: url('data:image/svg+xml;utf-8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"></path></svg>') !important;
  }

  .trix-button--icon-italic::before {
    background-image: url('data:image/svg+xml;utf-8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"></path></svg>') !important;
  }

  .trix-button--icon-strike::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92zM21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21V12z"></path></svg>') !important;
  }

  .trix-button--icon-link::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M8 11h8v2H8v-2zm12.1 1H22c0-2.76-2.24-5-5-5h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1zM3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM19 12h-2v3h-3v2h3v3h2v-3h3v-2h-3v-3z"></path></svg>') !important;
  }

  .trix-button--icon-heading-1::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M9 4v3h5v12h3V7h5V4H9zm-6 8h3v7h3v-7h3V9H3v3z"></path></svg>') !important;
  }

  .trix-button--icon-quote::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"></path></svg>') !important;
  }

  .trix-button--icon-code::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"></path></svg>') !important;
  }

  .trix-button--icon-bullet-list::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"></path></svg>') !important;
  }

  .trix-button--icon-number-list::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"></path></svg>') !important;
  }

  .trix-button--icon-decrease-nesting-level::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M11 17h10v-2H11v2zm-8-5l4 4V8l-4 4zm0 9h18v-2H3v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path></svg>') !important;
  }

  .trix-button--icon-increase-nesting-level::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path></svg>') !important;
  }

  .trix-button--icon-attach::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 015 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 005 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"></path></svg>') !important;
  }

  .trix-button--icon-undo::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"></path></svg>') !important;
  }

  .trix-button--icon-redo::before {
    background-image: url('data:image/svg+xml;utf8,<svg stroke="currentColor" fill="%23FFFFFF" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16a8.002 8.002 0 017.6-5.5c1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"></path></svg>') !important;
  }
}

.code-editor .monaco-editor, .code-editor .monaco-editor .overflow-guard {
  border-radius: inherit;
}

.code-editor .monaco-editor, .code-editor .monaco-editor-background, .code-editor .monaco-editor .margin {
  background-color: var(--code-editor-background);
}

.rhino-editor {
  --role-background-hover-color: red;
  --role-border-focus-color: red;
}

.rhino-editor::part(toolbar) {
  border-radius: 0.75rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-color: var(--content-border-input);
  background-color: var(--background-base);
}

.rhino-editor::part(toolbar__base) {
  border-radius: 0.75rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rhino-editor::part(bubble-menu__toolbar) {
  border-radius: 0.75rem;
  border-style: none;
  background-color: var(--background-elevated);
}

.rhino-editor::part(bubble-menu__toolbar__base) {
  border-style: none;
  border-radius: 10px;
  background: var(--content-background-elevated, #fff);
  box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 0.16),
    0px 8px 2px 0px rgba(0, 0, 0, 0), 0px 5px 2px 0px rgba(0, 0, 0, 0.01),
    0px 3px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.07),
    0px 1px 1px 0px rgba(0, 0, 0, 0.08);
}

.rhino-editor::part(toolbar__base):focus-within {
  border-radius: 0.75rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-color: var(--content-border-input);
  border-bottom-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.rhino-editor .trix-content.field-border-for-error, .rhino-editor .trix-content.field-border-for-error:hover, .rhino-editor .trix-content.field-border-for-error:focus {
  --border-color: #e83b47;
  --ring-color: #fde3e5;
}

.rhino-editor.single-line .trix-content {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  min-height: auto !important;
}

.rhino-editor .trix-content p.is-editor-empty::before {
  color: rgb(11 5 29 / .32);
}

.rhino-editor .trix-content p.is-editor-empty:where(.dark, .dark *)::before {
  color: rgb(248 245 244 / .32);
}

/* Applies to all toolbar buttons */

.rhino-editor::part(toolbar__button),
.rhino-editor .rhino-toolbar-button {
  border-style: none;
  background-color: transparent;
}

.rhino-editor::part(toolbar__button):hover,
.rhino-editor .rhino-toolbar-button:hover {
  background-color: var(--background-overlay);
}

/* Applies to &quot;active&quot; buttons which in practical terms is any button highlighted blue due to it being active in the editor. */

.rhino-editor::part(toolbar__button--active) {
  border-style: none;
  background-color: var(--background-overlay);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Applies to &quot;disabled&quot; buttons (buttons which are not currently usable) */

.rhino-editor::part(toolbar__button--disable) {
}

/* Only applies to undo button */

.rhino-editor::part(toolbar__button--undo) {
}

.form-control input[type='text'] {
  display: block;
  width: 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .form-control input[type='text'] {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.form-control input[type='text'] {
  /* default to 16px on mobile to prevent zooming */
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.form-control input[type='text']::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.form-control input[type='text']::placeholder {
  color: rgb(11 5 29 / .32);
}

.form-control input[type='text']:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.form-control input[type='text']:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .32);
}

.form-control input[type='text']:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .32);
}

.form-control input[type='text'] {
  border-style: none;
  --border-width: 1px;
  --border-color: #DCD8DA;
  --ring-width: 4px;
  --ring-color: transparent;
  transition: 0.16s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: box-shadow, color;
}

.form-control input[type='text'], .form-control input[type='text']:hover, .form-control input[type='text']:focus, .form-control input[type='text']:focus-within {
  box-shadow: 0px 0px 0px var(--border-width) var(--border-color),
        0px 0px 0px var(--ring-width) var(--ring-color);
}

.form-control input[type='text']:disabled, .form-control input[type='text']:disabled:hover, .form-control input[type='text']:disabled:focus, .form-control input[type='text']:disabled:focus-within {
  --border-color: #DCD8DA;
}

.form-control input[type='text']:hover,.form-control input[type='text']:focus,.form-control input[type='text']:focus-within {
  --border-color: rgb(11 5 29 / 36%);
}

.form-control input[type='text']:focus,.form-control input[type='text']:focus-within {
  --ring-color: rgb(11 5 29 / 16%);
}

.form-control input[type='text'] {
  border-radius: 0.5rem;
}

.form-control input[type='text']:disabled,.form-control input[type='text'].disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.form-control input[type='text']:disabled:where(.dark, .dark *),.form-control input[type='text'].disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.form-control input[type='text']:disabled,.form-control input[type='text'].disabled {
  background-color: rgb(11 5 29 / .04);
  color: rgb(11 5 29 / .32);
}

.form-control input[type='text']:disabled:where(.dark, .dark *),.form-control input[type='text'].disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
  color: rgb(248 245 244 / .32);
}

.je-header.je-object__title {
  display: none !important;
}

.je-object__container > .je-indented-panel {
  margin: 0px !important;
  border-style: none !important;
  padding: 1px !important;
}

.je-object__container > .je-indented-panel .je-indented-panel {
  margin: 0px !important;
  border-radius: 0.75rem !important;
  padding: 1rem !important;
}

.je-header {
  margin-bottom: 0.25rem;
  display: flex !important;
  justify-content: space-between;
}

.je-object__container .row {
  margin-bottom: 1rem !important;
}


    .button-link.je-object__container button[class*='json-editor-btn'] {
  padding: 0 !important;
  border-radius: 2px !important;
}

.je-object__container button[class*='json-editor-btn'] .dotlottie-wrapper {
  width: 0.875rem;
  height: 0.875rem;
}

.je-object__container button[class*='json-editor-btn'] {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.je-object__container button[class*='json-editor-btn']:hover {
  text-decoration-line: none;
}

.je-object__container button[class*='json-editor-btn']:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.je-object__container button[class*='json-editor-btn']:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.je-object__container button[class*='json-editor-btn']:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.je-object__container button[class*='json-editor-btn'] {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.je-object__container button[class*='json-editor-btn']:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.je-object__container button[class*='json-editor-btn']:where(.dark, .dark *) {
  background-color: transparent !important;
}

.je-object__container button[class*='json-editor-btn'][disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.je-object__container button[class*='json-editor-btn'][disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.je-object__container button[class*='json-editor-btn'][disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.je-object__container button[class*='json-editor-btn'][disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.je-object__container button[class*='json-editor-btn'] {
  height: 2rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  margin-right: 0.25rem !important;
  font-weight: 400;
}


    .button-link.je-object__container button.json-editor-btn-delete {
  padding: 0;
  border-radius: 2px;
}

.je-object__container button.json-editor-btn-delete {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.je-object__container button.json-editor-btn-delete:hover {
  text-decoration-line: none;
}

.je-object__container button.json-editor-btn-delete:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.je-object__container button.json-editor-btn-delete:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.je-object__container button.json-editor-btn-delete:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.je-object__container button.json-editor-btn-delete {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.je-object__container button.json-editor-btn-delete:hover {
  color: var(--content-primary);
}

.je-object__container button.json-editor-btn-delete .dotlottie-wrapper {
  width: 0.875rem;
  height: 0.875rem;
}

.box-footer .je-object__container button.json-editor-btn-delete,
  .box-actions .je-object__container button.json-editor-btn-delete {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.box-footer .je-object__container button.json-editor-btn-delete:hover,
  .box-actions .je-object__container button.json-editor-btn-delete:hover {
  text-decoration-line: none;
}

.box-footer .je-object__container button.json-editor-btn-delete:hover::before,
  .box-actions .je-object__container button.json-editor-btn-delete:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.box-footer .je-object__container button.json-editor-btn-delete:focus-visible,
  .box-actions .je-object__container button.json-editor-btn-delete:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.box-footer .je-object__container button.json-editor-btn-delete:where(.dark, .dark *),
  .box-actions .je-object__container button.json-editor-btn-delete:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.box-footer .je-object__container button.json-editor-btn-delete,
  .box-actions .je-object__container button.json-editor-btn-delete {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.box-footer .je-object__container button.json-editor-btn-delete:hover,
  .box-actions .je-object__container button.json-editor-btn-delete:hover {
  color: var(--brand-primary-crisp);
}

.box-footer .je-object__container button.json-editor-btn-delete,
  .box-actions .je-object__container button.json-editor-btn-delete {
  @extend .button-primary-dark;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.buttons .je-object__container button.json-editor-btn-delete {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.buttons .je-object__container button.json-editor-btn-delete:hover {
  text-decoration-line: none;
}

.buttons .je-object__container button.json-editor-btn-delete:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.buttons .je-object__container button.json-editor-btn-delete:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.buttons .je-object__container button.json-editor-btn-delete:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.buttons .je-object__container button.json-editor-btn-delete {
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: transparent;
  color: var(--content-primary);
}

.buttons .je-object__container button.json-editor-btn-delete:hover {
  background-color: var(--background-overlay);
  color: var(--content-primary);
}

.buttons .je-object__container button.json-editor-btn-delete:where(.dark, .dark *) {
  background-color: transparent !important;
}

.je-object__container button.json-editor-btn-delete[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.je-object__container button.json-editor-btn-delete[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.je-object__container button.json-editor-btn-delete[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.je-object__container button.json-editor-btn-delete[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.je-object__container button.json-editor-btn-delete {
  height: 2rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  --tw-text-opacity: 1;
  color: rgb(149 31 39 / var(--tw-text-opacity, 1));
}

.je-object__container input[type='checkbox'] {
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}

.je-object__container input[type='checkbox']:last-child {
  margin-bottom: 0px;
}

.je-object__container input[type='checkbox'] {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: var(--content-border-dark);
  background-color: var(--background-elevated);
}

.je-object__container input[type='checkbox']:checked {
  border-color: var(--content-border-dark);
  background-color: var(--content-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8334 3.25L4.87504 9.20833L2.16671 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: var(--background-elevated);
}

.je-object__container input[type='checkbox']:focus,
.je-object__container input[type='checkbox']:active {
  --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);
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  --tw-ring-color: transparent !important;
}

/* Presets */

.preset-panel {
  width: 100%;
  overflow-y: auto;
  padding: 0.25rem;
}

.preset-btn {
  border: none;
  background: transparent;
  width: 100%;
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.preset-btn:hover {
  background: #f3f4f6;
}

.preset-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.preset-category-heading {
  font-weight: 600;
}

.preset-heading {
  font-weight: 700;
}

[data-select-all-target="wrapper"].required > label::after {
  display: block;
}

.required > label::after {
  display: inline-block;
  padding-left: 0.25rem;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(232 59 71 / var(--tw-text-opacity, 1));
  content: '*';
}

.filter-select.select2-container,
.filter-select .select2-selection.select2-selection--single {
  height: 32px !important;
}

.filter-select .select2-selection.select2-selection--single {
  box-shadow: 0px 0px 0px 1px var(--content-border-neutral);
}

.filter-select
  .select2-selection.select2-selection--single
  .select2-selection__rendered
  .super-select--option-label {
  color: var(--interactive-primary);
}

html .filter-select .select2-selection__rendered {
  padding-top: 5px !important;
}

html .filter-select b[role='presentation'] {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none" class="w-6 h-6 stroke-width-1.5 icon"><path d="M8 10.7393L12 14.7393L16 10.7393" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>') !important;
  background-size: auto !important;
  width: 17px;
  top: 1rem !important;
  opacity: 0.5;
  transform: translateY(-50%) translateX(5px) !important;
}

.select-label-nowrap .super-select--option-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

:root {
  --icon-fill: transparent;
  --icon-fill-opacity: 0;
}

.sidebar-item {
  color: var(--content-tertiary);
}

.sidebar-item:hover,
.sidebar-item-active svg path {
  color: var(--content-primary);
  --icon-fill: var(--grayscale-3);
  --icon-fill-opacity: 1;
}

.sidebar-item svg path {
  stroke: currentColor;
  fill: var(--icon-fill);
  fill-opacity: var(--icon-fill-opacity);
}

#sidebar-more .menu form.button_to {
  width: 100%;
}

#sidebar-more .menu a,
#sidebar-more .menu button {
  display: flex;
  width: 100%;
  flex-grow: 1;
  cursor: pointer;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  text-align: left;
  text-decoration-line: none;
}

#sidebar-more .menu a:hover,
#sidebar-more .menu button:hover {
  background-color: var(--background-base);
  text-decoration-line: none;
}

#sidebar-more .menu a:focus,
#sidebar-more .menu button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#sidebar-more .menu a:focus-visible,
#sidebar-more .menu button:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgba(11,5,29,0.40);
  --tw-ring-offset-width: 0px;
}

@media not all and (min-width: 768px) {
  #sidebar-more .menu a,
#sidebar-more .menu button {
    border-radius: 0.75rem;
  }
}

#menu-wrapper .item .icon {
  display: none;
}

@media (min-width: 1024px) {
  #menu-wrapper .item .icon {
    display: block;
    width: 1rem;
    height: 1rem;
  }
}

#menu-wrapper .item .icon img {
  width: 1rem;
  height: 1rem;
}

#menu-wrapper .item .icon svg path {
  stroke-width: 2 !important;
}

@media (min-width: 1024px) {
  .sidebar-collapsed #menu-wrapper .item .icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .sidebar-collapsed #menu-wrapper .item .label {
    margin: 0px;
    max-width: 0px;
    opacity: 0;
  }

  .sidebar-collapsed #menu-wrapper .item .tooltip[data-select-all-target="wrapper"] {
    display: block;
  }

  .sidebar-collapsed #menu-wrapper .item .tooltip {
    display: inline-block;
  }

  .sidebar-collapsed #menu-wrapper .item .secondary-label {
    display: none;
  }
}

@keyframes nil-animation {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}

[data-turn-exit],
[data-turn-enter] {
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.35, 1);
  animation-fill-mode: forwards;
}

/* Dumb - but any elements with data-tun will force the page to wait until the animation is complete */

/* so we need a dummy animation as a fallback case */

html.turn-exit [data-turn-exit],
html.turn-enter [data-turn-enter] {
  animation-name: nil-animation;
  animation-duration: 0.1;
}

html.turn-exit [data-turn-exit="fade-out"] {
  animation-name: fade-out-left;
  animation-duration: 0.25s;
}

html.turn-exit [data-turn-enter="fade-in"] {
  animation-name: fade-out-left;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-exit [data-turn-exit] {
  animation-name: fade-out-up;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-exit.turn-reverse [data-turn-exit] {
  animation-name: fade-in-up;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-enter [data-turn-enter] {
  animation-name: fade-in-up;
  animation-duration: 0.6s;
}

html.turn-enabled.turn-enter.turn-reverse [data-turn-enter] {
  animation-name: fade-out-up;
  animation-duration: 0.6s;
}

html.turn-enabled.turn-exit [data-turn-exit="left"] {
  animation-name: fade-out-left;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-exit.turn-reverse [data-turn-exit="left"],
html.turn-enabled.turn-exit[data-turbo-visit-direction="back"]
  [data-turn-exit="left"] {
  animation-name: fade-out-right;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-exit [data-turn-exit="right"] {
  animation-name: fade-out-right;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-exit.turn-reverse [data-turn-exit="right"],
html.turn-enabled.turn-exit[data-turbo-visit-direction="forward"]
  [data-turn-exit="right"] {
  animation-name: fade-out-left;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-enter [data-turn-enter="left"] {
  animation-name: fade-in-left;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-enter.turn-reverse [data-turn-enter="left"],
html.turn-enabled.turn-enter[data-turbo-visit-direction="forward"]
  [data-turn-exit="left"] {
  animation-name: fade-in-right;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-enter [data-turn-enter="right"] {
  animation-name: fade-in-right;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-enter.turn-reverse [data-turn-enter="right"],
html.turn-enabled.turn-enter[data-turbo-visit-direction="back"]
  [data-turn-enter="right"] {
  animation-name: fade-in-left;
  animation-duration: 0.25s;
}

html.turn-enabled.turn-before-exit [data-turn-exit],
html.turn-enabled.turn-exit [data-turn-exit] {
  will-change: transform, opacity;
}

@keyframes fade-out-up {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, -2rem, 0);
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 2rem, 0);
  }

  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fade-out-left {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  100% {
    opacity: 0;
    transform: translate3d(-20rem, 0, 0);
  }
}

@keyframes fade-out-right {
  0% {
    opacity: 1;
    transform: translateZ(0);
  }

  100% {
    opacity: 0;
    transform: translate3d(20rem, 0, 0);
  }
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translate3d(20rem, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translate3d(-20rem, 0, 0);
  }

  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}

.placeholder-slide {
  display: inline-block;
  transition: opacity 0.2s ease-out;
}

@keyframes jumpIn {
  0% {
    transform: translateY(4px);
    opacity: 0;
  }

  40% {
    transform: translateY(-2px);
    opacity: 1;
  }

  70% {
    transform: translateY(1px);
    opacity: 1;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.jump-animation {
  animation: jumpIn 0.4s ease-out forwards;
}

.conversation-input-shadow {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0),
    0px 9px 9px 0px rgba(0, 0, 0, 0.01), 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
}

/* hide the resize grabber on the text area */

.conversation-input-shadow .autogrow-wrapper::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 50;
  background-color: white;
  width: 8px;
  height: 20px;
}

[data-inbox-target='messageInput']::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 49;
  transform: translateY(-20px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 24px);
  width: 100%;
  left: 0;
  height: 20px;
}

.message {
  word-break: break-all !important;
}

.message .bg-brand-primary-brew .markdown-content a {
  word-break: break-all !important;
  color: var(--background-base) !important;
  text-decoration-line: underline !important;
}

.swiper-slide-thumb-active {
  border-color: var(--content-primary);
}

.carousel-button {
  position: relative;
  z-index: 10;
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: var(--content-border-neutral);
  background-color: var(--background-elevated);
}

.carousel-button[disabled] {
  cursor: not-allowed;
  border-color: transparent;
  background-color: var(--background-overlay);
  color: var(--content-tertiary);
}

.transition-opacity {
  transition: opacity 0.3s ease-in-out;
}

.emoji-error {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0;
  --tw-text-opacity: 1;
  color: rgb(232 59 71 / var(--tw-text-opacity, 1));
}

.emoji-error:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 117 126 / var(--tw-text-opacity, 1));
}

.emoji-error {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, height 0.3s, margin 0.3s;
  height: 0;
  margin: 0;
  overflow: hidden;
}

.emoji-error.visible {
  opacity: 1;
  visibility: visible;
  display: block !important;
  height: 1.25rem;
  /* Match text line-height */
  margin-top: 0.25rem;
  /* mt-1 equivalent */
}

.markdown-content strong {
  font-weight: 700;
}

@media (min-width: 1024px) {
  main .page:first-of-type {
    margin-right: 9px;
    margin-top: 9px;
    height: calc(100dvh - 1rem);
    overflow: auto;
    border-width: 1px;
  }
}

@media not all and (min-width: 1024px) {
  main .page:first-of-type {
    border-style: none;
  }
}

[data-select-all-target="wrapper"]main .page:first-of-type > .title {
  border-color: var(--content-border-dark);
}

main .page:first-of-type > .title {
  display: flex;
  height: 4rem;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  border-bottom-width: 1px;
  border-color: var(--content-border-neutral);
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.3125rem;
  line-height: 1.33;
  letter-spacing: -0.0231rem;
  font-weight: 700;
  color: var(--content-primary);
  letter-spacing: 0;
  font-family: Media Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* hide the first breadcrumb chevron */

ol.breadcrumb li:first-child svg {
  display: none;
}

/* Override Turbo's progress bar color with the application's theme. */

.turbo-progress-bar {
  height: 5px;
  background-color: var(--brand-secondary-moola);
}

/*
  When dragging a sortable table row, only show the first column, usually containing the element's label.
  Can be customize on a per-table basis.
  Remove when updated to Bullet Train version that merges upstream PR https://github.com/bullet-train-co/bullet_train-core/pull/923
*/

tr.gu-mirror > *:not(:first-child) {
  display: none;
}

.ol-accordion-item > summary::-webkit-details-marker,
.ol-accordion-item > summary::marker {
  display: none;
}

a {
  color: var(--content-primary);
  text-decoration-line: none;
}

a:hover {
  color: var(--content-primary);
  text-decoration-line: none;
}

.shadow-modal {
  box-shadow: 0px 20px 80px 0px rgba(0, 0, 0, 0.06),
    0px 7.3px 29.2px 0px rgba(0, 0, 0, 0.05),
    0px 3.5px 14.2px 0px rgba(0, 0, 0, 0.04),
    0px 1.7px 6.9px 0px rgba(0, 0, 0, 0.03),
    0px 0.7px 2.7px 0px rgba(0, 0, 0, 0.02);
}

/* alias used to support ejecting the file to local */

/* ✅ YOUR APPLICATION'S CSS */

/* If you need to customize your application's CSS, this is the place to do it. This helps
   avoid merge conflicts in the future when Rails or Bullet Train update their own CSS.
*/

body .Fade .AccordionItem.p-AccordionItem:first-child {
  border-radius: 12px 12px 0 0 !important;
}

.first-child-full-width {
  width: 100%;
}

.first-child-full-width > div {
  width: 100%;
}

@media (min-width: 1024px) {
  .settings .navigation [data-is-active='true'] {
    background-color: var(--background-overlay);
  }
}

.settings .navigation a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--content-primary);
}

@media not all and (min-width: 1024px) {
  .settings .navigation a {
    border-bottom-width: 1px;
  }

  .settings .navigation a[data-select-all-target="wrapper"] {
    border-color: var(--content-border-dark);
  }

  .settings .navigation a {
    gap: 0.75rem;
    border-radius: 0px;
    border-bottom-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .settings .navigation a:hover {
    background-color: transparent;
  }

  .settings .navigation a span.text-2xl {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.settings .navigation .item {
  display: flex;
  max-width: 100% !important;
  align-items: center;
}

@media (min-width: 1024px) {
  .settings .navigation .item {
    gap: 0.25rem;
    border-radius: 0.75rem;
  }
}

@media not all and (min-width: 1024px) {
  .settings .navigation .item .icon {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .settings .navigation .item .icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

/* Ugly hacks to fix icon stokes */

/* TODO: Fix the actual SVGs */

/* domains */

.settings .navigation .item[href*='domains'] svg path {
  stroke-width: 2 !important;
}

/* company */

.settings .navigation .item:nth-child(3) svg path {
  stroke-width: 2 !important;
}

/* memberships */

.settings .navigation .item[href*='memberships'] svg path {
  stroke-width: 2 !important;
}

@media (min-width: 1024px) {
  .settings .page {
    height: calc(100dvh - 1rem);
    overflow: hidden;
  }
}

@media not all and (min-width: 1024px) {
  .settings .page {
    border-style: none;
  }
}

.settings .page > .body {
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .settings .page > .body {
    height: calc(100dvh - 5rem);
    overflow-y: auto;
  }
}

[data-select-all-target="wrapper"].settings .page .title {
  border-color: var(--content-border-dark);
}

.settings .page .title {
  display: flex;
  height: 4rem;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  border-bottom-width: 1px;
  border-color: var(--content-border-neutral);
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.3125rem;
  line-height: 1.33;
  letter-spacing: -0.0231rem;
  font-weight: 700;
  color: var(--content-primary);
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.settings .page .body .box {
  box-shadow: none !important;
  padding: 2rem !important;
}

.settings .page .body .box .title {
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: -2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.settings .page .body .box .title h2 {
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
}

.settings .page .body .box .title p {
  display: none;
}

.settings .page .body .box .body {
}

.offers .page:first-of-type {
  margin: 0px;
  border-style: none;
  padding: 0px;
}

.offers .page:first-of-type > .title {
  margin: 0px;
  border-style: none;
  padding: 0px;
  font-family: Manrope, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.offers .page:first-of-type > .title h1 {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: -0.0294rem;
}

@media not all and (min-width: 1024px) {
  .settings .navigation a span.offers .page:first-of-type > .title h1 {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}

.offers .page:first-of-type > .body {
  margin: 0px;
  padding: 0px;
}

[data-property-path] {
  position: relative;
  cursor: pointer;
}

[data-select-all-target="wrapper"][data-property-path] {
  display: block;
}

[data-property-path] {
  display: inline-block;
}

[data-property-path]:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 50;
  height: 100%;
  width: 100%;
}

[data-property-path]:after {
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: 50;
  display: none;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0px 0px 0px 0px rgba(0,0,0, 0.00), 0px 0px 0px 0px rgba(0,0,0, 0.00), 0px 8px 28px 0px rgba(0,0,0, 0.16);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 8px 28px 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: attr(data-property-path);
  min-width: 200px;
}

[data-property-path]:hover:before {
  border-width: 4px;
  border-style: dotted;
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

[data-property-path]:hover:after {
  display: block;
}

/* This won't work - need to use a tooltip library or something */

[data-property-path] .collection-item-controls {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  z-index: 60;
}


    .button-link[data-property-path] .collection-item-controls button {
  padding: 0;
  border-radius: 2px;
}

[data-property-path] .collection-item-controls button {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

[data-property-path] .collection-item-controls button:hover {
  text-decoration-line: none;
}

[data-property-path] .collection-item-controls button:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

[data-property-path] .collection-item-controls button:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

[data-property-path] .collection-item-controls button:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

[data-property-path] .collection-item-controls button .dotlottie-wrapper {
  width: 0.875rem;
  height: 0.875rem;
}

[data-property-path] .collection-item-controls button {
  height: 2rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  display: none;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

[data-property-path]:hover .collection-item-controls button {
  display: block !important;
}

.collection-controls {
  display: flex;
  gap: 0.25rem;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  z-index: 60;
}


    .button-link.collection-controls button {
  padding: 0;
  border-radius: 2px;
}

.collection-controls button {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.collection-controls button:hover {
  text-decoration-line: none;
}

.collection-controls button:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.collection-controls button:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.collection-controls button:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.collection-controls button .dotlottie-wrapper {
  width: 0.875rem;
  height: 0.875rem;
}

.collection-controls button {
  height: 2rem;
  border-radius: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
  display: none;
  border-width: 1px;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

div:hover > .collection-controls button {
  display: block;
}

@media (min-width: 1024px) {
  .lg\:font-display {
    letter-spacing: 0 !important;
  }
}

.before\:box_shadow_sm::before {
  content: var(--tw-content);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
      0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
      0px 4px 6px 0px rgba(0, 0, 0, 0.02);
}

.after\:border-gradient::after {
  position: absolute;
  inset: 0px;
  content: var(--tw-content);
  border-radius: inherit;
  z-index: -1;
  mask: linear-gradient(black, black) content-box,
      linear-gradient(black, black);
  -webkit-mask: linear-gradient(black, black) content-box,
      linear-gradient(black, black);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: var(--border-gradient-width, 1px);
  /* Thickness of the border */
  box-sizing: border-box;
}

.after\:wavy-border::after {
  content: var(--tw-content);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="51" height="5" viewBox="0 0 51 5" fill="none"><path d="M33.945 4.94886H33.9929C38.242 4.94886 38.242 0.948863 42.4911 0.948863C46.7402 0.948863 46.7402 4.94886 50.9893 4.94886V0C46.7402 0 4.24911 0 0 0V4.94886C4.24911 4.94886 4.2491 0.948863 8.49821 0.948863C12.7304 0.948863 12.7473 4.91786 16.9466 4.94886H16.9965C21.2456 4.94886 21.2456 0.948863 25.4947 0.948863C27.5534 0.948863 28.6147 1.88786 29.644 2.85586L29.8435 3.04286C30.8649 4.00286 31.9182 4.93486 33.945 4.94886Z" fill="%230B051D" fill-opacity="0.04"/></svg>');
  background-repeat: repeat-x;
  background-size: 51px 5px;
  background-position: center;
}

.after\:box_shadow_sm::after {
  content: var(--tw-content);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
      0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
      0px 4px 6px 0px rgba(0, 0, 0, 0.02);
}

.hover\:button-disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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\:button-disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:button-disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.hover\:button-disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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\:button-disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.hover\:button-link-disabled:hover {
  background-color: transparent;
  --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\:button-link-disabled:hover:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.hover\:button-disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.hover\:button-disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.hover\:button-disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.hover\:button-disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.hover\:before\:large-button-hover:hover::before {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0),
      0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 2px 0px rgba(0, 0, 0, 0.05),
      0px 4px 6px 0px rgba(0, 0, 0, 0.02);
  border-width: 1px;
  border-color: var(--content-border-dark);
  background-color: var(--grayscale-1);
  content: var(--tw-content);
  /* background: linear-gradient(
      90deg,
      theme(colors.seafoam.100) 0%,
      theme(colors.offWhite / 0%) 110.35%
    );
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06); */
}

.disabled\:button-disabled:disabled:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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\:button-disabled:disabled:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.disabled\:button-disabled:disabled:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.disabled\:button-disabled:disabled:not(.no-disabled-style):where(.dark, .dark *):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);
}

.disabled\:button-disabled:disabled:not(.no-disabled-style) {
  background-image: none;
}

.disabled\:button-link-disabled:disabled {
  background-color: transparent;
  --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\:button-link-disabled:disabled:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.disabled\:button-disabled:disabled {
  cursor: not-allowed;
  text-decoration-line: none;
}

.disabled\:button-disabled:disabled:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.disabled\:button-disabled:disabled:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.disabled\:button-disabled:disabled:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.hover\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style) {
  cursor: not-allowed;
  background-color: rgb(11 5 29 / .12);
  color: rgb(11 5 29 / .36);
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 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\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style):active {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style):where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: rgb(248 245 244 / .36);
}

.hover\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style):where(.dark, .dark *):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\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style) {
  background-image: none;
}

.hover\:disabled\:button-link-disabled:disabled:hover {
  background-color: transparent;
  --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\:disabled\:button-link-disabled:disabled:hover:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
  background-color: transparent;
}

.hover\:disabled\:button-disabled:disabled:hover {
  cursor: not-allowed;
  text-decoration-line: none;
}

.hover\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.hover\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.hover\:disabled\:button-disabled:disabled:hover:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.peer:checked ~ .peer-checked\:button-primary-dark {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.peer:checked ~ .peer-checked\:button-primary-dark:hover {
  text-decoration-line: none;
}

.peer:checked ~ .peer-checked\:button-primary-dark:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.peer:checked ~ .peer-checked\:button-primary-dark:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.peer:checked ~ .peer-checked\:button-primary-dark:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.peer:checked ~ .peer-checked\:button-primary-dark {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.message .peer:checked ~ .peer-checked\:button-primary-dark .markdown-content a {
  word-break: break-all !important;
  color: var(--background-base) !important;
  text-decoration-line: underline !important;
}

.peer:checked ~ .peer-checked\:button-primary-dark:hover {
  color: var(--brand-primary-crisp);
}

.peer:checked ~ .peer-checked\:button-primary-dark dotlottie-wc {
  filter: invert(1);
  /* for spinner animation */
}

.peer:checked ~ .peer-checked\:button-primary-dark[disabled]:not(.no-disabled-style) dotlottie-wc {
  filter: invert(0);
  /* for spinner animation */
}

.peer:checked ~ .peer-checked\:button-primary-dark .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.peer:checked ~ .peer-checked\:button-primary-dark[disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.peer:checked ~ .peer-checked\:button-primary-dark[disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.peer:checked ~ .peer-checked\:button-primary-dark[disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.peer:checked ~ .peer-checked\:button-primary-dark[disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"] {
  /* used for wrapping button internals in a span, used by the spinner component */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0em;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"]:hover {
  text-decoration-line: none;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"]:hover::before {
  position: absolute;
  inset: 0px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 0.25);
  --tw-content: '';
  content: var(--tw-content);
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"]:focus-visible {
  border-radius: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(0 0 0 / 0.4);
  --tw-ring-offset-width: 1px;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"]:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"] {
  background-color: var(--brand-primary-brew);
  color: var(--brand-primary-crisp);
}

.message .data-\[selected\=true\]\:button-primary-dark[data-selected="true"] .markdown-content a {
  word-break: break-all !important;
  color: var(--background-base) !important;
  text-decoration-line: underline !important;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"]:hover {
  color: var(--brand-primary-crisp);
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"] dotlottie-wc {
  filter: invert(1);
  /* for spinner animation */
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"][disabled]:not(.no-disabled-style) dotlottie-wc {
  filter: invert(0);
  /* for spinner animation */
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"] .dotlottie-wrapper {
  width: 1.125rem;
  height: 1.125rem;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"][disabled] {
  cursor: not-allowed;
  text-decoration-line: none;
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"][disabled]:not(.no-disabled-style) {
  background-color: rgba(11,5,29,0.12) !important;
  color: var(--content-tertiary);
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"][disabled]:not(.no-disabled-style):hover {
  color: var(--content-tertiary);
}

.data-\[selected\=true\]\:button-primary-dark[data-selected="true"][disabled]:not(.no-disabled-style):hover::before {
  content: var(--tw-content);
  display: none;
}

@media not all and (min-width: 1024px) {
  .max-lg\:button-large
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .max-lg\:button-large .button-icon-circle .dotlottie-wrapper,.max-lg\:button-large .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .max-lg\:button-large
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .max-lg\:button-large .button-icon-circle .dotlottie-wrapper,.max-lg\:button-large .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .max-lg\:button-large
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .max-lg\:button-large .button-icon-circle .dotlottie-wrapper,.max-lg\:button-large .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .max-lg\:button-large.button-icon,.max-lg\:button-large
  .button-icon-circle {
    height: 44px;
    width: 44px;
  }

  .max-lg\:button-large
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .max-lg\:button-large .button-icon-circle .dotlottie-wrapper,.max-lg\:button-large .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .max-lg\:button-large.button-icon,.max-lg\:button-large
  .button-icon-circle {
    height: 44px;
    width: 44px;
  }

  .max-lg\:button-large
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  .max-lg\:button-large .button-icon-circle .dotlottie-wrapper,.max-lg\:button-large .button-icon .dotlottie-wrapper {
    width: 1.125rem;
    height: 1.125rem;
  }

  .max-lg\:button-large.button-icon,.max-lg\:button-large
  .button-icon-circle {
    height: 44px;
    width: 44px;
  }

  .max-lg\:button-large {
    height: 3rem;
    border-radius: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .max-lg\:dialog-bottom-sheet {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: auto;
    margin-bottom: 0px;
    width: 100%;
    max-width: 100% !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
  }

  .max-lg\:dialog-full-sheet {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: auto;
    margin-bottom: 0px;
    width: 100%;
    max-width: 100% !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
    height: calc(100dvh - 8px);
    max-height: none;
  }

  .max-lg\:border-b {
    border-bottom-width: 1px;
  }

  .max-lg\:border-b[data-select-all-target="wrapper"] {
    border-color: var(--content-border-dark);
  }
}

@media (min-width: 768px) {
  .md\:inline-block[data-select-all-target="wrapper"] {
    display: block;
  }
}

@media (min-width: 1024px) {
  .lg\:button-small
    .button-link {
    padding: 0;
    border-radius: 2px;
  }

  svg.lg\:icon-size-8 {
    height: 2rem;
    width: 2rem;
  }

  svg.lg\:icon-size-8 path,
    svg.lg\:icon-size-8 circle,
    svg.lg\:icon-size-8 rect {
    stroke-width: var(--icon-stroke-width, 1.3);
  }

  .lg\:button-small .dotlottie-wrapper {
    width: 0.875rem;
    height: 0.875rem;
  }

  .lg\:button-small {
    height: 2rem;
    border-radius: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .lg\:dialog-full-sheet {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: auto;
    margin-bottom: 0px;
    width: 100%;
    max-width: 100% !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 1.75rem;
    border-top-right-radius: 1.75rem;
    height: calc(100dvh - 8px);
    max-height: none;
  }

  .lg\:inline-block[data-select-all-target="wrapper"] {
    display: block;
  }
}

.selection\:bg-none *::-moz-selection {
  background-image: none;
}

.selection\:bg-none *::selection {
  background-image: none;
}

.selection\:bg-none::-moz-selection {
  background-image: none;
}

.selection\:bg-none::selection {
  background-image: none;
}

.placeholder\:font-medium::-moz-placeholder {
  font-weight: 500;
}

.placeholder\:font-medium::placeholder {
  font-weight: 500;
}

.placeholder\:normal-case::-moz-placeholder {
  text-transform: none;
}

.placeholder\:normal-case::placeholder {
  text-transform: none;
}

.placeholder\:text-content-tertiary::-moz-placeholder {
  color: var(--content-tertiary);
}

.placeholder\:text-content-tertiary::placeholder {
  color: var(--content-tertiary);
}

.placeholder\:text-richBlack\/12::-moz-placeholder {
  color: rgb(11 5 29 / .12);
}

.placeholder\:text-richBlack\/12::placeholder {
  color: rgb(11 5 29 / .12);
}

.placeholder\:text-richBlack\/32::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.placeholder\:text-richBlack\/32::placeholder {
  color: rgb(11 5 29 / .32);
}

.backdrop\:bg-\[\#B3B5B7\]::backdrop {
  --tw-bg-opacity: 1;
  background-color: rgb(179 181 183 / var(--tw-bg-opacity, 1));
}

.backdrop\:bg-opacity-60::backdrop {
  --tw-bg-opacity: 0.6;
}

.backdrop\:backdrop-grayscale-\[0\.3\]::backdrop {
  --tw-backdrop-grayscale: grayscale(0.3);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop\:backdrop-filter::backdrop {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.before\:pointer-events-none::before {
  content: var(--tw-content);
  pointer-events: none;
}

.before\:absolute::before {
  content: var(--tw-content);
  position: absolute;
}

.before\:inset-\[-1px\]::before {
  content: var(--tw-content);
  inset: -1px;
}

.before\:inset-x-0::before {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}

.before\:-left-\[1px\]::before {
  content: var(--tw-content);
  left: -1px;
}

.before\:top-0::before {
  content: var(--tw-content);
  top: 0px;
}

.before\:top-1\/2::before {
  content: var(--tw-content);
  top: 50%;
}

.before\:z-0::before {
  content: var(--tw-content);
  z-index: 0;
}

.before\:block::before {
  content: var(--tw-content);
  display: block;
}

.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}

.before\:h-96::before {
  content: var(--tw-content);
  height: 24rem;
}

.before\:h-\[60\%\]::before {
  content: var(--tw-content);
  height: 60%;
}

.before\:h-full::before {
  content: var(--tw-content);
  height: 100%;
}

.before\:w-px::before {
  content: var(--tw-content);
  width: 1px;
}

.before\:-translate-y-1\/2::before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:rounded-2xl::before {
  content: var(--tw-content);
  border-radius: 1rem;
}

.before\:rounded-lg::before {
  content: var(--tw-content);
  border-radius: 0.5rem;
}

.before\:border::before {
  content: var(--tw-content);
  border-width: 1px;
}

.before\:border-transparent::before {
  content: var(--tw-content);
  border-color: transparent;
}

.before\:bg-content-border-neutral::before {
  content: var(--tw-content);
  background-color: var(--content-border-neutral);
}

.before\:bg-content-primary::before {
  content: var(--tw-content);
  background-color: var(--content-primary);
}

.before\:bg-gradient-to-b::before {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.before\:from-\[\#EFF9FB\]::before {
  content: var(--tw-content);
  --tw-gradient-from: #EFF9FB var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(239 249 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.before\:via-\[\#FEF3F2\]::before {
  content: var(--tw-content);
  --tw-gradient-to: rgb(254 243 242 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #FEF3F2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.before\:to-\[\#F9F6F5\]::before {
  content: var(--tw-content);
  --tw-gradient-to: #F9F6F5 var(--tw-gradient-to-position);
}

.before\:transition-opacity::before {
  content: var(--tw-content);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.before\:content-\[\'\'\]::before {
  --tw-content: '';
  content: var(--tw-content);
}

.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}

.after\:inset-0::after {
  content: var(--tw-content);
  inset: 0px;
}

.after\:inset-x-0::after {
  content: var(--tw-content);
  left: 0px;
  right: 0px;
}

.after\:top-full::after {
  content: var(--tw-content);
  top: 100%;
}

.after\:z-0::after {
  content: var(--tw-content);
  z-index: 0;
}

.after\:hidden::after {
  content: var(--tw-content);
  display: none;
}

.after\:h-\[5px\]::after {
  content: var(--tw-content);
  height: 5px;
}

.after\:rounded-2xl::after {
  content: var(--tw-content);
  border-radius: 1rem;
}

.after\:rounded-lg::after {
  content: var(--tw-content);
  border-radius: 0.5rem;
}

.after\:bg-gradient-to-b::after {
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.after\:from-black\/0::after {
  content: var(--tw-content);
  --tw-gradient-from: rgb(0 0 0 / 0) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:from-white::after {
  content: var(--tw-content);
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.after\:to-black\/04::after {
  content: var(--tw-content);
  --tw-gradient-to: rgb(0 0 0 / .04) var(--tw-gradient-to-position);
}

.after\:to-white\/40::after {
  content: var(--tw-content);
  --tw-gradient-to: rgb(255 255 255 / 0.4) var(--tw-gradient-to-position);
}

.first\:flex:first-child {
  display: flex;
}

.first\:rounded-l-2xl:first-child {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.last\:hidden:last-child {
  display: none;
}

.last\:rounded-r-2xl:last-child {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.last\:border-b-0:last-child {
  border-bottom-width: 0px;
}

.last-of-type\:rounded-b-md:last-of-type {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.empty\:hidden:empty {
  display: none;
}

.focus-within\:z-10:focus-within {
  z-index: 10;
}

.focus-within\:border-primary-500:focus-within {
  border-color: var(--primary-500);
}

.focus-within\:border-richBlack\/30:focus-within {
  border-color: rgb(11 5 29 / 0.3);
}

.focus-within\:ring-primary-500:focus-within {
  --tw-ring-color: var(--primary-500);
}

.hover\:z-50:hover {
  z-index: 50;
}

.hover\:z-\[100\]:hover {
  z-index: 100;
}

.hover\:z-\[999\]:hover {
  z-index: 999;
}

.hover\:translate-y-\[-1px\]:hover {
  --tw-translate-y: -1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-grab:hover {
  cursor: grab;
}

.hover\:cursor-not-allowed:hover {
  cursor: not-allowed;
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:border-background-overlay:hover {
  border-color: var(--background-overlay);
}

.hover\:border-content-border-input:hover {
  border-color: var(--content-border-input);
}

.hover\:border-content-focus-outline:hover {
  border-color: var(--content-focus-outline);
}

.hover\:border-content-primary:hover {
  border-color: var(--content-primary);
}

.hover\:border-richBlack:hover {
  --tw-border-opacity: 1;
  border-color: rgb(11 5 29 / var(--tw-border-opacity, 1));
}

.hover\:border-richBlack\/10:hover {
  border-color: rgb(11 5 29 / 0.1);
}

.hover\:border-richBlack\/12:hover {
  border-color: rgb(11 5 29 / .12);
}

.hover\:border-slate-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}

.hover\:\!bg-\[rgba\(104\2c 67\2c 0\2c 0\.12\)\]:hover {
  background-color: rgba(104,67,0,0.12) !important;
}

.hover\:bg-\[\#F7F5F0\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 245 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[color\:var\(--base-color\)\]:hover {
  background-color: var(--base-color);
}

.hover\:bg-\[rgba\(104\2c 67\2c 0\2c 0\.08\)\]:hover {
  background-color: rgba(104,67,0,0.08);
}

.hover\:bg-background-base:hover {
  background-color: var(--background-base);
}

.hover\:bg-background-elevated:hover {
  background-color: var(--background-elevated);
}

.hover\:bg-background-overlay:hover {
  background-color: var(--background-overlay);
}

.hover\:bg-black\/60:hover {
  background-color: rgb(0 0 0 / 0.6);
}

.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-grayscale-1:hover {
  background-color: var(--grayscale-1);
}

.hover\:bg-offWhite:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary-600:hover {
  background-color: var(--primary-600);
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 243 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(214 44 56 / var(--tw-bg-opacity, 1));
}

.hover\:bg-richBlack\/04:hover {
  background-color: rgb(11 5 29 / .04);
}

.hover\:bg-slate-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[var\(--base-color\)\]:hover {
  color: var(--base-color);
}

.hover\:text-blue-500:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-primary-brew-light:hover {
  --tw-text-opacity: 1;
  color: rgb(52 46 38 / var(--tw-text-opacity, 1));
}

.hover\:text-brand-primary-crisp:hover {
  color: var(--brand-primary-crisp);
}

.hover\:text-content-primary:hover {
  color: var(--content-primary);
}

.hover\:text-content-secondary:hover {
  color: var(--content-secondary);
}

.hover\:text-content-tertiary:hover {
  color: var(--content-tertiary);
}

.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-inherit:hover {
  color: inherit;
}

.hover\:text-offWhite:hover {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.hover\:text-primary-600:hover {
  color: var(--primary-600);
}

.hover\:text-richBlack:hover {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.hover\:text-secondary-600:hover {
  color: var(--secondary-600);
}

.hover\:text-slate-400:hover {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-500:hover {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:decoration-2:hover {
  text-decoration-thickness: 2px;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:shadow-md:hover {
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.hover\:shadow-sm:hover {
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 2px 0px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.02);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 2px 0px var(--tw-shadow-color), 0px 4px 6px 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);
}

.hover\:shadow-sm-hover:hover {
  --tw-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 2px 12px 0px rgba(0, 0, 0, 0.04), 0px 9px 9px 0px rgba(0, 0, 0, 0.01), 0px 2px 5px 0px rgba(0, 0, 0, 0.06);;
  --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 2px 12px 0px var(--tw-shadow-color), 0px 9px 9px 0px var(--tw-shadow-color), 0px 2px 5px 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);
}

.hover\:outline-none:hover {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.hover\:ring-0:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.hover\:animation-paused:hover {
  animation-play-state: paused;
}

.hover\:before\:absolute:hover::before {
  content: var(--tw-content);
  position: absolute;
}

.hover\:before\:inset-0:hover::before {
  content: var(--tw-content);
  inset: 0px;
}

.hover\:before\:hidden:hover::before {
  content: var(--tw-content);
  display: none;
}

.hover\:before\:rounded-\[10px\]:hover::before {
  content: var(--tw-content);
  border-radius: 10px;
}

.hover\:before\:bg-white\/25:hover::before {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 0.25);
}

.hover\:before\:opacity-0:hover::before {
  content: var(--tw-content);
  opacity: 0;
}

.hover\:before\:content-\[\'\'\]:hover::before {
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:after\:opacity-75:hover::after {
  content: var(--tw-content);
  opacity: 0.75;
}

.focus-within\:hover\:border-richBlack\/30:hover:focus-within {
  border-color: rgb(11 5 29 / 0.3);
}

.focus\:rounded-full:focus {
  border-radius: 9999px;
}

.focus\:border-none:focus {
  border-style: none;
}

.focus\:\!border-\[\#8E8B97\]:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(142 139 151 / var(--tw-border-opacity, 1)) !important;
}

.focus\:border-blue-400\/50:focus {
  border-color: rgb(96 165 250 / 0.5);
}

.focus\:border-primary-500:focus {
  border-color: var(--primary-500);
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(232 59 71 / var(--tw-border-opacity, 1));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:bg-background-elevated:focus {
  background-color: var(--background-elevated);
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:text-content-primary:focus {
  color: var(--content-primary);
}

.focus\:shadow:focus {
  --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);
}

.focus\:shadow-\[0px_0px_0px_2px_var\(--content-focus-outline\2c rgba\(52\2c 46\2c 38\2c 0\.20\)\)_inset\]:focus {
  --tw-shadow: 0px 0px 0px 2px var(--content-focus-outline,rgba(52,46,38,0.20)) inset;
  --tw-shadow-colored: inset 0px 0px 0px 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);
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-offset-0:focus {
  outline-offset: 0px;
}

.focus\:outline-timberwolf:focus {
  outline-color: #DCD8DA;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus {
  --tw-ring-inset: inset;
}

.focus\:ring-blue-400\/50:focus {
  --tw-ring-color: rgb(96 165 250 / 0.5);
}

.focus\:ring-blue-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}

.focus\:ring-content-focus-outline:focus {
  --tw-ring-color: var(--content-focus-outline);
}

.focus\:ring-content-primary:focus {
  --tw-ring-color: var(--content-primary);
}

.focus\:ring-primary-500:focus {
  --tw-ring-color: var(--primary-500);
}

.focus\:ring-primary-600:focus {
  --tw-ring-color: var(--primary-600);
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(232 59 71 / var(--tw-ring-opacity, 1));
}

.focus\:ring-white:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.focus\:ring-offset-0:focus {
  --tw-ring-offset-width: 0px;
}

.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}

.focus\:placeholder\:text-content-tertiary:focus::-moz-placeholder {
  color: var(--content-tertiary);
}

.focus\:placeholder\:text-content-tertiary:focus::placeholder {
  color: var(--content-tertiary);
}

.focus\:hover\:text-offWhite:hover:focus {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.hover\:focus\:text-content-primary:focus:hover {
  color: var(--content-primary);
}

.focus-visible\:rounded-xl:focus-visible {
  border-radius: 0.75rem;
}

.focus-visible\:bg-background-overlay:focus-visible {
  background-color: var(--background-overlay);
}

.focus-visible\:shadow-\[inset_0px_0px_0px_2px_rgba\(11\2c 5\2c 29\2c 0\.40\)\2c 0px_0px_0px_1px_var\(--background-base\)\]:focus-visible {
  --tw-shadow: inset 0px 0px 0px 2px rgba(11,5,29,0.40),0px 0px 0px 1px var(--background-base);
  --tw-shadow-colored: inset 0px 0px 0px 2px var(--tw-shadow-color), 0px 0px 0px 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-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline:focus-visible {
  outline-style: solid;
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.focus-visible\:outline-offset-2:focus-visible {
  outline-offset: 2px;
}

.focus-visible\:outline-content-primary:focus-visible {
  outline-color: var(--content-primary);
}

.focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-inset:focus-visible {
  --tw-ring-inset: inset;
}

.focus-visible\:ring-\[\#342e2633\]:focus-visible {
  --tw-ring-color: #342e2633;
}

.focus-visible\:ring-\[rgba\(11\2c 5\2c 29\2c 0\.40\)\]:focus-visible {
  --tw-ring-color: rgba(11,5,29,0.40);
}

.focus-visible\:ring-black\/40:focus-visible {
  --tw-ring-color: rgb(0 0 0 / 0.4);
}

.focus-visible\:ring-content-primary:focus-visible {
  --tw-ring-color: var(--content-primary);
}

.focus-visible\:ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px;
}

.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}

.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:\[--tw-ring-offset-width\:2px\]:focus-visible {
  --tw-ring-offset-width: 2px;
}

.focus-visible\:\[--tw-ring-width\:2px\]:focus-visible {
  --tw-ring-width: 2px;
}

.active\:\!scale-\[0\.995\]:active {
  --tw-scale-x: 0.995 !important;
  --tw-scale-y: 0.995 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:scale-\[0\.995\]:active {
  --tw-scale-x: 0.995;
  --tw-scale-y: 0.995;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.active\:border-background-overlay:active {
  border-color: var(--background-overlay);
}

.active\:bg-background-base:active {
  background-color: var(--background-base);
}

.active\:bg-background-elevated:active {
  background-color: var(--background-elevated);
}

.active\:bg-background-overlay:active {
  background-color: var(--background-overlay);
}

.active\:\!text-yellow-800:active {
  --tw-text-opacity: 1 !important;
  color: rgb(120 71 27 / var(--tw-text-opacity, 1)) !important;
}

.active\:shadow-\[inset_0_0_0_2px_rgba\(11\2c 5\2c 29\2c 0\.4\)\2c _0_0_0_1px_var\(--content-background-base\2c \#F3F0E8\)\]:active {
  --tw-shadow: inset 0 0 0 2px rgba(11,5,29,0.4), 0 0 0 1px var(--content-background-base,#F3F0E8);
  --tw-shadow-colored: inset 0 0 0 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);
}

.active\:outline-none:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.active\:outline:active {
  outline-style: solid;
}

.active\:outline-2:active {
  outline-width: 2px;
}

.active\:outline-content-primary:active {
  outline-color: var(--content-primary);
}

.active\:focus\:\[--tw-ring-color\:transparent\]:focus:active {
  --tw-ring-color: transparent;
}

.active\:focus\:\[--tw-ring-width\:0px\]:focus:active {
  --tw-ring-width: 0px;
}

.disabled\:invisible:disabled {
  visibility: hidden;
}

.disabled\:hidden:disabled {
  display: none;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:\!bg-white:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:bg-slate-200:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

.disabled\:bg-white:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.disabled\:text-content-primary:disabled {
  color: var(--content-primary);
}

.disabled\:opacity-0:disabled {
  opacity: 0;
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:hover\:\!bg-offWhite:hover:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:hover\:bg-offWhite:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
}

.group:first-of-type .group-first-of-type\:block {
  display: block;
}

.group[open] .group-open\:block {
  display: block;
}

.group[open] .group-open\:hidden {
  display: none;
}

.group[open] .group-open\:rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[open] .group-open\:rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:focus-within .group-focus-within\:visible {
  visibility: visible;
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:flex {
  display: flex;
}

.group:hover .group-hover\:hidden {
  display: none;
}

.group\/item:hover .group-hover\/item\:translate-x-3 {
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-x-3 {
  --tw-translate-x: 0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-\[120\%\] {
  --tw-scale-x: 120%;
  --tw-scale-y: 120%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:border-yellow-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 247 194 / var(--tw-border-opacity, 1));
}

.group\/tab:hover .group-hover\/tab\:bg-content-border-dark {
  background-color: var(--content-border-dark);
}

.group:hover .group-hover\:bg-background-base {
  background-color: var(--background-base);
}

.group:hover .group-hover\:bg-brand-primary-shine-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 132 / var(--tw-bg-opacity, 1));
}

.group:hover .group-hover\:bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 244 228 / var(--tw-bg-opacity, 1));
}

.group\/item:hover .group-hover\/item\:text-content-secondary {
  color: var(--content-secondary);
}

.group:hover .group-hover\:text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:text-content-primary {
  color: var(--content-primary);
}

.group:hover .group-hover\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:underline {
  text-decoration-line: underline;
}

.group:hover .group-hover\:no-underline {
  text-decoration-line: none;
}

.group:hover .group-hover\:decoration-content-tertiary {
  text-decoration-color: var(--content-tertiary);
}

.group:hover .group-hover\:decoration-dotted {
  text-decoration-style: dotted;
}

.group\/item:hover .group-hover\/item\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group\/item:focus .group-focus\/item\:opacity-100 {
  opacity: 1;
}

.group\/tab:focus-visible .group-focus-visible\/tab\:text-content-primary {
  color: var(--content-primary);
}

.group\/tab:focus-visible .group-focus-visible\/tab\:opacity-100 {
  opacity: 1;
}

.group:active .group-active\:translate-x-\[25\%\] {
  --tw-translate-x: 25%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:active .group-active\:animate-none {
  animation: none;
}

.group\/tab-group.use-overline .group-\[\.use-overline\]\/tab-group\:bottom-auto {
  bottom: auto;
}

.group\/tab-group.use-overline .group-\[\.use-overline\]\/tab-group\:top-0 {
  top: 0px;
}

.group.conversation-list-hidden .group-\[\.conversation-list-hidden\]\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.group.collaboration-details-hidden .group-\[\.collaboration-details-hidden\]\:flex {
  display: flex;
}

.group.navigation-hidden .group-\[\.navigation-hidden\]\:flex {
  display: flex;
}

.group\/dropdown-modal.with-items .group-\[\.with-items\]\/dropdown-modal\:contents {
  display: contents;
}

.group.collaboration-details-hidden .group-\[\.collaboration-details-hidden\]\:hidden {
  display: none;
}

.group.has-files .group-\[\.has-files\]\:hidden {
  display: none;
}

.group.navigation-hidden .group-\[\.navigation-hidden\]\:hidden {
  display: none;
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:hidden {
  display: none;
}

.group\/dropdown-modal.with-items .group-\[\.with-items\]\/dropdown-modal\:hidden {
  display: none;
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.group.conversation-list-hidden .group-\[\.conversation-list-hidden\]\:w-full {
  width: 100%;
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:w-20 {
  width: 5rem;
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:w-\[4\.25rem\] {
  width: 4.25rem;
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:min-w-\[0px\] {
  min-width: 0px;
}

.group.conversation-list-hidden .group-\[\.conversation-list-hidden\]\:max-w-\[960px\] {
  max-width: 960px;
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:scale-x-100 {
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/layout.sidebar-collapsed .group-\[\.sidebar-collapsed\]\/layout\:items-center {
  align-items: center;
}

.group\/tab-group.use-overline .group-\[\.use-overline\]\/tab-group\:rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.group\/tab-group.use-overline .group-\[\.use-overline\]\/tab-group\:rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.group.active .group-\[\.active\]\:border-2 {
  border-width: 2px;
}

.group.currentInput .group-\[\.currentInput\]\:border-\[1\.5px\] {
  border-width: 1.5px;
}

.group.currentInput .group-\[\.currentInput\]\:border-content-primary {
  border-color: var(--content-primary);
}

.group.currentInput .group-\[\.currentInput\]\:bg-background-elevated {
  background-color: var(--background-elevated);
}

.group\/tab-group.use-overline .group-\[\.use-overline\]\/tab-group\:pb-0 {
  padding-bottom: 0px;
}

.group\/tab-group.use-overline .group-\[\.use-overline\]\/tab-group\:pt-2\.5 {
  padding-top: 0.625rem;
}

.peer[open] ~ .peer-open\:hidden {
  display: none;
}

.peer:checked ~ .peer-checked\:mr-0 {
  margin-right: 0px;
}

.peer:checked ~ .peer-checked\:hidden {
  display: none;
}

.peer:checked ~ .peer-checked\:h-\[0px\] {
  height: 0px;
}

.peer:checked ~ .peer-checked\:w-\[0px\] {
  width: 0px;
}

.peer:checked ~ .peer-checked\:translate-x-\[0\.875rem\] {
  --tw-translate-x: 0.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked ~ .peer-checked\:border-\[6px\] {
  border-width: 6px;
}

.peer:checked ~ .peer-checked\:border-content-border-neutral {
  border-color: var(--content-border-neutral);
}

.peer:checked ~ .peer-checked\:border-content-primary {
  border-color: var(--content-primary);
}

.peer:checked ~ .peer-checked\:bg-background-elevated {
  background-color: var(--background-elevated);
}

.peer:checked ~ .peer-checked\:bg-content-primary {
  background-color: var(--content-primary);
}

.peer:checked ~ .peer-checked\:bg-interactive-primary {
  background-color: var(--interactive-primary);
}

.peer:checked ~ .peer-checked\:bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 227 229 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.peer:checked ~ .peer-checked\:text-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.peer:checked ~ .peer-checked\:text-background-base {
  color: var(--background-base);
}

.peer:checked ~ .peer-checked\:text-content-primary {
  color: var(--content-primary);
}

.peer:checked ~ .peer-checked\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}

.peer:checked ~ .peer-checked\:outline {
  outline-style: solid;
}

.peer:checked ~ .peer-checked\:outline-2 {
  outline-width: 2px;
}

.peer:checked ~ .peer-checked\:outline-offset-2 {
  outline-offset: 2px;
}

.peer:checked ~ .peer-checked\:outline-white {
  outline-color: #fff;
}

.peer:checked ~ .peer-checked\:before\:border-content-primary::before {
  content: var(--tw-content);
  border-color: var(--content-primary);
}

.peer:checked ~ .peer-checked\:after\:opacity-0::after {
  content: var(--tw-content);
  opacity: 0;
}

.peer:checked ~ .peer-checked\:focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:checked ~ .group .peer-checked\:group-\[\]\:text-offWhite {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:\!invisible {
  visibility: hidden !important;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:\!invisible {
  visibility: hidden !important;
}

.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:border-content-border-dark {
  border-color: var(--content-border-dark);
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:border-content-border-dark {
  border-color: var(--content-border-dark);
}

.peer:focus-within ~ .peer-focus-within\:\!visible {
  visibility: visible !important;
}

.peer:focus ~ .peer-focus\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.peer:focus ~ .peer-focus\:ring-richBlack\/40 {
  --tw-ring-color: rgb(11 5 29 / 0.4);
}

.peer:focus ~ .peer-focus\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

.peer:enabled ~ .peer-enabled\:hover\:bg-background-overlay:hover {
  background-color: var(--background-overlay);
}

.peer:disabled ~ .peer-disabled\:border-0 {
  border-width: 0px;
}

.peer:disabled ~ .peer-disabled\:border-8 {
  border-width: 8px;
}

.peer:disabled ~ .peer-disabled\:border-content-border-neutral {
  border-color: var(--content-border-neutral);
}

.peer:disabled ~ .peer-disabled\:bg-\[\#DFDEDC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(223 222 220 / var(--tw-bg-opacity, 1));
}

.peer:disabled ~ .peer-disabled\:bg-background-overlay {
  background-color: var(--background-overlay);
}

.peer:disabled ~ .peer-disabled\:bg-content-border-dark {
  background-color: var(--content-border-dark);
}

.peer:disabled ~ .peer-disabled\:text-content-tertiary {
  color: var(--content-tertiary);
}

.peer:disabled ~ .peer-disabled\:\!opacity-0 {
  opacity: 0 !important;
}

.peer:disabled ~ .peer-disabled\:before\:opacity-0::before {
  content: var(--tw-content);
  opacity: 0;
}

.peer:disabled ~ .peer-disabled\:after\:opacity-0::after {
  content: var(--tw-content);
  opacity: 0;
}

.peer:disabled ~ .peer-disabled\:after\:opacity-38::after {
  content: var(--tw-content);
  opacity: .38;
}

.peer:disabled ~ .peer-disabled\:focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.group:hover .peer:disabled ~ .group-hover\:peer-disabled\:\!opacity-0 {
  opacity: 0 !important;
}

.has-\[\:checked\]\:cursor-default:has(:checked) {
  cursor: default;
}

.has-\[\:checked\]\:border-richBlack:has(:checked) {
  --tw-border-opacity: 1;
  border-color: rgb(11 5 29 / var(--tw-border-opacity, 1));
}

.has-\[\:checked\]\:bg-transparent:has(:checked) {
  background-color: transparent;
}

.has-\[\:checked\]\:\!text-content-primary:has(:checked) {
  color: var(--content-primary) !important;
}

.has-\[\:checked\]\:text-richBlack:has(:checked) {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.has-\[\:selected\]\:\!text-content-primary:has(:selected) {
  color: var(--content-primary) !important;
}

.has-\[input\:checked\]\:text-yellow-400:has(input:checked) {
  --tw-text-opacity: 1;
  color: rgb(226 180 45 / var(--tw-text-opacity, 1));
}

.has-\[input\:hover\]\:text-yellow-600:has(input:hover) {
  --tw-text-opacity: 1;
  color: rgb(181 123 25 / var(--tw-text-opacity, 1));
}

.has-\[\~label\>input\:checked\]\:has-\[input\:hover\]\:text-yellow-600:has(input:hover):has(~label>input:checked) {
  --tw-text-opacity: 1;
  color: rgb(181 123 25 / var(--tw-text-opacity, 1));
}

.has-\[\~label\>input\:checked\]\:text-yellow-400:has(~label>input:checked) {
  --tw-text-opacity: 1;
  color: rgb(226 180 45 / var(--tw-text-opacity, 1));
}

.has-\[\~label\>input\:hover\]\:text-yellow-600:has(~label>input:hover) {
  --tw-text-opacity: 1;
  color: rgb(181 123 25 / var(--tw-text-opacity, 1));
}

.has-\[dialog\[open\]\]\:\!opacity-0:has(dialog[open]) {
  opacity: 0 !important;
}

.has-\[input\:focus-visible\]\:outline-1:has(input:focus-visible) {
  outline-width: 1px;
}

.has-\[\:checked\]\:ring-0:has(:checked) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.aria-hidden\:hidden[aria-hidden="true"] {
  display: none;
}

.aria-selected\:bg-offWhite\/04[aria-selected="true"] {
  background-color: rgb(248 245 244 / .04);
}

.aria-selected\:bg-offWhite\/50[aria-selected="true"] {
  background-color: rgb(248 245 244 / 0.5);
}

.aria-selected\:text-content-primary[aria-selected="true"] {
  color: var(--content-primary);
}

.group[aria-selected="true"] .group-aria-selected\:block {
  display: block;
}

.group[aria-selected="true"] .group-aria-selected\:border-\[var\(--base-color\)\] {
  border-color: var(--base-color);
}

.group\/tab[aria-selected="true"] .group-aria-selected\/tab\:bg-content-primary {
  background-color: var(--content-primary);
}

.group[aria-busy="true"] .group-aria-\[busy\=true\]\:visible {
  visibility: visible;
}

.group[aria-busy="true"] .group-aria-\[busy\=true\]\:block {
  display: block;
}

.group[aria-busy="true"] .group-aria-\[busy\=true\]\:flex {
  display: flex;
}

.group[aria-busy="true"] .group-aria-\[busy\=true\]\:hidden {
  display: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.group[aria-busy="true"] .group-aria-\[busy\=true\]\:animate-spin {
  animation: spin 1s linear infinite;
}

.data-\[dragover\]\:border-richBlack[data-dragover] {
  --tw-border-opacity: 1;
  border-color: rgb(11 5 29 / var(--tw-border-opacity, 1));
}

.data-\[dragover\]\:bg-background-overlay[data-dragover] {
  background-color: var(--background-overlay);
}

.data-\[selected\=true\]\:bg-interactive-primary[data-selected="true"] {
  background-color: var(--interactive-primary);
}

.data-\[selected\=true\]\:px-3[data-selected="true"] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.data-\[selected\=true\]\:text-sm[data-selected="true"] {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.group\/main-dropzone[data-dragover] .group-data-\[dragover\]\/main-dropzone\:invisible {
  visibility: hidden;
}

.group\/main-dropzone[data-dragover] .group-data-\[dragover\]\/main-dropzone\:block {
  display: block;
}

.group\/main-dropzone[data-dragover] .group-data-\[dragover\]\/main-dropzone\:hidden {
  display: none;
}

.group\/button[data-spinner-shown="true"] .group-data-\[spinner-shown\=true\]\/button\:w-\[var\(--content-max-width\2c auto\)\] {
  width: var(--content-max-width,auto);
}

.group\/main-dropzone[data-dragover] .group-data-\[dragover\]\/main-dropzone\:border-richBlack {
  --tw-border-opacity: 1;
  border-color: rgb(11 5 29 / var(--tw-border-opacity, 1));
}

.group\/main-dropzone[data-dragover] .group-data-\[dragover\]\/main-dropzone\:bg-background-base {
  background-color: var(--background-base);
}

.group[data-selected="true"] .group-data-\[selected\=true\]\:text-background-elevated {
  color: var(--background-elevated);
}

.group\/button[data-spinner-shown="true"] .group-data-\[spinner-shown\=true\]\/button\:opacity-0 {
  opacity: 0;
}

.group\/button[data-spinner-shown="true"] .group-data-\[spinner-shown\=true\]\/button\:opacity-100 {
  opacity: 1;
}

.empty-within\:border-richBlack\/10:has(input:not([placeholder])[data-empty="true"]) {
  border-color: rgb(11 5 29 / 0.1);
}

@media not all and (min-width: 1024px) {
  .max-lg\:absolute {
    position: absolute;
  }

  .max-lg\:left-0 {
    left: 0px;
  }

  .max-lg\:top-0 {
    top: 0px;
  }

  .max-lg\:z-\[2000\] {
    z-index: 2000;
  }

  .max-lg\:z-\[999\] {
    z-index: 999;
  }

  .max-lg\:m-0 {
    margin: 0px;
  }

  .max-lg\:block {
    display: block;
  }

  .max-lg\:flex {
    display: flex;
  }

  .max-lg\:hidden {
    display: none;
  }

  .max-lg\:size-5 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .max-lg\:h-\[calc\(100dvh-8\.25rem\)\] {
    height: calc(100dvh - 8.25rem);
  }

  .max-lg\:\!w-full {
    width: 100% !important;
  }

  .max-lg\:w-full {
    width: 100%;
  }

  .max-lg\:min-w-\[300px\] {
    min-width: 300px;
  }

  .max-lg\:flex-1 {
    flex: 1 1 0%;
  }

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

  .max-lg\:overflow-hidden {
    overflow: hidden;
  }

  .max-lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .max-lg\:rounded-none {
    border-radius: 0px;
  }

  .max-lg\:border-b {
    border-bottom-width: 1px;
  }

  .max-lg\:p-0 {
    padding: 0px;
  }

  .max-lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .max-lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .max-lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .max-lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.0113rem;
  }

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

  .max-lg\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }
}

@media not all and (min-width: 768px) {
  .max-md\:rounded-xl {
    border-radius: 0.75rem;
  }

  .max-md\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }
}

@media (min-width: 640px) {
  .sm\:bottom-40 {
    bottom: 10rem;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:m-10 {
    margin: 2.5rem;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:mt-7 {
    margin-top: 1.75rem;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:table-cell {
    display: table-cell;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

  .sm\:w-3\/4 {
    width: 75%;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .sm\:rounded-md {
    border-radius: 0.375rem;
  }

  .sm\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .sm\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

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

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.0294rem;
  }

  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 1.2;
    letter-spacing: -0.0375rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .sm\:text-sm\/6 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .sm\:text-xl {
    font-size: 1.3125rem;
    line-height: 1.33;
    letter-spacing: -0.0231rem;
  }

  .sm\: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);
  }
}

@media (min-width: 768px) {
  .md\:relative {
    position: relative;
  }

  .md\:top-0\.5 {
    top: 0.125rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:aspect-square {
    aspect-ratio: 1 / 1;
  }

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

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-screen {
    height: 100vh;
  }

  .md\:min-h-0 {
    min-height: 0px;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-14 {
    width: 3.5rem;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-\[calc\(50\%-3rem\)\] {
    width: calc(50% - 3rem);
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:justify-normal {
    justify-content: normal;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-stretch {
    justify-content: stretch;
  }

  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  .md\:rounded-xl {
    border-radius: 0.75rem;
  }

  .md\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:border-l-2 {
    border-left-width: 2px;
  }

  .md\:border-none {
    border-style: none;
  }

  .md\:border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  }

  .md\:bg-background-base {
    background-color: var(--background-base);
  }

  .md\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  }

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

  .md\:p-3 {
    padding: 0.75rem;
  }

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

  .md\:p-5 {
    padding: 1.25rem;
  }

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

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .md\:leading-\[20px\] {
    line-height: 20px;
  }

  .md\:before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }

  .md\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }

  .before\:md\:rounded-xl::before {
    content: var(--tw-content);
    border-radius: 0.75rem;
  }

  .first-of-type\:md\:col-span-2:first-of-type {
    grid-column: span 2 / span 2;
  }
}

@media (min-width: 1024px) {
  .lg\:visible {
    visibility: visible;
  }

  .lg\:invisible {
    visibility: hidden;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:left-1\/2 {
    left: 50%;
  }

  .lg\:left-4 {
    left: 1rem;
  }

  .lg\:left-6 {
    left: 1.5rem;
  }

  .lg\:left-8 {
    left: 2rem;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:right-2 {
    right: 0.5rem;
  }

  .lg\:right-4 {
    right: 1rem;
  }

  .lg\:right-auto {
    right: auto;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:top-4 {
    top: 1rem;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-first {
    order: -9999;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:m-20 {
    margin: 5rem;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:-ml-2 {
    margin-left: -0.5rem;
  }

  .lg\:-ml-px {
    margin-left: -1px;
  }

  .lg\:-mr-px {
    margin-right: -1px;
  }

  .lg\:-mt-12 {
    margin-top: -3rem;
  }

  .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  .lg\:ml-2 {
    margin-left: 0.5rem;
  }

  .lg\:mr-0 {
    margin-right: 0px;
  }

  .lg\:mr-\[9px\] {
    margin-right: 9px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:mt-\[9px\] {
    margin-top: 9px;
  }

  .lg\:line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:\!flex {
    display: flex !important;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

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

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

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

  .lg\:h-\[240px\] {
    height: 240px;
  }

  .lg\:h-\[440px\] {
    height: 440px;
  }

  .lg\:h-\[calc\(100dvh-1rem\)\] {
    height: calc(100dvh - 1rem);
  }

  .lg\:h-\[calc\(100dvh-5rem\)\] {
    height: calc(100dvh - 5rem);
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:h-screen {
    height: 100vh;
  }

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

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

  .lg\:max-h-64 {
    max-height: 16rem;
  }

  .lg\:max-h-\[425px\] {
    max-height: 425px;
  }

  .lg\:min-h-\[400px\] {
    min-height: 400px;
  }

  .lg\:min-h-\[calc\(100vh-1rem\)\] {
    min-height: calc(100vh - 1rem);
  }

  .lg\:min-h-\[calc\(100vh-2rem\)\] {
    min-height: calc(100vh - 2rem);
  }

  .lg\:min-h-\[calc\(100vh-76px\)\] {
    min-height: calc(100vh - 76px);
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

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

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

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

  .lg\:w-4\/5 {
    width: 80%;
  }

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

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

  .lg\:w-\[240px\] {
    width: 240px;
  }

  .lg\:w-\[264px\] {
    width: 264px;
  }

  .lg\:w-\[348px\] {
    width: 348px;
  }

  .lg\:w-\[35\%\] {
    width: 35%;
  }

  .lg\:w-\[420px\] {
    width: 420px;
  }

  .lg\:w-\[468px\] {
    width: 468px;
  }

  .lg\:w-\[768px\] {
    width: 768px;
  }

  .lg\:w-\[960px\] {
    width: 960px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-screen {
    width: 100vw;
  }

  .lg\:min-w-\[250px\] {
    min-width: 250px;
  }

  .lg\:min-w-\[420px\] {
    min-width: 420px;
  }

  .lg\:min-w-\[84px\] {
    min-width: 84px;
  }

  .lg\:min-w-full {
    min-width: 100%;
  }

  .lg\:max-w-0 {
    max-width: 0px;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-5xl {
    max-width: 64rem;
  }

  .lg\:max-w-\[296px\] {
    max-width: 296px;
  }

  .lg\:max-w-\[300px\] {
    max-width: 300px;
  }

  .lg\:max-w-\[528px\] {
    max-width: 528px;
  }

  .lg\:max-w-\[568px\] {
    max-width: 568px;
  }

  .lg\:max-w-\[700px\] {
    max-width: 700px;
  }

  .lg\:max-w-lg {
    max-width: 32rem;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:max-w-min {
    max-width: -moz-min-content;
    max-width: min-content;
  }

  .lg\:max-w-xl {
    max-width: 36rem;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .lg\:-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:-translate-x-\[70px\] {
    --tw-translate-x: -70px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[repeat\(auto-fit\2c minmax\(250px\2c 0\.2fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(250px,0.2fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-0 {
    gap: 0px;
  }

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

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-20 {
    gap: 5rem;
  }

  .lg\:gap-32 {
    gap: 8rem;
  }

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

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-20 {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .lg\:space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-9 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse));
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }

  .lg\:rounded-none {
    border-radius: 0px;
  }

  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }

  .lg\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .lg\:rounded-tr-none {
    border-top-right-radius: 0px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:border-l-4 {
    border-left-width: 4px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-content-border-neutral {
    border-color: var(--content-border-neutral);
  }

  .lg\:bg-\[\#F8F5F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
  }

  .lg\:bg-background-base {
    background-color: var(--background-base);
  }

  .lg\:bg-none {
    background-image: none;
  }

  .lg\:p-0 {
    padding: 0px;
  }

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

  .lg\:p-16 {
    padding: 4rem;
  }

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

  .lg\:p-2\.5 {
    padding: 0.625rem;
  }

  .lg\:p-24 {
    padding: 6rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

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

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .lg\:px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:\!pl-0 {
    padding-left: 0px !important;
  }

  .lg\:\!pl-5 {
    padding-left: 1.25rem !important;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

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

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:pl-7 {
    padding-left: 1.75rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:font-display {
    font-family: Media Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -0.0294rem;
  }

  .lg\:text-3xl {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -0.0431rem;
  }

  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 1.2;
    letter-spacing: -0.0375rem;
  }

  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -0.06rem;
  }

  .lg\:text-6xl {
    font-size: 3.5rem;
    line-height: 1.2;
    letter-spacing: -0.1138rem;
  }

  .lg\:text-7xl {
    font-size: 5rem;
    line-height: 1.2;
    letter-spacing: -0.1625rem;
  }

  .lg\:text-\[28px\] {
    font-size: 28px;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.0113rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .lg\:text-xl {
    font-size: 1.3125rem;
    line-height: 1.33;
    letter-spacing: -0.0231rem;
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0;
  }

  .lg\:font-bold {
    font-weight: 700;
  }

  .lg\:font-semibold {
    font-weight: 600;
  }

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

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

  .lg\:leading-relaxed {
    line-height: 1.625;
  }

  .lg\:tracking-normal {
    letter-spacing: 0em;
  }

  .lg\:tracking-tight-1 {
    letter-spacing: -0.01rem;
  }

  .lg\:text-content-secondary {
    color: var(--content-secondary);
  }

  .lg\:text-opacity-70 {
    --tw-text-opacity: 0.7;
  }

  .lg\:opacity-0 {
    opacity: 0;
  }

  .lg\:shadow-none {
    --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);
  }

  .lg\:slide-direction-down {
    --initial-direction: 1;
  }

  .lg\:before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }

  .lg\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }

  .before\:lg\:rounded-xl::before {
    content: var(--tw-content);
    border-radius: 0.75rem;
  }

  .lg\:focus-within\:z-30:focus-within {
    z-index: 30;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:m-0 {
    margin: 0px;
  }

  .group.conversation-list-hidden .lg\:group-\[\.conversation-list-hidden\]\:flex {
    display: flex;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:flex {
    display: flex;
  }

  .group.conversation-list-hidden .lg\:group-\[\.conversation-list-hidden\]\:hidden {
    display: none;
  }

  .group.navigation-hidden .lg\:group-\[\.navigation-hidden\]\:hidden {
    display: none;
  }

  .group.settings-list-hidden .lg\:group-\[\.settings-list-hidden\]\:hidden {
    display: none;
  }

  .group.collaboration-details-hidden .lg\:group-\[\.collaboration-details-hidden\]\:w-full {
    width: 100%;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:w-\[80px\] {
    width: 80px;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:w-auto {
    width: auto;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:max-w-0 {
    max-width: 0px;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:max-w-max {
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:bg-background-overlay {
    background-color: var(--background-overlay);
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:pr-0 {
    padding-right: 0px;
  }

  .group\/layout.sidebar-collapsed .lg\:group-\[\.sidebar-collapsed\]\/layout\:opacity-0 {
    opacity: 0;
  }
}

@media (min-width: 1280px) {
  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.dark\:block:where(.dark, .dark *) {
  display: block;
}

.dark\:hidden:where(.dark, .dark *) {
  display: none;
}

.dark\:divide-\[rgba\(255\2c 255\2c 255\2c 0\.08\)\]:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  border-color: rgba(255,255,255,0.08);
}

.dark\:divide-slate-700:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-divide-opacity, 1));
}

.dark\:border-\[rgba\(255\2c 255\2c 255\2c \.16\)\]:where(.dark, .dark *) {
  border-color: rgba(255,255,255,.16);
}

.dark\:border-\[rgba\(255\2c 255\2c 255\2c 0\.02\)\]:where(.dark, .dark *) {
  border-color: rgba(255,255,255,0.02);
}

.dark\:border-offWhite\/04:where(.dark, .dark *) {
  border-color: rgb(248 245 244 / .04);
}

.dark\:border-offWhite\/08:where(.dark, .dark *) {
  border-color: rgb(248 245 244 / .08);
}

.dark\:border-offWhite\/12:where(.dark, .dark *) {
  border-color: rgb(248 245 244 / .12);
}

.dark\:border-red-700:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(180 33 43 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-500:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-600:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

.dark\:border-slate-900:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(15 23 42 / var(--tw-border-opacity, 1));
}

.dark\:border-white\/\[0\.04\]:where(.dark, .dark *) {
  border-color: rgb(255 255 255 / 0.04);
}

.dark\:border-opacity-10:where(.dark, .dark *) {
  --tw-border-opacity: 0.1;
}

.dark\:\!bg-\[rgba\(238\2c 232\2c 229\2c 0\.15\)\]:where(.dark, .dark *) {
  background-color: rgba(238,232,229,0.15) !important;
}

.dark\:bg-\[\#090A0B\]:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 10 11 / var(--tw-bg-opacity, 1));
}

.dark\:bg-\[color\:rgba\(var\(--base-color-rgb\)\2c 0\.3\)\]:where(.dark, .dark *) {
  background-color: rgba(var(--base-color-rgb),0.3);
}

.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]:where(.dark, .dark *) {
  background-color: rgba(255,255,255,0.05);
}

.dark\:bg-\[rgba\(255\2c 255\2c 255\2c 0\.10\)\]:where(.dark, .dark *) {
  background-color: rgba(255,255,255,0.10);
}

.dark\:bg-\[var\(--image-new-color-dark\)\]:where(.dark, .dark *) {
  background-color: var(--image-new-color-dark);
}

.dark\:bg-background-elevated:where(.dark, .dark *) {
  background-color: var(--background-elevated);
}

.dark\:bg-black:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.dark\:bg-offWhite:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 245 244 / var(--tw-bg-opacity, 1));
}

.dark\:bg-offWhite\/04:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
}

.dark\:bg-offWhite\/36:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .36);
}

.dark\:bg-offWhite\/50:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / 0.5);
}

.dark\:bg-red-700:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(180 33 43 / var(--tw-bg-opacity, 1));
}

.dark\:bg-red-700\/40:where(.dark, .dark *) {
  background-color: rgb(180 33 43 / 0.4);
}

.dark\:bg-red-900:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(124 32 38 / var(--tw-bg-opacity, 1));
}

.dark\:bg-richBlack:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
}

.dark\:bg-richBlack\/80:where(.dark, .dark *) {
  background-color: rgb(11 5 29 / 0.8);
}

.dark\:bg-slate-700:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-800:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

.dark\:bg-slate-900:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

.dark\:bg-white:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.dark\:bg-opacity-10:where(.dark, .dark *) {
  --tw-bg-opacity: 0.1;
}

.dark\:bg-opacity-50:where(.dark, .dark *) {
  --tw-bg-opacity: 0.5;
}

.dark\:bg-opacity-80:where(.dark, .dark *) {
  --tw-bg-opacity: 0.8;
}

.dark\:bg-\[linear-gradient\(180deg\2c rgba\(255\2c 255\2c 255\2c 0\.05\)_0\%\2c rgba\(0\2c 0\2c 0\2c 0\.2\)_100\%\)\]:where(.dark, .dark *) {
  background-image: linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.2) 100%);
}

.dark\:from-primary-900:where(.dark, .dark *) {
  --tw-gradient-from: var(--primary-900) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-700:where(.dark, .dark *) {
  --tw-gradient-from: #334155 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-700\/50:where(.dark, .dark *) {
  --tw-gradient-from: rgb(51 65 85 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:from-slate-800:where(.dark, .dark *) {
  --tw-gradient-from: #1e293b var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.dark\:to-primary-600:where(.dark, .dark *) {
  --tw-gradient-to: var(--primary-600) var(--tw-gradient-to-position);
}

.dark\:to-slate-800:where(.dark, .dark *) {
  --tw-gradient-to: #1e293b var(--tw-gradient-to-position);
}

.dark\:text-blue-500:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.dark\:text-content-primary:where(.dark, .dark *) {
  color: var(--content-primary);
}

.dark\:text-offWhite:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.dark\:text-offWhite\/32:where(.dark, .dark *) {
  color: rgb(248 245 244 / .32);
}

.dark\:text-offWhite\/50:where(.dark, .dark *) {
  color: rgb(248 245 244 / 0.5);
}

.dark\:text-offWhite\/64:where(.dark, .dark *) {
  color: rgb(248 245 244 / .64);
}

.dark\:text-offWhite\/79:where(.dark, .dark *) {
  color: rgb(248 245 244 / .79);
}

.dark\:text-primary-300:where(.dark, .dark *) {
  color: var(--primary-300);
}

.dark\:text-red-100:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 227 229 / var(--tw-text-opacity, 1));
}

.dark\:text-red-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 117 126 / var(--tw-text-opacity, 1));
}

.dark\:text-richBlack:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-200:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-500:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

.dark\:text-slate-800:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}

.dark\:text-white:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.dark\:shadow:where(.dark, .dark *) {
  --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);
}

.dark\:ring-transparent:where(.dark, .dark *) {
  --tw-ring-color: transparent;
}

.dark\:ring-offset-slate-700:where(.dark, .dark *) {
  --tw-ring-offset-color: #334155;
}

.dark\:\[--tw-ring-color\:var\(--tw-ring-color-dark\)\]:where(.dark, .dark *) {
  --tw-ring-color: var(--tw-ring-color-dark);
}

.dark\:\[border-color\:rgba\(255\2c 255\2c 255\2c 0\.08\)\]:where(.dark, .dark *) {
  border-color: rgba(255,255,255,0.08);
}

.dark\:placeholder\:text-offWhite\/36:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(248 245 244 / .36);
}

.dark\:placeholder\:text-offWhite\/36:where(.dark, .dark *)::placeholder {
  color: rgb(248 245 244 / .36);
}

.dark\:placeholder\:text-richBlack\/32:where(.dark, .dark *)::-moz-placeholder {
  color: rgb(11 5 29 / .32);
}

.dark\:placeholder\:text-richBlack\/32:where(.dark, .dark *)::placeholder {
  color: rgb(11 5 29 / .32);
}

.dark\:hover\:border-offWhite\/12:hover:where(.dark, .dark *) {
  border-color: rgb(248 245 244 / .12);
}

.dark\:hover\:bg-\[color\:var\(--base-color\)\]:hover:where(.dark, .dark *) {
  background-color: var(--base-color);
}

.dark\:hover\:bg-richBlack:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(11 5 29 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:bg-slate-400:hover:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1));
}

.hover\:dark\:bg-offWhite\/04:where(.dark, .dark *):hover {
  background-color: rgb(248 245 244 / .04);
}

.hover\:dark\:bg-slate-700:where(.dark, .dark *):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.dark\:hover\:text-offWhite:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.dark\:hover\:text-richBlack:hover:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(11 5 29 / var(--tw-text-opacity, 1));
}

.hover\:dark\:text-offWhite:where(.dark, .dark *):hover {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.hover\:dark\:shadow-none:where(.dark, .dark *):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);
}

.disabled\:dark\:bg-slate-700:where(.dark, .dark *):disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.group:hover .dark\:group-hover\:bg-slate-700:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

.group:hover .dark\:group-hover\:bg-opacity-25:where(.dark, .dark *) {
  --tw-bg-opacity: 0.25;
}

.group:hover .dark\:group-hover\:text-slate-100:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

.group:focus .dark\:group-focus\:text-offWhite:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 245 244 / var(--tw-text-opacity, 1));
}

.peer:checked ~ .peer-checked\:dark\:bg-background-elevated:where(.dark, .dark *) {
  background-color: var(--background-elevated);
}

.peer:checked ~ .peer-checked\:before\:dark\:border-content-primary:where(.dark, .dark *)::before {
  content: var(--tw-content);
  border-color: var(--content-primary);
}

.peer:focus ~ .peer-focus\:dark\:ring-offWhite\/40:where(.dark, .dark *) {
  --tw-ring-color: rgb(248 245 244 / 0.4);
}

.peer:disabled ~ .peer-disabled\:dark\:bg-content-border-dark:where(.dark, .dark *) {
  background-color: var(--content-border-dark);
}

.peer:disabled ~ .dark\:peer-disabled\:text-content-tertiary:where(.dark, .dark *) {
  color: var(--content-tertiary);
}

.has-\[\:checked\]\:dark\:text-offWhite\/50:where(.dark, .dark *):has(:checked) {
  color: rgb(248 245 244 / 0.5);
}

.dark\:aria-selected\:bg-offWhite\/04[aria-selected="true"]:where(.dark, .dark *) {
  background-color: rgb(248 245 244 / .04);
}

.data-\[dragover\]\:dark\:border-offWhite:where(.dark, .dark *)[data-dragover] {
  --tw-border-opacity: 1;
  border-color: rgb(248 245 244 / var(--tw-border-opacity, 1));
}

.group\/main-dropzone[data-dragover] .group-data-\[dragover\]\/main-dropzone\:dark\:border-offWhite:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(248 245 244 / var(--tw-border-opacity, 1));
}

@media (min-width: 640px) {
  .sm\:dark\:bg-slate-700:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
  }

  .sm\:dark\:shadow-lg:where(.dark, .dark *) {
    --tw-shadow: 0px 0px 0px 0px rgba(0,0,0, 0.00), 0px 0px 0px 0px rgba(0,0,0, 0.00), 0px 8px 28px 0px rgba(0,0,0, 0.16);;
    --tw-shadow-colored: 0px 0px 0px 0px var(--tw-shadow-color), 0px 0px 0px 0px var(--tw-shadow-color), 0px 8px 28px 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);
  }
}

.\[\&\:\:-moz-progress-bar\]\:rounded-full::-moz-progress-bar {
  border-radius: 9999px;
}

.\[\&\:\:-moz-progress-bar\]\:bg-brand-secondary-moola::-moz-progress-bar {
  background-color: var(--brand-secondary-moola);
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
  display: none;
}

.\[\&\:\:-webkit-progress-bar\]\:bg-content-border-dark::-webkit-progress-bar {
  background-color: var(--content-border-dark);
}

.\[\&\:\:-webkit-progress-value\]\:rounded-full::-webkit-progress-value {
  border-radius: 9999px;
}

.\[\&\:\:-webkit-progress-value\]\:bg-brand-secondary-moola::-webkit-progress-value {
  background-color: var(--brand-secondary-moola);
}

.\[\&_svg\]\:open\:-rotate-180[open] svg {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:checked~* .\[\.peer\:checked\~\*_\&\]\:block {
  display: block;
}

[data-hidden=false] .\[\[data-hidden\=false\]_\&\]\:hidden {
  display: none;
}

[data-hidden=true] .\[\[data-hidden\=true\]_\&\]\:hidden {
  display: none;
}

fieldset:disabled .\[fieldset\:disabled_\&\]\:text-base {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0;
}

fieldset:disabled .\[fieldset\:disabled_\&\]\:font-normal {
  font-weight: 400;
}

fieldset:disabled .\[fieldset\:disabled_\&\]\:font-semibold {
  font-weight: 600;
}

fieldset:disabled .\[fieldset\:disabled_\&\]\:text-content-tertiary {
  color: var(--content-tertiary);
}

fieldset:disabled .dark\:\[fieldset\:disabled_\&\]\:text-content-tertiary:where(.dark, .dark *) {
  color: var(--content-tertiary);
}