.fe-section-title-heading {
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  border-top: 2px solid var(--fw-border-color);
  color: var(--fw-black-200);
  padding: 15px 0px 10px 0px;
  text-transform: uppercase;
  font-size: 0.9rem;
}

.fe-section-title-subheading {
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  border-top: 1px dashed var(--fw-white-300);
  color: var(--fw-black-300);
  padding: 15px 0px 15px 0px;
  text-transform: uppercase;
  font-size: 0.75rem;
}

textarea {
  margin: 5px 0px;
}

.fe-search-clear {
  padding: 10px;
}

#progress-container {
  width: -webkit-fill-available;
  height: 25px;
}

#progress-container progress::-webkit-progress-bar {
  background-color: rgb(159, 220, 186);
  /* Background of the progress bar */
}

#progress-container progress {
  width: -webkit-fill-available;
  height: 5px;
  background-color: white;
  /* Progress bar background */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}

#progress-container progress::-webkit-progress-value {
  background-color: rgb(94, 255, 102);
  /* Progress value color */
}

#progress-container progress::-moz-progress-bar {
  background-color: rgb(132, 37, 126);
  /* Progress value color (for Firefox) */
}

progress {
  width: 100%;
}

input[type="range"] {
  -webkit-appearance: none;
  /* Removes default appearance */
  width: 100%;
  /* Full width of the container */
  height: 6px;
  /* Height of the slider track */
  background: var(--fw-white-150);
  /* Light background for the track */
  border-radius: 5px;
  /* Rounded corners for the track */
  outline: none;
  /* Removes the focus outline */
  border: 1px solid var(--fw-white-250);
  /* Subtle border around the track */
  transition: background 0.3s ease;
  /* Smooth transition for track color */
  padding: 12px;
}

/* Webkit browsers (Chrome, Safari) */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  /* Size of the thumb */
  height: 18px;
  margin-top: -6px;
  background: var(--primary-400);
  /* Green color for the thumb */
  border-radius: 50%;
  /* Round thumb */
  cursor: pointer;
  /* Hand cursor when hovering */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  /* Subtle shadow for depth */
  transition: background 0.3s ease;
  /* Smooth color change */
}

input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  background: #a8b0ad;
  /* Greenish track background */
  border-radius: 5px;
}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  width: 18px;
  height: 18px;
  margin-top: -6px;
  background: var(--primary-400);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[type="range"]::-moz-range-track {
  width: 100%;
  height: 6px;
  background: #a8b0ad;
  border-radius: 5px;
}

/* Edge/IE */
input[type="range"]::-ms-thumb {
  width: 18px;
  height: 18px;
  margin-top: -6px;
  background: var(--primary-400);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

input[type="range"]::-ms-track {
  width: 100%;
  height: 6px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

select.fe-field {
  font-weight: var(--form-field-font-weight);
}

/* Character Counter Styles */
.char-counter-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: start;
  color: var(--fw-black-450);
  /* margin-bottom: 10px; */
}

/* Common Styles for Inputs, Textareas, and Selects */
.fe-field,
.fe-select,
.fe-textarea {
  --fe-autofill-background: var(--form-field-background);
  --fe-autofill-text: var(--form-field-text);
  font-family: var(--form-field-font-family);
  font-weight: var(--form-field-font-weight);
  width: 100%;
  padding: var(--form-field-padding);
  line-height: var(--form-field-line-height);
  border-radius: var(--form-field-border-radius);
  outline: none;
  background-color: var(--form-field-background) !important;
  color: var(--form-field-text) !important;
  caret-color: var(--form-field-text);
  border: var(--form-field-border) !important;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
  resize: none;
  font-size: var(--form-field-font-size);
}

/* iOS/WebKit native picker stability: keep picker-capable inputs full-width without overriding native appearance */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  font-size: 16px;
}

.fe-temporal-clear-row {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0;
  width: 100%;
}

.fe-temporal-clear-row .fe-temporal-clear-button {
  align-self: center;
  max-width: 100%;
  min-height: 32px;
  white-space: normal;
  overflow-wrap: anywhere;
  text-transform: none;
}

@media screen and (max-width: 600px) {
  .fe-datetime-field > .fe-split {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .fe-datetime-field .fe-input-container {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .fe-datetime-field .fe-label {
    position: static;
    order: -1;
    transform: none;
    max-width: 100%;
    padding: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1.4;
  }

  .fe-temporal-clear-row .fe-temporal-clear-button {
    width: 100%;
    min-height: 44px;
  }
}

.flatpickr-calendar {
  z-index: 2147483000 !important;
  pointer-events: auto !important;
  user-select: none;
}

.flatpickr-calendar * {
  pointer-events: auto !important;
}

.flatpickr-calendar.open {
  visibility: visible !important;
  opacity: 1 !important;
}

.flatpickr-calendar.fe-flatpickr-scroll-locked {
  overscroll-behavior: contain;
  touch-action: manipulation;
}

.flatpickr-calendar.fe-flatpickr-scroll-locked .flatpickr-time,
.flatpickr-calendar.fe-flatpickr-scroll-locked .flatpickr-time * {
  overscroll-behavior: contain;
}

.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-time input,
.flatpickr-calendar .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-next-month {
  cursor: pointer;
  pointer-events: auto !important;
}

.flatpickr-calendar input.cur-year {
  cursor: text;
  pointer-events: auto !important;
  user-select: text !important;
}

/* Ensure date inputs take full width in flex containers on mobile */
@media screen and (max-width: 768px) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
}

.fe-field::placeholder,
.fe-select::placeholder,
.fe-textarea::placeholder {
  color: var(--form-field-placeholder);
}

/* For Internet Explorer */
.fe-field:-ms-input-placeholder,
.fe-select:-ms-input-placeholder,
.fe-textarea:-ms-input-placeholder {
  color: var(--form-field-placeholder);
  opacity: 0.7;
}

/* For Microsoft Edge */
.fe-field::-ms-input-placeholder,
.fe-select::-ms-input-placeholder,
.fe-textarea::-ms-input-placeholder {
  color: var(--form-field-placeholder);
  opacity: 0.7;
}

.fe-field,
.fe-select {
  height: 42px;
  /* margin-bottom: 3px; */
}

.fe-tag-input {
  margin: 0px 0px 2px 0px;
}

.fe-textarea {
  margin: 2px 0px -5px 0px;
}

.fe-select {
  margin: 2px 0px 2px 0px;
  padding-right: 30px;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12px;
}

.fe-select option {
  color: var(--fw-white-500);
  padding: 8px 12px;
  background-color: var(--fw-white-000);
  border-radius: 4px;
  margin: 2px;
  cursor: pointer;
}

.fe-select optgroup {
  max-height: 300px;
  font-size: 14px;
}

/* Hover Styles */
.fe-field:hover,
.fe-select:hover,
.fe-textarea:hover {
  --fe-autofill-background: var(--form-field-background-hover);
  background-color: var(--form-field-background-hover) !important;
  border: var(--form-field-border-hover) !important;
}

/* Focus Styles */
.fe-field:focus,
.fe-select:focus,
.fe-textarea:focus {
  --fe-autofill-background: var(--form-field-background-focus);
  background-color: var(--form-field-background-focus) !important;
  border: var(--form-field-border-focus) !important;
}

.fe-field:disabled,
.fe-select:disabled,
.fe-textarea:disabled {
  --fe-autofill-background: var(--form-field-background-disabled);
  --fe-autofill-text: var(--form-field-text-disabled);
  color: var(--form-field-text-disabled) !important;
  caret-color: var(--form-field-text-disabled);
  background-color: var(--form-field-background-disabled) !important;
  border: var(--form-field-border-disabled) !important;
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.fe-field:disabled::placeholder,
.fe-select:disabled::placeholder,
.fe-textarea:disabled::placeholder {
  color: var(--form-field-placeholder-disabled);
}

label.fe-switch {
  margin: 2px 0px 0px 0px;
}

/* //////////////////////////////////////////////////////////////////////////////////////////// */

/* Keep autofill paint on the same configured state tokens as ordinary fields.
   :is() keeps the supported autofill selector when a browser lacks the other. */
.formElements-container :is(.fe-field, .fe-select, .fe-textarea):is(:autofill, :-webkit-autofill) {
  -webkit-text-fill-color: var(--fe-autofill-text) !important;
  caret-color: var(--fe-autofill-text);
  box-shadow: 0 0 0 1000px var(--fe-autofill-background) inset !important;
}

.fe-split {
  width: 100%;
  gap: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

.fe-split .fe-field {
  width: 100%;
  min-width: 0;
}

/* Keep native iOS date/time controls full-width and vertically centered in-field */
@media screen and (max-width: 768px) {
  .fe-split {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 5px;
  }

  .fe-split .fe-input-container {
    flex: unset;
    min-width: 0;
    width: 100%;
  }

  .fe-split .fe-input-container .fe-field[type="date"],
  .fe-split .fe-input-container .fe-field[type="time"],
  .fe-split .fe-input-container .fe-field[type="datetime-local"],
  .fe-split .fe-input-container .fe-field[type="month"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    -webkit-min-logical-width: 0;
    height: 42px;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .fe-split .fe-input-container .fe-field[type="date"]::-webkit-date-and-time-value,
  .fe-split .fe-input-container .fe-field[type="time"]::-webkit-date-and-time-value,
  .fe-split .fe-input-container .fe-field[type="datetime-local"]::-webkit-date-and-time-value,
  .fe-split .fe-input-container .fe-field[type="month"]::-webkit-date-and-time-value {
    text-align: left;
    line-height: normal;
  }

  .fe-split .fe-input-container .fe-field[type="date"]::-webkit-datetime-edit,
  .fe-split .fe-input-container .fe-field[type="time"]::-webkit-datetime-edit,
  .fe-split .fe-input-container .fe-field[type="datetime-local"]::-webkit-datetime-edit,
  .fe-split .fe-input-container .fe-field[type="month"]::-webkit-datetime-edit {
    display: block;
    padding: 0;
    line-height: 1.2;
  }
}

.fe-meta-info {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  min-height: 23px;
  padding: 0px 3px;
  margin: 2px 0px 0px 0px;
  font-size: 0.6rem;
}

.fe-meta-info:only-child {
  justify-content: flex-end;
}

/* Error Message */
.fe-error-message {
  font-size: 0.7rem;
  color: var(--static-red-400);
  overflow: hidden;
}

.fe-recaptcha-label {
  font-size: 0.8rem;
  color: var(--fw-black-350);
  margin: 2px 0px 8px 2px;
}

.fe-recaptcha-wrap {
  width: 100%;
  padding-bottom: 2px;
}

.fe-recaptcha-widget {
  min-height: 78px;
}

/* Form Field Block */
.fe-formfield-block {
  position: relative;
  margin: 2px 0px 2px 0px;
  z-index: 1;
}

/* Ensure open Choices dropdown renders above neighboring fields */
.fe-formfield-block:has(.choices.is-open),
.fe-formfield-block:has(.choices__list--dropdown.is-active) {
  z-index: 20050;
}

/* Keep the dropdown itself on top within its stacking context */
.fe-formfield-block .choices__list--dropdown,
.fe-formfield-block .choices__list[aria-expanded] {
  z-index: 20060 !important;
}

/* Flatpickr must float above dialogs/drawers and avoid clipping contexts */
.flatpickr-calendar,
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  z-index: 250000 !important;
}

.flatpickr-time {
  line-height: 0px;
}

/* Improve Flatpickr time controls usability on mobile */
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time .flatpickr-am-pm {
  font-weight: 600;
}

/* Flatpickr month/year header fit fixes */
.flatpickr-current-month {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.86rem;
  line-height: 1.2;
  box-sizing: border-box;
  padding: 0px 0px;
  width: 100%;
  left: 0px;
  /* width: 100%; */
  overflow: hidden;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  flex: 1 1 auto;
  max-width: calc(100% - 92px);
  min-width: 0;
  font-size: 0.86rem;
  text-overflow: ellipsis;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  width: 28px;
  height: 28px;
  top: 6px;
}

/* Flatpickr month header: 3-column layout (prev | month+year | next) */
.flatpickr-months {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  align-items: center;
  column-gap: 6px;
}

.flatpickr-months .flatpickr-month {
  min-width: 0;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  position: relative;
  top: 0;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
  display: block;
  margin: 0;
}

/* Month + year in two equal columns */
.flatpickr-current-month {
  display: flex;
  grid-template-columns: minmax(110px, 1fr) minmax(70px, 1fr);
  align-items: center;
  column-gap: 8px;
  justify-items: stretch;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  width: 100%;
  min-width: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  text-align: left;
  justify-self: stretch;
}

/* Ensure native month select remains visible/interactive */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  color: var(--fw-black-300) !important;
  background-color: transparent !important;
  -webkit-text-fill-color: var(--fw-black-300) !important;
  text-indent: 0 !important;
  padding-right: 18px !important;
  font-weight: bold;
  font-size: 0.78rem;
}

.fe-choices-pending {
  opacity: 0;
  pointer-events: none;
}

.fe-formfield-block,
.fe-formfield-block-slim {
  --fe-conditional-duration: 220ms;
}

.fe-copy-link-container {
  width: 100%;
}

.fe-copy-link-field {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid var(--primary-900);
  border-radius: 6px;
  padding: 8px 10px;
  background: var(--form-field-background);
}

.fe-copy-link-container.has-label .fe-copy-link-field {
  margin-top: 16px;
}

.fe-copy-link-text {
  word-break: break-all;
  font-size: 0.9rem;
  color: var(--fw-black-300);
}

.fe-copy-link-button {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 2px 4px;
  color: var(--fw-black-500);
  flex-shrink: 0;
  border-radius: 4px;
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}

.fe-copy-link-button:hover {
  background: var(--fw-white-200);
  color: var(--fw-black-300);
}

.fe-conditional-animating {
  transition:
    max-height var(--fe-conditional-duration) ease,
    opacity var(--fe-conditional-duration) ease,
    margin var(--fe-conditional-duration) ease,
    padding var(--fe-conditional-duration) ease;
  will-change: max-height, opacity;
}

.fe-conditional-collapsed {
  max-height: 0 !important;
  opacity: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  pointer-events: none;
}

.fe-hidden-by-condition {
  display: none !important;
}

.fe-formfield-block-slim {
  display: grid;
  width: 40px;
  align-items: center;
  margin: 0px 0px 0px 0px;
}

.fe-input-container {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  /* Adjust width as needed */
  /* margin-right: 4%; */
}

.fe-split .fe-input-container {
  flex: 1 1 0;
  min-width: 0;
}

/* Label */
.fe-label {
  font-family: "Albert Sans", sans-serif;
  position: absolute;
  left: 10px;
  /* top: 35%; */
  z-index: 4;
  transform: translateY(-50%);
  transition:
    top 0.1s ease,
    left 0.1s ease;
  pointer-events: none;
  color: var(--fw-black-450);
  font-size: 0.9rem;
  line-height: 1.25;
  max-width: calc(100% - 20px);
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}

.fe-label.active {
  top: 0px;
  left: 7px;
  font-size: 11px;
  padding: 0px 4px;
  color: var(--fw-black-400);
  background: var(--form-label-background, var(--form-field-background));
}

.fe-toggle-label,
.fe-toggle-label.active {
  position: static;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 0;
  transform: none;
  background: transparent;
  pointer-events: none;
}

/* Toggle Switch */
.fe-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
  margin: 0;
}

.fe-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.fe-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--fw-white-300);
  transition: 0.4s;
}

.fe-slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 4px;
  background-color: var(--fw-white-000);
  transition: 0.4s;
}

input:checked + .fe-slider {
  background-color: var(--color-green-500);
}

input:checked + .fe-slider:before {
  transform: translateX(32px);
}

input:focus + .fe-slider {
  box-shadow: 0 0 1px var(--color-green-500);
  -webkit-box-shadow: 0 0 1px var(--color-green-500);
}

.fe-slider.round {
  border-radius: 34px;
}

.fe-slider.round:before {
  border-radius: 50%;
}

.fe-slider.small {
  transform: scale(0.7);
  transform-origin: left center;
}

/* Checkbox */
.fe-checkbox {
  display: inline-flex !important;
  position: relative;
  padding-left: 35px;
  margin: 8px 0;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
  user-select: none;
  align-items: center;
  transition: all 0.2s ease-in-out;
}

.fe-checkbox-container {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  gap: 8px;
}

.fe-checkbox-label-text {
  font-size: 1rem;
  font-weight: 500;
  color: var(--fw-black-400);
  line-height: 1.5;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.fe-checkbox-description {
  font-size: 0.85rem;
  color: var(--fw-black-450);
  line-height: 1.4;
  margin: 0;
}

.fe-checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-left: 32px;
  margin: 0;
  min-height: 24px;
}

.fe-checkbox-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.fe-checkbox-checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 22px;
  width: 22px;
  background-color: var(--fw-white-000);
  border: 2px solid var(--fw-border-color);
  border-radius: 4px;
  transition: all 0.2s ease;
}

.fe-checkbox-label:hover .fe-checkbox-checkmark {
  border-color: var(--color-neutral-800);
}

.fe-checkbox-input:checked ~ .fe-checkbox-checkmark {
  background-color: var(--color-neutral-300);
  border-color: var(--color-neutral-800);
}

.fe-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid var(--fw-white-000);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.fe-checkbox-input:checked ~ .fe-checkbox-checkmark:after {
  display: block;
}

.fe-checkbox-input:disabled ~ .fe-checkbox-checkmark {
  background-color: var(--fw-white-150);
  border-color: var(--fw-white-250);
  cursor: not-allowed;
}

.fe-checkbox-label:has(.fe-checkbox-input:disabled) {
  cursor: not-allowed;
  opacity: 0.6;
}

.funcelv2-right-container .form-submit.UIBTN {
  /* margin-right: -10px; */
  /* margin: 3px 4px 3px 6px; */
}

/* Submit button - Technical */

.fe-submit-button-technical {
  display: flex;
  width: 100%;
  margin: 0px 0px;
  padding: 12px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid var(--fw-border-color);
  border-radius: 8px;
  transition-duration: 150ms;
  color: var(--fw-black-300);
  background-color: var(--fw-white-050);
  cursor: pointer;
  min-height: 50px;
}

.fe-submit-button-technical:disabled {
  color: var(--fw-black-400);
  border: 1px solid var(--fw-white-400);
  cursor: not-allowed;
  opacity: 0.7;
}
.fe-submit-button-technical:not(:disabled):hover {
  background-color: var(--fw-white-050);
  border: 1px solid var(--fw-white-400);
  transform: translateY(-1px);
  color: var(--fw-black-000);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.fe-submit-button-technical:not(:disabled):active {
  transform: translateY(1px);
  box-shadow: none;
}

.mm-filter-label {
  font-size: 10px;
}

/* .feperm-advanced-toggle {
    background: #efeeee00;
    padding: 8px 15px;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
    color: #3d3d3d;
}

.feperm-advanced-toggle:hover {
    background: #ebebebd9;
    color: #000000;
} */

.fe-button {
  padding: 8px 16px;
  font-size: 12px;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.formElements-container {
  display: flex;
  flex-direction: column;
  /* padding: 10px 0px; */
  /* margin: 5px 0px 0px 0px; */
  gap: 0px;
  /* flex: 1; */
}

/* Row layout support */
.formElements-container.formElements-row-layout {
  flex: 0 0 auto;
  flex-direction: row;
  gap: 10px;
  padding: 5px 0px;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  min-height: max-content;
  /* overflow-x: auto; */
  /* overflow-y: visible; */
  -webkit-overflow-scrolling: auto;
}

.formElements-container.formElements-row-layout.fe-row-dropdown-open {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.formElements-container.formElements-row-layout.fe-row-dropdown-open::-webkit-scrollbar {
  display: none;
}

.formElements-container.formElements-row-layout .fe-formfield-block {
  flex: 1 1 0;
  min-width: var(--fe-row-min-field-width, 180px);
  max-width: none;
}

.formElements-container.formElements-row-layout .fe-formfield-block-slim {
  flex: 0 0 auto;
}

.formElements-container.formElements-column-layout {
  flex-direction: column;
  gap: 0px;
}

.formElements-container.formElements-compact-layout {
  flex: 0 0 auto;
  flex-direction: column;
  width: 100%;
  gap: 0px;
  overflow: hidden;
  position: relative;
}

.formElements-container.formElements-compact-layout.fe-compact-expanded {
  gap: 10px;
}

.formElements-container.formElements-compact-layout.fe-compact-expanding {
  gap: 10px;
}

.formElements-container.formElements-compact-layout.fe-compact-collapsing {
  gap: 10px;
}

.formElements-container.formElements-compact-layout.fe-compact-collapsed {
  gap: 0px;
}

.formElements-container.formElements-compact-layout .fe-compact-toggle {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 34px;
  border: 1px solid var(--fw-white-300);
  border-radius: 7px;
  background: var(--form-field-background);
  color: var(--fw-black-300);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}

.formElements-container.formElements-compact-layout .fe-compact-toggle:hover {
  background: var(--form-field-background);
  border-color: var(--fw-border-color);
  color: var(--fw-black-200);
}

.formElements-container.formElements-compact-layout .fe-compact-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.26s ease,
    opacity 0.2s ease;
  will-change: max-height, opacity;
  padding: 5px 0px;
}

.formElements-container.formElements-compact-layout.fe-compact-collapsed .fe-compact-content,
.formElements-container.formElements-compact-layout.fe-compact-collapsing .fe-compact-content,
.formElements-container.formElements-compact-layout.fe-compact-expanding .fe-compact-content {
  overflow: hidden;
}

.formElements-container.formElements-compact-layout.fe-compact-collapsed .fe-compact-content,
.formElements-container.formElements-compact-layout.fe-compact-collapsing .fe-compact-content {
  opacity: 0;
}

.formElements-container.formElements-compact-layout.fe-compact-expanding .fe-compact-content {
  opacity: 1;
}

.formElements-container.formElements-compact-layout.fe-compact-expanded .fe-compact-content {
  opacity: 1;
}

.formElements-container.formElements-compact-layout.fe-compact-expanded:not(.fe-compact-expanding) .fe-compact-content {
  overflow: visible !important;
}

.formElements-container.formElements-compact-layout.fe-compact-collapsed,
.formElements-container.formElements-compact-layout.fe-compact-collapsing,
.formElements-container.formElements-compact-layout.fe-compact-expanding {
  overflow: hidden !important;
}

.formElements-container.formElements-compact-layout.fe-compact-expanded {
  overflow: visible !important;
  z-index: 2;
}

/* Media Upload Field Styles */
.fe-label-static {
  font-size: 14px;
  font-weight: 500;
  color: var(--fw-black-300);
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
  margin-bottom: 5px;
}

.fe-cropped-image-upload-container {
  display: grid;
  gap: 8px;
  justify-items: center;
}

.fe-cropped-image-selection-error {
  padding: 9px 10px;
  border: 1px solid var(--static-red-400, #d44747);
  border-radius: 6px;
  background: color-mix(in srgb, var(--static-red-400, #d44747) 10%, transparent);
  color: var(--static-red-400, #d44747);
  font-size: 0.75rem;
  line-height: 1.4;
}

.fe-cropped-image-selection-error[hidden] {
  display: none;
}

.fe-cropped-image-preview {
  width: min(100%, 320px);
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--fw-white-260, #d8d8d8);
  border-radius: 10px;
  background-color: var(--fw-white-050, #f7f7f7);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.fe-cropped-image-preview--square {
  aspect-ratio: 1 / 1;
  min-height: 0;
}

.fe-cropped-image-preview.is-empty::before {
  content: "No image selected";
  color: var(--fw-black-420, #777);
  font-size: 12px;
}

.fe-cropped-image-crop-host {
  max-width: 100%;
  overflow: hidden;
}

.fe-cropped-image-crop-host--dialog {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: block;
  padding: 4px 0 0;
  overflow: hidden;
}

.fe-cropped-image-crop-host--dialog .croppie-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  height: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.fe-cropped-image-crop-host--dialog .cr-boundary {
  flex: 0 1 auto;
  max-width: 100% !important;
  min-width: 0;
  margin: 0 auto;
  overflow: hidden;
  touch-action: none;
}

.fe-cropped-image-crop-host--dialog .croppie-container,
.fe-cropped-image-crop-host--dialog .cr-boundary,
.fe-cropped-image-crop-host--dialog .cr-viewport,
.fe-cropped-image-crop-host--dialog .cr-image {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.fe-cropped-image-crop-host--dialog .cr-image {
  -webkit-user-drag: none;
  user-drag: none;
}

.fe-cropped-image-crop-host--dialog .cr-viewport {
  max-width: none !important;
  max-height: none !important;
}

.fe-cropped-image-crop-host--square .cr-boundary {
  width: var(--fe-croppie-boundary-width) !important;
  height: var(--fe-croppie-boundary-width) !important;
  aspect-ratio: 1 / 1;
}

.fe-cropped-image-crop-host--square .cr-viewport {
  width: var(--fe-croppie-viewport-width) !important;
  height: var(--fe-croppie-viewport-width) !important;
  aspect-ratio: 1 / 1;
}

.fe-cropped-image-crop-host--dialog .cr-slider-wrap {
  width: min(100%, 300px) !important;
  max-width: 100%;
  margin: 14px auto 0 !important;
  float: none;
  display: block;
  order: 2;
}

.fe-cropped-image-crop-host--dialog .cr-slider {
  width: 100%;
  min-height: 32px;
  touch-action: none;
  pointer-events: auto;
  cursor: grab;
}

.fe-cropped-image-crop-host--dialog .cr-slider:active {
  cursor: grabbing;
}

.fe-cropped-image-crop-host--dialog .cr-slider::-webkit-slider-thumb {
  touch-action: none;
  pointer-events: auto;
}

.fe-cropped-image-crop-host--dialog .cr-slider::-moz-range-thumb {
  touch-action: none;
  pointer-events: auto;
}

.fe-cropped-image-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

.fe-cropped-image-dialog .modal-body {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.fe-cropped-image-dialog-error {
  color: var(--color-red-600, #b92323);
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 600px) {
  .fe-cropped-image-crop-host--dialog .cr-slider-wrap {
    margin-bottom: 0 !important;
  }

  .fe-cropped-image-crop-host--dialog .cr-slider {
    min-height: 44px;
  }

  .fe-cropped-image-crop-host--dialog .cr-slider::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
    margin-top: -10px;
  }

  .fe-cropped-image-crop-host--dialog .cr-slider::-moz-range-thumb {
    width: 24px;
    height: 24px;
  }

}

.fe-cropped-image-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 2px;
}

.fe-cropped-image-action-btn {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--fw-white-260, #d8d8d8);
  border-radius: 9px;
  background: var(--fw-white-030, #fff);
  color: var(--fw-black-260, #444);
  cursor: pointer;
  transition:
    background 150ms ease,
    border-color 150ms ease,
    color 150ms ease,
    transform 120ms ease;
}

.fe-cropped-image-action-btn:hover:not(:disabled) {
  background: var(--fw-white-090, #f3f3f3);
  border-color: var(--fw-white-360, #bcbcbc);
  transform: translateY(-1px);
}

.fe-cropped-image-action-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.fe-cropped-image-action-btn.is-replace {
  background: var(--color-yellow-500, #f0b429);
  border-color: var(--color-yellow-600, #d99a00);
  color: var(--fw-static-black-000, #111);
}

.fe-cropped-image-action-btn.is-crop {
  background: var(--green-400, #1f9d55);
  border-color: var(--green-500, #188647);
  color: var(--fw-static-white-000, #fff);
}

.fe-cropped-image-action-btn.is-remove {
  background: var(--color-red-500, #d33);
  border-color: var(--color-red-600, #b92323);
  color: var(--fw-static-white-000, #fff);
}

.fe-cropped-image-action-btn.is-replace:hover:not(:disabled) {
  background: var(--color-yellow-400, #f7c948);
}

.fe-cropped-image-action-btn.is-crop:hover:not(:disabled) {
  background: var(--green-500, #188647);
}

.fe-cropped-image-action-btn.is-remove:hover:not(:disabled) {
  background: var(--color-red-600, #b92323);
}

.fe-cropped-image-action-btn i {
  font-size: 14px;
  line-height: 1;
}

.fe-media-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
}

.fe-media-thumbnail-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.fe-media-thumbnail {
  width: 120px;
  height: 120px;
  overflow: hidden;
  position: relative;
}

.fe-media-thumbnail img,
.fe-media-thumbnail video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fe-media-remove-v2 {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  max-width: 20px;
  max-height: 20px;
  flex-shrink: 0;
  background-color: var(--color-red-350, #e74c3c);
  color: var(--fw-static-white-000);
  border: 0px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  aspect-ratio: 1;
  box-sizing: border-box;
  padding: 0;
}

.fe-media-remove-v2:hover {
  background-color: var(--color-red-700, #c0392b);
}

.fe-media-item:not(:has(.fe-media-progress-container)) .fe-media-remove-v2 {
  display: flex;
}

.fe-media-verification-pending {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
}

/* ═══════════════════════════════════════════════════════════════════════════
   CHOICES.JS - COUNTRY/STATE PICKER STYLES
   ═══════════════════════════════════════════════════════════════════════════ */

.fe-country-state-container .choices,
.fe-dropdown-container .choices {
  margin-bottom: 0;
}

.fe-country-state-container .choices__inner,
.fe-dropdown-container .choices__inner {
  font-family: var(--form-field-font-family);
  font-weight: var(--form-field-font-weight);
  background: var(--form-field-background) !important;
  color: var(--form-field-text) !important;
  border: var(--form-field-border) !important;
  border-radius: var(--form-field-border-radius);
  padding: var(--form-field-padding);
  min-height: 42px;
  font-size: var(--form-field-font-size);
  line-height: var(--form-field-line-height);
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

.fe-country-state-container .choices.is-focused .choices__inner,
.fe-dropdown-container .choices.is-focused .choices__inner {
  background: var(--form-field-background-focus) !important;
  border: var(--form-field-border-focus) !important;
  box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.1);
}

.fe-country-state-container .choices__input,
.fe-dropdown-container .choices__input {
  font-family: var(--form-field-font-family);
  background-color: transparent !important;
  color: var(--form-field-text) !important;
  margin-bottom: 0;
  padding: 0;
  font-size: var(--form-field-font-size);
}

.fe-country-state-container .choices[data-type*="select-one"] .choices__input,
.fe-dropdown-container .choices[data-type*="select-one"] .choices__input {
  border-bottom: 1px solid var(--fw-border-color) !important;
  background-color: var(--fw-white-000) !important;
  padding: 10px;
}

.fe-country-state-container .choices__input::placeholder,
.fe-dropdown-container .choices__input::placeholder {
  color: var(--form-field-placeholder);
}

.fe-country-state-container .choices__list--dropdown,
.fe-dropdown-container .choices__list--dropdown {
  font-family: var(--form-field-font-family);
  background: var(--form-field-background) !important;
  border: var(--form-field-border) !important;
  border-radius: var(--form-field-border-radius);
  margin-top: 2px;
  padding: 0px 0px 0px 0px;
  z-index: 10000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.fe-country-state-container .choices__list--dropdown .choices__item,
.fe-dropdown-container .choices__list--dropdown .choices__item {
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fw-black-300);
  font-size: 14px;
  line-height: 1.4;
  transition: background-color 0.15s ease;
  border-radius: 4px;
}

.fe-country-state-container .choices__list--dropdown .choices__item--selectable:hover,
.fe-country-state-container .choices__list--dropdown .choices__item--selectable.is-highlighted,
.fe-country-state-container .choices__list--dropdown .fe-country-choice:hover,
.fe-country-state-container .choices__list--dropdown .fe-country-choice.is-highlighted,
.fe-country-state-container .choices__list--dropdown .fe-state-choice:hover,
.fe-country-state-container .choices__list--dropdown .fe-state-choice.is-highlighted,
.fe-dropdown-container .choices__list--dropdown .choices__item--selectable:hover,
.fe-dropdown-container .choices__list--dropdown .choices__item--selectable.is-highlighted,
.fe-dropdown-container .choices__list--dropdown .fe-dropdown-choice:hover,
.fe-dropdown-container .choices__list--dropdown .fe-dropdown-choice.is-highlighted {
  background-color: var(--form-field-background) !important;
  color: var(--fw-black-300);
  cursor: pointer;
}

.fe-country-choice,
.fe-state-choice,
.fe-dropdown-choice {
  display: flex;
  align-items: center;
  gap: 12px;
}

.fe-country-item,
.fe-state-item,
.fe-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Placeholder items when a value is selected - muted appearance */
.choices__list--single:has(.fe-country-item[data-value]:not([data-value=""])) .fe-country-item[data-value=""],
.choices__list--single:has(.fe-state-item[data-value]:not([data-value=""])) .fe-state-item[data-value=""],
.choices__list--single:has(.fe-dropdown-item[data-value]:not([data-value=""])) .fe-dropdown-item[data-value=""] {
  color: var(--fw-black-300) !important;
  font-size: 11px;
}

/* Placeholder items when no value selected - normal appearance */
.fe-country-item[data-value=""],
.fe-state-item[data-value=""],
.fe-dropdown-item[data-value=""] {
  color: var(--fw-black-500);
}

/* Selected items (with actual value) - always non-muted */
.fe-country-item[data-value]:not([data-value=""]),
.fe-state-item[data-value]:not([data-value=""]),
.fe-dropdown-item[data-value]:not([data-value=""]) {
  color: var(--fw-black-300) !important;
}

.fe-country-state-container .choices__list--single,
.fe-dropdown-container .choices__list--single {
  padding: 0;
}

/*
 * Choices.js defaults .choices__list--single to display:inline-block. When an
 * empty selected item is injected after initialization, that inline-block box
 * creates baseline/line-box space and makes the dropdown a few pixels taller.
 * Keep the selected-value wrapper block-level when the current dropdown value
 * is the empty placeholder, and remove the fully empty rendered item from flow.
 */
.fe-dropdown-container .choices__list--single:has(.fe-dropdown-item[data-value=""]) {
  display: block;
  width: 100%;
}

.fe-dropdown-container .choices__list--single .fe-dropdown-item[data-value=""]:has(> span:empty) {
  display: none;
}

.fe-country-state-container .choices__list--single .choices__item,
.fe-dropdown-container .choices__list--single .choices__item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--fw-black-450);
  font-size: 14px;
  line-height: 1.4;
}

.fe-country-flag {
  width: 15px;
  height: 11px;
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-right: 4px;
}

.fe-country-state-container .choices[data-type*="select-one"] .choices__inner,
.fe-dropdown-container .choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 10px;
}

.fe-country-state-container .choices[data-type*="select-one"]::after,
.fe-dropdown-container .choices[data-type*="select-one"]::after {
  right: 12px;
  border-color: var(--fw-black-450) transparent transparent transparent;
}

.fe-country-state-container .choices[data-type*="select-one"].is-open::after,
.fe-dropdown-container .choices[data-type*="select-one"].is-open::after {
  border-color: transparent transparent var(--fw-black-450) transparent;
}

.fe-country-state-container .choices__placeholder,
.fe-dropdown-container .choices__placeholder {
  color: var(--form-field-placeholder);
  opacity: 1;
}

.fe-country-state-container .choices.is-disabled .choices__inner,
.fe-dropdown-container .choices.is-disabled .choices__inner {
  background: var(--form-field-background-disabled) !important;
  color: var(--form-field-text-disabled) !important;
  border: var(--form-field-border-disabled) !important;
  cursor: not-allowed;
  opacity: 0.7;
}

.fe-country-state-container .choices.is-disabled,
.fe-dropdown-container .choices.is-disabled {
  pointer-events: none;
}

.fe-country-state-container .choices.is-disabled .choices__item,
.fe-dropdown-container .choices.is-disabled .choices__item {
  opacity: 0.6;
}

.fe-country-state-container .choices__list--dropdown .choices__item--disabled,
.fe-dropdown-container .choices__list--dropdown .choices__item--disabled {
  display: none;
}

.fe-dropdown-container.fe-dropdown-show-disabled-choices .choices__list--dropdown .choices__item--disabled {
  display: flex;
  opacity: 0.65;
  cursor: not-allowed;
}

.fe-formfield-block:has(.fe-choices-country) .fe-label,
.fe-formfield-block:has(.fe-choices-state) .fe-label {
  pointer-events: none;
  z-index: 2;
}

.fe-formfield-block:has(.choices.is-focused) .fe-label,
.fe-formfield-block:has(.choices .choices__item:not(.choices__placeholder)) .fe-label {
  top: 0px !important;
}

.fe-formfield-block:has(.choices.is-focused) .fe-label {
  color: var(--primary-400);
}

/* ═══════════════════════════════════════════════════════════════════════════
   RECIPIENTS FIELD STYLES (Choices.js select-multiple)
   ═══════════════════════════════════════════════════════════════════════════ */

.fe-recipients-container .choices {
  font-family: var(--form-field-font-family);
  margin-bottom: 0;
}

.fe-recipients-container .choices__inner {
  font-family: var(--form-field-font-family);
  background-color: var(--form-field-background) !important;
  color: var(--form-field-text) !important;
  border: var(--form-field-border) !important;
  border-radius: var(--form-field-border-radius);
  padding: 6px 8px;
  min-height: 42px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}

.fe-recipients-container .choices.is-focused .choices__inner {
  background-color: var(--form-field-background-focus) !important;
  border: var(--form-field-border-focus) !important;
}

.fe-recipients-container .choices__input {
  font-family: var(--form-field-font-family);
  background-color: transparent !important;
  color: var(--form-field-text) !important;
  margin-bottom: 0;
  padding: 2px;
  font-size: var(--form-field-font-size);
}

.fe-recipients-container .choices__input::placeholder {
  color: var(--form-field-placeholder);
}

/* Selected items (tags) */

.fe-recipients-container .choices__list {
  padding-top: 3px;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  max-height: 150px !important;
}

.fe-recipients-container .choices__list--multiple .choices__item {
  background-color: var(--primary-950);
  border: 1px solid var(--primary-800);
  border-radius: 3px;
  padding: 3px 6px;
  /* margin: 2px; */
  font-size: 0.7rem;
  color: var(--primary-300);
  box-shadow: 0px 1px 0px 0px rgba(27, 31, 36, 0.04);
}

.fe-recipients-container .choices__inner {
  display: flex;
  flex-wrap: wrap;
}

.fe-recipients-container .choices__list--multiple {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.fe-recipients-container .choices__input--cloned {
  width: 100% !important;
  flex-basis: 100%;
}

.fe-recipients-container .fe-recipient-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.fe-recipients-container .fe-recipient-item-label {
  font-weight: 500;
}

.fe-recipients-container .choices__button {
  border: none;
  border-left: 0px solid var(--fw-white-300);
  padding: 0 4px;
  margin-left: 4px;
  font-size: 12px;
  font-weight: bold;
  color: var(--fw-static-black-000);
  cursor: pointer;
  line-height: 1;
}

.fe-recipients-container .choices__button:hover {
  background-color: var(--primary-800);
}

.choices[data-type*="select-multiple"] .choices__button {
  border-left: 0px solid var(--fw-white-300);
}

/* Dropdown list */

.choices__list.choices__list--dropdown.is-active {
  border: 1px solid var(--fw-white-500) !important;
}

.fe-recipients-container .choices__list--dropdown {
  font-family: "Albert Sans", sans-serif;
  background: var(--form-field-background) !important;
  border: 1px solid var(--fw-white-500) !important;
  border-radius: 6px;
  margin-top: 2px;
  padding: 0px 0px;
  z-index: 10000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.fe-recipients-container .choices__list--dropdown .choices__item {
  padding: 8px 10px;
  color: var(--fw-black-300);
  font-size: 14px;
  line-height: 1.4;
  transition: background-color 0.15s ease;
}

.fe-recipients-container .choices__list--dropdown .choices__item--selectable:hover,
.fe-recipients-container .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--form-field-background) !important;
  color: var(--fw-black-300);
  cursor: pointer;
}

.fe-recipients-container .fe-recipient-choice {
  display: flex;
  align-items: center;
  gap: 6px;
}

.fe-recipients-container .choices__placeholder {
  color: var(--fw-black-450);
  opacity: 1;
}

.fe-recipients-container .choices.is-disabled .choices__inner {
  background: var(--fw-white-150) !important;
  cursor: not-allowed;
  opacity: 0.7;
}

.fe-recipients-container .choices.is-disabled .choices__item {
  opacity: 0.6;
}