.pharm-dashboard--dark {
  background-color: #191919;
  gap: 12px;
  min-height: 100vh;
  padding: 12px;
  position: relative;
}

.pharm-dashboard__header {
  margin-bottom: var(--space-2);
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 0;
  display: flex;
}

.pharm-dashboard__title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: #fff;
  margin: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.pharm-dashboard__subtitle {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: #838894;
  margin-top: var(--space-1);
}

.pharm-dashboard__error {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  font-size: var(--type-value);
  color: #e5a3a3;
  background-color: #bf717126;
  border: 1px solid #bf717166;
  border-radius: 8px;
  margin: 0 12px 12px;
  line-height: 1.5;
  display: flex;
}

.pharm-dashboard__error .dashboard-error-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.pharm-dashboard__error .dashboard-error-content {
  flex: 1;
}

.pharm-dashboard__error .dashboard-error-content .dashboard-error-title {
  margin-bottom: 2px;
  font-weight: 500;
}

.pharm-dashboard__error .dashboard-error-content .dashboard-error-message {
  font-size: var(--type-value);
}

.pharm-dashboard__error .dashboard-error-retry {
  padding: 6px var(--space-3);
  font-size: var(--type-value);
  cursor: pointer;
  border-radius: 6px;
  flex-shrink: 0;
  font-weight: 500;
  transition: background-color .2s;
}

.pharm-dashboard__error .dashboard-error-icon {
  color: #e5a3a3;
}

.pharm-dashboard__error .dashboard-error-content .dashboard-error-message {
  color: #e5a3a3cc;
}

.pharm-dashboard__error .dashboard-error-retry {
  color: #e5a3a3;
  background-color: #bf717133;
  border: 1px solid #bf717166;
}

.pharm-dashboard__error .dashboard-error-retry:hover {
  background-color: #bf71714d;
}

.pharm-dashboard__error-retry {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  padding: 6px var(--space-4);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  cursor: pointer;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  border-radius: 6px;
  transition: background-color .2s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.pharm-dashboard__error-retry i, .pharm-dashboard__error-retry .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.pharm-dashboard__error-retry.disabled, .pharm-dashboard__error-retry[disabled], .pharm-dashboard__error-retry[aria-disabled="true"], .pharm-dashboard__error-retry:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.pharm-dashboard__error-retry.disabled i, .pharm-dashboard__error-retry[disabled] i, .pharm-dashboard__error-retry[aria-disabled="true"] i, .pharm-dashboard__error-retry:disabled i, .pharm-dashboard__error-retry.disabled .icon, .pharm-dashboard__error-retry[disabled] .icon, .pharm-dashboard__error-retry[aria-disabled="true"] .icon, .pharm-dashboard__error-retry:disabled .icon, .pharm-dashboard__error-retry.disabled svg, .pharm-dashboard__error-retry[disabled] svg, .pharm-dashboard__error-retry[aria-disabled="true"] svg, .pharm-dashboard__error-retry:disabled svg {
  color: #fff;
  font-weight: 300;
}

.pharm-dashboard__error-retry.disabled svg *, .pharm-dashboard__error-retry[disabled] svg *, .pharm-dashboard__error-retry[aria-disabled="true"] svg *, .pharm-dashboard__error-retry:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.pharm-dashboard__error-retry:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.pharm-dashboard__error-retry:focus-visible {
  box-shadow: none;
}

.pharm-dashboard__error-retry:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.pharm-dashboard__error-retry:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.pharm-dashboard__error-retry:hover {
  background-color: #466a92;
}

.pharm-dashboard__row-1 {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 12px;
  padding: 0 12px;
  display: grid;
}

@media (width <= 1024px) {
  .pharm-dashboard__row-1 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .pharm-dashboard__row-1 {
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__main-layout {
  grid-template-rows: auto auto;
  grid-template-columns: 60% 1fr;
  gap: 12px;
  padding: 0 12px 60px;
  display: grid;
}

@media (width <= 1024px) {
  .pharm-dashboard__main-layout {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__metrics-section {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.pharm-dashboard__metrics-row {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

@media (width <= 768px) {
  .pharm-dashboard__metrics-row {
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__metrics-row--stacks {
  gap: var(--space-2);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pharm-dashboard__metrics-row--stacks .vertical-stack-card {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

@media (width <= 768px) {
  .pharm-dashboard__metrics-row--stacks {
    grid-template-columns: 1fr;
  }
}

.pharm-dashboard__leaderboard-section {
  grid-row: span 2;
  min-height: 400px;
}

@media (width <= 1024px) {
  .pharm-dashboard__leaderboard-section {
    grid-row: auto;
  }
}

.pharm-dashboard__actions {
  z-index: 10;
  gap: var(--space-2);
  display: flex;
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.pharm-dashboard__actions .dashboard-refresh-btn, .pharm-dashboard__actions .dashboard-fullscreen-btn, .pharm-dashboard__actions .dashboard-options-btn {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
}

.pharm-dashboard--dark .stock-ticker-card {
  padding: 14px var(--space-4) 0 var(--space-4);
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  flex-direction: column;
  min-height: 370px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
  cursor: pointer !important;
}

.pharm-dashboard--dark .stock-ticker-card:hover {
  transform: translateY(-2px);
}

.pharm-dashboard--dark .stock-ticker-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0) scale(.98);
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-header {
  margin-bottom: var(--space-1);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20px;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-title {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-control);
  line-height: 20px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-menu {
  padding: 2px var(--space-1);
  cursor: pointer;
  opacity: .6;
  font-size: var(--type-value);
  background: none;
  border: none;
  transition: opacity .15s;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-menu:hover {
  opacity: 1;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-value-row {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-value-section {
  align-items: center;
  gap: var(--space-1);
  flex-direction: row;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-value {
  font-family: Soehne, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-rate-label {
  color: var(--color-text-25);
  font-family: Soehne, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change-section {
  margin-top: var(--space-1);
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  display: flex;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-control);
  line-height: 20px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text-25);
  line-height: 14px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-chart {
  cursor: pointer;
  flex: 1;
  justify-content: stretch;
  align-items: flex-end;
  min-height: 250px;
  margin: 0 -16px -14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-chart > div {
  cursor: pointer;
  width: calc(100% + 32px);
  height: 100%;
  min-height: 250px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-chart canvas {
  cursor: pointer !important;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-skeleton-title {
  width: 60%;
  height: 18px;
  margin-bottom: 10px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-skeleton-value {
  width: 35%;
  height: 36px;
  margin-bottom: 10px;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-skeleton-chart {
  width: 100%;
  height: 70px;
  margin: 0 -16px;
}

.pharm-dashboard--dark .stock-ticker-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-title {
  color: #f5f5f5;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-menu, .pharm-dashboard--dark .stock-ticker-card .stock-ticker-rate-label, .pharm-dashboard--dark .stock-ticker-card .stock-ticker-change-label {
  color: #838894;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change.positive {
  color: #8fccb8;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change.negative {
  color: #f7a3a3;
}

.pharm-dashboard--dark .stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.pharm-dashboard--dark .vertical-stack-card {
  padding: var(--space-8) var(--space-6) var(--space-5) var(--space-6);
  min-height: 280px;
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  transition: all .2s;
  display: flex;
  cursor: pointer !important;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-header {
  margin-bottom: var(--space-4);
  text-align: center;
  width: 100%;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-control);
  text-transform: none;
  line-height: 20px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 100%;
  display: flex;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item {
  padding: var(--space-2) 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-main {
  align-items: baseline;
  gap: var(--space-2);
  flex-direction: row;
  display: flex;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-value {
  letter-spacing: -.02em;
  font-family: Soehne, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.1;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-name {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-control);
  margin-top: var(--space-1);
  text-align: center;
  line-height: 20px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change {
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  border-radius: 0;
  align-items: center;
  gap: 2px;
  padding: 0;
  font-weight: 500;
  display: inline-flex;
  position: static;
  transform: none;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-arrow, .pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-value {
  font-size: var(--type-control);
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-skeleton {
  gap: var(--space-4);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-skeleton-item {
  width: 100%;
  height: 56px;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-title, .pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-name {
  color: #f5f5f5;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-value {
  color: #fff;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change.positive {
  color: #8fccb8;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change.negative {
  color: #f7a3a3;
}

.pharm-dashboard--dark .vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.pharm-dashboard--dark .leaderboard-card {
  padding: var(--space-5);
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  transition: all .2s;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-header {
  margin-bottom: var(--space-5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-title-section {
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trophy {
  color: var(--color-warning);
  font-size: 18px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-stage-badge {
  font-size: var(--type-label);
  padding: 2px var(--space-2);
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn {
  padding: var(--space-1);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn i {
  font-size: var(--type-control);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-list {
  gap: var(--space-1);
  flex-direction: column;
  flex: 1;
  min-height: 200px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-list .no-data-container {
  margin-top: 0;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry {
  align-items: center;
  gap: var(--space-3);
  padding: 10px var(--space-1);
  border-radius: 8px;
  transition: all .15s;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry.clickable {
  cursor: pointer;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-rank {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-3);
  text-align: center;
  color: #fff;
  min-width: 24px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar {
  width: var(--leaderboard-avatar-size);
  height: var(--leaderboard-avatar-size);
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar-team {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar-team i {
  font-size: var(--icon-size-md);
  color: #fff;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-avatar-initials {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-name {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points {
  align-items: baseline;
  gap: var(--space-1);
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text-25);
  opacity: 1;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  font-weight: 500;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend-arrow {
  margin-right: 3px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend.up {
  color: #8fccb8;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend.down {
  color: #f7a3a3;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-trend.neutral {
  color: #9b9fa8;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid #ffffff1a;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-control);
  color: var(--color-text-25);
  margin-bottom: var(--space-1);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-name {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count {
  align-items: baseline;
  gap: var(--space-1);
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text-25);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-skeleton {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-skeleton-entry {
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-title {
  color: #f5f5f5;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-stage-badge {
  color: #7db8a5;
  background-color: #7db8a533;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn {
  color: #838894;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry {
  background-color: #0000;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff0d;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-rank {
  color: var(--color-text-25);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-name, .pharm-dashboard--dark .leaderboard-card .leaderboard-points-value {
  color: #fff;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-points-label {
  color: var(--color-text-25);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff12;
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-label {
  color: var(--color-text-25);
}

.pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-name, .pharm-dashboard--dark .leaderboard-card .leaderboard-prev-leader-count {
  color: #fff;
}

.pharm-dashboard--dark .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.pharm-dashboard--dark .stock-ticker-card, .pharm-dashboard--dark .stock-ticker-card *, .pharm-dashboard--dark .vertical-stack-card, .pharm-dashboard--dark .vertical-stack-card * {
  cursor: pointer !important;
}

@media (width <= 1200px) {
  .pharm-dashboard__main-layout {
    grid-template-columns: 1fr;
  }

  .pharm-dashboard__leaderboard-section {
    grid-row: auto;
    max-height: 500px;
  }
}

@media (width <= 768px) {
  .pharm-dashboard__header {
    align-items: flex-start;
    gap: var(--space-2);
    flex-direction: column;
  }

  .pharm-dashboard__actions {
    bottom: 60px;
    right: 16px;
  }
}

.pharm-dashboard__main-layout--self {
  grid-template-columns: 1fr;
}

@keyframes uiSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes dotPulse {
  0%, 80%, 100% {
    opacity: .4;
    transform: scale(.75);
  }

  40% {
    opacity: .95;
    transform: scale(1);
  }
}

.careplan-delivery-ticket-card {
  width: 100%;
  height: 100%;
  color: var(--color-text-700);
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.careplan-delivery-ticket-card .div-btn-disabled {
  cursor: not-allowed !important;
}

.careplan-delivery-ticket-card .category-header {
  color: var(--color-text-700);
  padding-left: var(--space-2);
  background-color: var(--color-background-400);
  font-weight: 400;
  font-size: var(--type-label);
  border-top: 0;
  border-bottom: 1px solid var(--gray-100);
  height: 100%;
  padding-top: 1px;
}

.careplan-delivery-ticket-card .assessment-section-container {
  margin-bottom: var(--space-3);
}

.careplan-delivery-ticket-card .custom-cell-button img {
  opacity: 1;
}

.careplan-delivery-ticket-card .custom-cell-button:hover img, .careplan-delivery-ticket-card .custom-cell-button:hover .cleanroom-flag-icon i {
  filter: brightness(.8);
}

.careplan-delivery-ticket-card .cleanroom-flag-icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.careplan-delivery-ticket-card .dsl-list-bottom {
  border-radius: 16px !important;
}

.careplan-delivery-ticket-card .print-icon {
  font-size: var(--type-value);
  color: #ccc;
}

.careplan-delivery-ticket-card .print-icon--active {
  color: var(--brand-800);
}

.careplan-delivery-ticket-card .container.fieldgroup[data-section-name="Charges"] {
  margin-bottom: var(--space-6);
  flex: 1;
  display: flex;
}

.careplan-delivery-ticket-card .container.fieldgroup[data-section-name="Charges"] .dsl-field-embed {
  max-height: 100% !important;
}

.careplan-delivery-ticket-card .ag-cell[col-id="cleanroom"] .div-btn-disabled {
  opacity: .5 !important;
}

.careplan-delivery-ticket-card .ag-cell[col-id="cleanroom"] .div-btn-disabled img {
  filter: grayscale();
}

.careplan-delivery-ticket-card .specialty-quantity-renderer {
  flex-direction: column;
  display: flex;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer:not(:has(.overfill)) {
  justify-content: center;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer p {
  margin: 0;
  line-height: 1.35;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer .dosing {
  color: var(--color-text);
  font-size: var(--type-value);
  text-align: end;
  margin-bottom: 0;
  font-weight: 400;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer .overfill {
  font-size: var(--type-value);
  color: var(--color-text);
  text-align: end;
  opacity: .7;
  margin-bottom: 0;
  font-weight: 400;
}

.careplan-delivery-ticket-card .specialty-quantity-renderer .prepared-counts {
  justify-content: flex-end;
  gap: var(--space-3);
  font-size: var(--type-value);
  color: var(--color-text);
  opacity: .7;
  margin-bottom: 0;
  font-weight: 400;
  display: flex;
}

.careplan-delivery-ticket-card .btn-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .ag-cell-value {
  height: 100%;
}

.careplan-delivery-ticket-card .billing-override-btn {
  gap: var(--space-1);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 82px;
  height: 36px;
  display: flex;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  padding: var(--space-1) var(--space-2);
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem 0 0 .6rem !important;
  transform: none !important;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code i, .careplan-delivery-ticket-card .billing-override-btn.has-code .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .billing-override-btn.has-code.disabled, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled], .careplan-delivery-ticket-card .billing-override-btn.has-code[aria-disabled="true"], .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code.disabled i, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled] i, .careplan-delivery-ticket-card .billing-override-btn.has-code[aria-disabled="true"] i, .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled i, .careplan-delivery-ticket-card .billing-override-btn.has-code.disabled .icon, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled] .icon, .careplan-delivery-ticket-card .billing-override-btn.has-code[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled .icon, .careplan-delivery-ticket-card .billing-override-btn.has-code.disabled svg, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled] svg, .careplan-delivery-ticket-card .billing-override-btn.has-code[aria-disabled="true"] svg, .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code.disabled svg *, .careplan-delivery-ticket-card .billing-override-btn.has-code[disabled] svg *, .careplan-delivery-ticket-card .billing-override-btn.has-code[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .billing-override-btn.has-code:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .billing-override-btn.has-code:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .billing-override-btn.has-code i {
  font-size: var(--type-label);
  flex-shrink: 0;
  line-height: 1;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  padding: var(--space-1) var(--space-2);
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  transform: none !important;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code i, .careplan-delivery-ticket-card .billing-override-btn.no-code .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .billing-override-btn.no-code.disabled, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled], .careplan-delivery-ticket-card .billing-override-btn.no-code[aria-disabled="true"], .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code.disabled i, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled] i, .careplan-delivery-ticket-card .billing-override-btn.no-code[aria-disabled="true"] i, .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled i, .careplan-delivery-ticket-card .billing-override-btn.no-code.disabled .icon, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled] .icon, .careplan-delivery-ticket-card .billing-override-btn.no-code[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled .icon, .careplan-delivery-ticket-card .billing-override-btn.no-code.disabled svg, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled] svg, .careplan-delivery-ticket-card .billing-override-btn.no-code[aria-disabled="true"] svg, .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code.disabled svg *, .careplan-delivery-ticket-card .billing-override-btn.no-code[disabled] svg *, .careplan-delivery-ticket-card .billing-override-btn.no-code[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .billing-override-btn.no-code:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .billing-override-btn.no-code:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .billing-override-btn.no-code i {
  font-size: var(--type-label);
  flex-shrink: 0;
  line-height: 1;
}

.careplan-delivery-ticket-card .billing-override-btn:disabled .plus-icon {
  opacity: .4;
}

.careplan-delivery-ticket-card .cross-icon-btn-over {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  justify-content: center;
  align-items: center;
  height: 36px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: 0 .6rem .6rem 0 !important;
  width: 36px !important;
  margin-left: 2px !important;
}

.careplan-delivery-ticket-card .cross-icon-btn-over i, .careplan-delivery-ticket-card .cross-icon-btn-over .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .cross-icon-btn-over.disabled, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled], .careplan-delivery-ticket-card .cross-icon-btn-over[aria-disabled="true"], .careplan-delivery-ticket-card .cross-icon-btn-over:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .cross-icon-btn-over.disabled i, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled] i, .careplan-delivery-ticket-card .cross-icon-btn-over[aria-disabled="true"] i, .careplan-delivery-ticket-card .cross-icon-btn-over:disabled i, .careplan-delivery-ticket-card .cross-icon-btn-over.disabled .icon, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled] .icon, .careplan-delivery-ticket-card .cross-icon-btn-over[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .cross-icon-btn-over:disabled .icon, .careplan-delivery-ticket-card .cross-icon-btn-over.disabled svg, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled] svg, .careplan-delivery-ticket-card .cross-icon-btn-over[aria-disabled="true"] svg, .careplan-delivery-ticket-card .cross-icon-btn-over:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-delivery-ticket-card .cross-icon-btn-over.disabled svg *, .careplan-delivery-ticket-card .cross-icon-btn-over[disabled] svg *, .careplan-delivery-ticket-card .cross-icon-btn-over[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .cross-icon-btn-over:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .cross-icon-btn-over:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .section-container {
  align-items: center;
  gap: var(--space-3);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-x: hidden;
}

.careplan-delivery-ticket-card .section-container:has(.expandable-wizard-step.max-height .content.expanded .dsl-tab-container) {
  overflow-y: hidden;
}

.careplan-delivery-ticket-card .section-container:has(.expandable-wizard-step.max-height .content.expanded .dsl-tab-container) .mini-form .form_container {
  overflow: auto;
}

.careplan-delivery-ticket-card .wizard-tab-card-mode {
  min-height: 0;
  margin-bottom: var(--space-1);
  flex-direction: row;
  flex: 1 1 0;
  gap: 0;
  display: flex;
  overflow: clip;
}

.careplan-delivery-ticket-card .wizard-tab-list {
  timeline-scope: --wizard-list-scroll;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  overflow: visible;
}

.careplan-delivery-ticket-card .wizard-tab-list:after {
  content: "";
  pointer-events: none;
  z-index: 60;
  opacity: 0;
  background: linear-gradient(to top, #262c3829, #262c3800);
  border-radius: 0 0 8px 8px;
  height: 28px;
  animation: linear both wizard-list-scroll-shadow --wizard-list-scroll;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner {
  scroll-timeline: --wizard-list-scroll block;
  scrollbar-width: none;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-2) 0 0;
  box-sizing: border-box;
  grid-template-columns: 350px;
  grid-auto-rows: minmax(min-content, 1fr);
  height: auto;
  max-height: calc(100% - 12px);
  display: grid;
  overflow-y: auto;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner::-webkit-scrollbar {
  display: none;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step {
  flex-shrink: 0;
  width: 350px;
  height: auto;
  min-height: 0;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header {
  box-sizing: border-box;
  width: 350px;
  height: 100%;
  min-height: 0;
  max-height: none;
  padding: var(--space-3) 14px var(--space-2) 14px;
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: box-shadow .2s, background .2s;
  position: relative;
  overflow: visible;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .header-left {
  width: 100%;
  overflow: hidden;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .header-left .header-left-icon {
  font-size: var(--icon-size-xs);
  flex-shrink: 0;
  margin-right: 0;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .header-left .header-left-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .header-left .header-left-count {
  flex-shrink: 0;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-item-header {
  width: 100%;
  margin-top: var(--space-1);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: visible;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-item-header__desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-item-header__actions {
  margin-top: auto;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-item-header__actions .btn {
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-2);
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-item-header__actions, .careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-items-header__actions, .careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-assessment-item-header__actions, .careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .widget-cash-posting--tab-card-actions {
  padding-top: var(--space-3);
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-items-header {
  flex-direction: column;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: visible;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .delivery-ticket-assessment-item-header {
  width: 100%;
  margin-top: var(--space-1);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: visible;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .header .widget-cash-posting--tab-card {
  flex: 1;
  width: 100%;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step.tab-card-active {
  position: relative;
}

.careplan-delivery-ticket-card .wizard-tab-list-inner .expandable-wizard-step .content {
  display: none !important;
}

.careplan-delivery-ticket-card .wizard-tab-content {
  border-radius: 8px;
  flex: 1;
  min-width: 0;
  min-height: 0;
  transition: opacity .2s;
  overflow-y: auto;
}

.careplan-delivery-ticket-card .wizard-tab-content .wizard-tab-content-inner {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container {
  min-height: 0;
  padding-bottom: var(--space-3);
  flex: 1;
  overflow-y: auto;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container.careplan-section-container {
  align-items: stretch;
  padding-bottom: 0;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container.delivery-ticket-hirarchy {
  padding-bottom: 0;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container.assessment-section-container {
  margin-bottom: 0;
  padding-bottom: 0;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container .mini-form {
  border-radius: 8px;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container .mini-form .form-horizontal.fh-checkbox {
  vertical-align: middle;
  padding-bottom: var(--space-3) !important;
}

.careplan-delivery-ticket-card .wizard-tab-content .section-container .mini-form .dsl-templ-area {
  padding-bottom: 0 !important;
}

.careplan-delivery-ticket-card .wizard-tab-content .delivery-ticket-hirarchy {
  margin-left: 0;
  margin-right: 0;
}

.careplan-delivery-ticket-card .wizard-tab-content .delivery-ticket-hirarchy .dsl-list-tab-container {
  border-radius: var(--radius-xsmall);
  border: none !important;
}

.careplan-delivery-ticket-card .wizard-tab-content .delivery-ticket-hirarchy .dsl-list-tab-container .ag-root-wrapper {
  border-radius: var(--radius-xsmall);
}

.careplan-delivery-ticket-card .wizard-tab-content .delivery-ticket-hirarchy .dsl-list-tab-container .ag-root-wrapper .ag-header {
  border-radius: 0 !important;
}

.careplan-delivery-ticket-card .wizard-tab-content .delivery-ticket-hirarchy .dsl-list-tab-container .ag-root-wrapper .ag-sticky-top {
  transform: translateY(-1px);
}

.careplan-delivery-ticket-card .wizard-container {
  gap: var(--space-2);
  min-height: 0;
  max-height: calc(100% - 70px);
  margin-bottom: var(--space-1);
  padding-bottom: var(--space-3);
  flex-direction: column;
  flex: 1 1 0;
  display: flex;
  overflow: visible auto;
}

.careplan-delivery-ticket-card .wizard-container .ag-root-wrapper {
  min-height: 100%;
}

.careplan-delivery-ticket-card .cell-container {
  align-items: center;
  gap: var(--space-1);
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .form-render-style {
  height: 100%;
}

.careplan-delivery-ticket-card .form-render-style [form="careplan_dt_exception"], .careplan-delivery-ticket-card .form-render-style [section="pharm tech verification"], .careplan-delivery-ticket-card .form-render-style [section="confirmed charges"], .careplan-delivery-ticket-card .form-render-style [section="confirmation details"], .careplan-delivery-ticket-card .form-render-style [section="confirmed"] {
  display: none !important;
}

.careplan-delivery-ticket-card .form-render-style-sections-only {
  height: 100%;
  min-height: max-content;
  margin-left: 0;
  margin-bottom: var(--space-2);
  background: #fff;
  flex: 1;
  border-radius: 8px !important;
}

.careplan-delivery-ticket-card .form-render-style-sections-only .dsl-tab-area:has(:not(.is-display-none, .is-visibility-hidden)) {
  display: none !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step {
  border-radius: 2px;
  padding-bottom: 0;
}

.careplan-delivery-ticket-card .expandable-wizard-step .header .header-left .header-left-title {
  width: auto;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-row {
  border-top: 1px solid var(--gray-100) !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-row.ag-full-width-row {
  border-top: none !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-row-even:not(.ag-row-selected):not(.ag-row-group-expanded), .careplan-delivery-ticket-card .expandable-wizard-step .ag-row-odd:not(.ag-row-selected):not(.ag-row-group-expanded) {
  background-color: var(--white) !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport, .careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-viewport, .careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-container {
  min-height: 42px !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-container .ag-row-even .ag-cell[col-id="last_through_date"] .ant-picker-input input:not(:placeholder-shown), .careplan-delivery-ticket-card .expandable-wizard-step .ag-body-viewport .ag-center-cols-container .ag-row-odd .ag-cell[col-id="last_through_date"] .ant-picker-input input:not(:placeholder-shown), .careplan-delivery-ticket-card .expandable-wizard-step .ag-sticky-top .ag-cell[col-id="last_through_date"] .ant-picker-input input:not(:placeholder-shown) {
  color: var(--color-text-700);
  text-align: center;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-sticky-top:has(.ag-row) {
  z-index: 2;
  box-shadow: 0 3px 6px -2px #0000001f;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-sticky-top:has(.ag-row-level-1) {
  max-height: 61px !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .ag-sticky-top:has(.ag-row-level-1) .ag-row-level-1 {
  display: none !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step .scrolltarget.container {
  padding-bottom: 10px;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) {
  flex-direction: column;
  display: flex;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  min-height: 0;
  display: flex;
  overflow-y: hidden;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .mini-form {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .mini-form .form-container, .careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .mini-form .cardform {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  height: 100% !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  height: 100% !important;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea .dsl-tab-container {
  flex: 1;
  min-height: 0;
  height: 100% !important;
  overflow: hidden !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea .dsl-tab-container .dsl-tab-header {
  flex-shrink: 0 !important;
}

.careplan-delivery-ticket-card .expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container) .section-container .cardarea .dsl-tab-container .dsl-tab-area {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

.careplan-delivery-ticket-card .dsl-tab-area {
  padding-bottom: var(--space-7);
}

.careplan-delivery-ticket-card .careplan_delivery_tick {
  margin-bottom: var(--space-5);
}

.careplan-delivery-ticket-card .form_careplan_delivery_tick {
  overflow-x: hidden;
  padding: 0 !important;
}

.careplan-delivery-ticket-card .footer {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 48px;
  display: flex;
}

.careplan-delivery-ticket-card .footer .info-container {
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-error-ink);
  line-height: 18px;
}

.careplan-delivery-ticket-card .footer .action-right-cnt {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-5);
  flex-direction: row;
  display: flex;
}

.careplan-delivery-ticket-card .footer .action-btn-group-cnt {
  justify-content: end;
}

.careplan-delivery-ticket-card .dot-circle {
  background-color: var(--color-border-600);
  border-radius: 100px;
  width: 12px;
  height: 12px;
  display: block;
}

.careplan-delivery-ticket-card .item-name-col {
  line-height: 2em;
  display: block;
}

.careplan-delivery-ticket-card .item-name-col__wrapper {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .item-name-col__wrapper > .container-info {
  min-width: 0;
}

.careplan-delivery-ticket-card .item-name-col span.rejected, .careplan-delivery-ticket-card .item-name-col span.verified, .careplan-delivery-ticket-card .item-name-col span.accepted, .careplan-delivery-ticket-card .item-name-col span.print-wt, .careplan-delivery-ticket-card .item-name-col span.pending {
  height: 32px;
  padding-top: var(--space-3);
  margin-left: var(--space-1);
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}

.careplan-delivery-ticket-card .item-name-col span.rejected {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.rejected i, .careplan-delivery-ticket-card .item-name-col span.rejected .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .item-name-col span.rejected.disabled, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled], .careplan-delivery-ticket-card .item-name-col span.rejected[aria-disabled="true"], .careplan-delivery-ticket-card .item-name-col span.rejected:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .item-name-col span.rejected.disabled i, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled] i, .careplan-delivery-ticket-card .item-name-col span.rejected[aria-disabled="true"] i, .careplan-delivery-ticket-card .item-name-col span.rejected:disabled i, .careplan-delivery-ticket-card .item-name-col span.rejected.disabled .icon, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled] .icon, .careplan-delivery-ticket-card .item-name-col span.rejected[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .item-name-col span.rejected:disabled .icon, .careplan-delivery-ticket-card .item-name-col span.rejected.disabled svg, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled] svg, .careplan-delivery-ticket-card .item-name-col span.rejected[aria-disabled="true"] svg, .careplan-delivery-ticket-card .item-name-col span.rejected:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-delivery-ticket-card .item-name-col span.rejected.disabled svg *, .careplan-delivery-ticket-card .item-name-col span.rejected[disabled] svg *, .careplan-delivery-ticket-card .item-name-col span.rejected[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .item-name-col span.rejected:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .item-name-col span.rejected:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col span.print-wt {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt i, .careplan-delivery-ticket-card .item-name-col span.print-wt .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .item-name-col span.print-wt.disabled, .careplan-delivery-ticket-card .item-name-col span.print-wt[disabled], .careplan-delivery-ticket-card .item-name-col span.print-wt[aria-disabled="true"], .careplan-delivery-ticket-card .item-name-col span.print-wt:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt.disabled i, .careplan-delivery-ticket-card .item-name-col span.print-wt[disabled] i, .careplan-delivery-ticket-card .item-name-col span.print-wt[aria-disabled="true"] i, .careplan-delivery-ticket-card .item-name-col span.print-wt:disabled i, .careplan-delivery-ticket-card .item-name-col span.print-wt.disabled .icon, .careplan-delivery-ticket-card .item-name-col span.print-wt[disabled] .icon, .careplan-delivery-ticket-card .item-name-col span.print-wt[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .item-name-col span.print-wt:disabled .icon, .careplan-delivery-ticket-card .item-name-col span.print-wt.disabled svg, .careplan-delivery-ticket-card .item-name-col span.print-wt[disabled] svg, .careplan-delivery-ticket-card .item-name-col span.print-wt[aria-disabled="true"] svg, .careplan-delivery-ticket-card .item-name-col span.print-wt:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt.disabled svg *, .careplan-delivery-ticket-card .item-name-col span.print-wt[disabled] svg *, .careplan-delivery-ticket-card .item-name-col span.print-wt[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .item-name-col span.print-wt:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .item-name-col span.print-wt:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col span.print-wt i {
  font-size: var(--icon-size-inline);
  line-height: 1;
}

.careplan-delivery-ticket-card .item-name-col span.accepted {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.accepted i, .careplan-delivery-ticket-card .item-name-col span.accepted .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .item-name-col span.accepted.disabled, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled], .careplan-delivery-ticket-card .item-name-col span.accepted[aria-disabled="true"], .careplan-delivery-ticket-card .item-name-col span.accepted:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .item-name-col span.accepted.disabled i, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled] i, .careplan-delivery-ticket-card .item-name-col span.accepted[aria-disabled="true"] i, .careplan-delivery-ticket-card .item-name-col span.accepted:disabled i, .careplan-delivery-ticket-card .item-name-col span.accepted.disabled .icon, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled] .icon, .careplan-delivery-ticket-card .item-name-col span.accepted[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .item-name-col span.accepted:disabled .icon, .careplan-delivery-ticket-card .item-name-col span.accepted.disabled svg, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled] svg, .careplan-delivery-ticket-card .item-name-col span.accepted[aria-disabled="true"] svg, .careplan-delivery-ticket-card .item-name-col span.accepted:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-delivery-ticket-card .item-name-col span.accepted.disabled svg *, .careplan-delivery-ticket-card .item-name-col span.accepted[disabled] svg *, .careplan-delivery-ticket-card .item-name-col span.accepted[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .item-name-col span.accepted:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .item-name-col span.accepted:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col span.accepted i {
  font-size: var(--icon-size-inline);
  line-height: 1;
}

.careplan-delivery-ticket-card .item-name-col span.pending {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-delivery-ticket-card .item-name-col span.pending i, .careplan-delivery-ticket-card .item-name-col span.pending .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-delivery-ticket-card .item-name-col span.pending.disabled, .careplan-delivery-ticket-card .item-name-col span.pending[disabled], .careplan-delivery-ticket-card .item-name-col span.pending[aria-disabled="true"], .careplan-delivery-ticket-card .item-name-col span.pending:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.careplan-delivery-ticket-card .item-name-col span.pending.disabled i, .careplan-delivery-ticket-card .item-name-col span.pending[disabled] i, .careplan-delivery-ticket-card .item-name-col span.pending[aria-disabled="true"] i, .careplan-delivery-ticket-card .item-name-col span.pending:disabled i, .careplan-delivery-ticket-card .item-name-col span.pending.disabled .icon, .careplan-delivery-ticket-card .item-name-col span.pending[disabled] .icon, .careplan-delivery-ticket-card .item-name-col span.pending[aria-disabled="true"] .icon, .careplan-delivery-ticket-card .item-name-col span.pending:disabled .icon, .careplan-delivery-ticket-card .item-name-col span.pending.disabled svg, .careplan-delivery-ticket-card .item-name-col span.pending[disabled] svg, .careplan-delivery-ticket-card .item-name-col span.pending[aria-disabled="true"] svg, .careplan-delivery-ticket-card .item-name-col span.pending:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-delivery-ticket-card .item-name-col span.pending.disabled svg *, .careplan-delivery-ticket-card .item-name-col span.pending[disabled] svg *, .careplan-delivery-ticket-card .item-name-col span.pending[aria-disabled="true"] svg *, .careplan-delivery-ticket-card .item-name-col span.pending:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-delivery-ticket-card .item-name-col span.pending:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-delivery-ticket-card .item-name-col span.pending:focus-visible {
  box-shadow: none;
}

.careplan-delivery-ticket-card .item-name-col span.pending:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-delivery-ticket-card .item-name-col span.pending:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-delivery-ticket-card .item-name-col__title {
  font-size: var(--type-value);
  color: var(--color-text-700);
  margin-bottom: 0;
  font-weight: 500;
}

.careplan-delivery-ticket-card .item-name-col__title img {
  margin-left: var(--space-1);
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.careplan-delivery-ticket-card .item-name-col__title img:first-child {
  margin-left: var(--space-1);
}

.careplan-delivery-ticket-card .item-name-col__subtitle {
  font-size: var(--type-value);
  color: var(--color-text);
  text-align: start;
  opacity: .7;
  margin-bottom: 0;
  font-weight: 400;
}

.careplan-delivery-ticket-card .item-name-col .container-info {
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  width: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .item-name-col .container-info__flex {
  gap: 10px;
  display: flex;
}

.careplan-delivery-ticket-card .dt-lot-row .ag-cell {
  line-height: 40px;
}

.careplan-delivery-ticket-card .dt-lot-row .py-10 {
  padding: var(--nudge-1) 0;
}

.careplan-delivery-ticket-card .dt-lot-row__name .item-name-col__title {
  opacity: .55;
  font-weight: 400;
}

.careplan-delivery-ticket-card .item-name-col span.dt-pull-badge {
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.careplan-delivery-ticket-card .item-name-col span.dt-pull-badge--remaining {
  box-sizing: border-box;
  min-width: 22px;
  max-width: none;
  height: 22px;
  padding: 1px var(--space-2);
  text-align: center;
  background: var(--color-error-600);
  color: var(--white);
  box-shadow: none;
  font-size: var(--type-label);
  border-radius: 50px;
  font-weight: 500;
  line-height: 12px;
}

.careplan-delivery-ticket-card .item-name-col span.dt-pull-badge--done i {
  color: var(--color-accept);
  font-size: 16px;
  line-height: 1;
}

.careplan-delivery-ticket-card .dt-swap-icon {
  color: var(--color-secondary-600);
  cursor: pointer;
}

.careplan-delivery-ticket-card .dt-swap-icon:hover {
  opacity: .7;
}

.careplan-delivery-ticket-card .ag-cell[col-id="flags"] .ag-cell-value {
  justify-content: center;
  align-items: center;
  display: flex;
}

.careplan-delivery-ticket-card .dt-flags-cell {
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
  height: 100%;
  padding-inline: var(--space-2);
  box-sizing: border-box;
  line-height: 1;
  display: flex;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag {
  vertical-align: baseline;
  width: auto;
  max-width: none;
  height: 32px;
  color: var(--gray-500);
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  transition: color .12s;
  display: inline-flex;
  position: relative;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag i {
  line-height: 1;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag.is-checked, .careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag:hover:not(.is-locked):not(.is-checked) {
  color: var(--brand-800);
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag.is-locked {
  opacity: .45;
  cursor: default;
}

.careplan-delivery-ticket-card .dt-flags-cell .dt-flags-cell__glyph {
  color: inherit;
  font-size: 16px;
  mask-image: radial-gradient(circle at calc(100% - 1px) calc(100% - 2px), #0000 7.25px, #000 7.75px);
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__badge {
  background: var(--white);
  box-shadow: inset 0 0 0 1px var(--gray-400);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  min-width: 12px;
  max-width: none;
  height: 12px;
  padding: 0;
  display: inline-flex;
  position: absolute;
  bottom: 4px;
  right: -5px;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__badge svg {
  flex: none;
  width: 12px;
  height: 12px;
  display: none;
  overflow: visible;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__badge svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag.is-checked span.dt-flags-cell__badge {
  background: var(--brand-800);
  color: var(--white);
  box-shadow: none;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag.is-checked span.dt-flags-cell__badge svg.dt-flags-cell__badge-on {
  display: block;
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag:hover:not(.is-locked):not(.is-checked) span.dt-flags-cell__badge {
  background: var(--white);
  color: var(--brand-800);
  box-shadow: inset 0 0 0 1px var(--brand-800);
}

.careplan-delivery-ticket-card .dt-flags-cell span.dt-flags-cell__flag:hover:not(.is-locked):not(.is-checked) span.dt-flags-cell__badge svg.dt-flags-cell__badge-add {
  display: block;
}

.careplan-delivery-ticket-card span.dt-bo-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  color: var(--brand-800);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  display: flex;
}

.careplan-delivery-ticket-card span.dt-bo-icon.is-locked {
  opacity: .5;
  cursor: default;
}

.careplan-delivery-ticket-card .dt-lot-verify {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .dt-lot-verify .ant-switch-checked {
  background-color: var(--color-primary-600);
}

.careplan-delivery-ticket-card .dt-lot-verify .ant-switch-checked:hover {
  background-color: var(--color-primary-700) !important;
}

.careplan-delivery-ticket-card .dt-lot-cell {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 400;
}

.careplan-delivery-ticket-card .dispense-info {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  text-align: right;
  cursor: pointer;
  width: 100%;
  padding-right: var(--space-3);
  color: var(--color-text-100);
  margin: 0;
  margin-left: var(--space-1);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

.careplan-delivery-ticket-card .dispense-info__dispensed {
  color: var(--color-text);
  margin-right: var(--space-1);
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

.careplan-delivery-ticket-card .dispense-info__pending {
  color: var(--color-text-muted-ink);
  margin-left: var(--space-1);
  font-size: var(--type-value) !important;
  font-weight: 400 !important;
}

.careplan-delivery-ticket-card .dispense-info-wrapper {
  justify-content: flex-end;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.careplan-delivery-ticket-card .dispense-info__hover {
  text-align: right;
  width: 90%;
  height: 100%;
  transition: transform .4s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(120%);
}

.careplan-delivery-ticket-card .dispense-info__hover--deleting {
  transform: translateX(0);
}

.careplan-delivery-ticket-card .dispense-info__deleting {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  color: var(--white);
  background-color: var(--color-error-500);
  display: flex;
}

.careplan-delivery-ticket-card .dispense-info__deleting .ui-spinner {
  margin: 0;
}

.careplan-delivery-ticket-card .dispense-info__btn {
  color: #fff;
  font-size: var(--type-label);
  border: none;
  flex: 1;
  min-width: 50%;
  height: 100%;
  font-weight: 500;
}

.careplan-delivery-ticket-card .dispense-info__btn.btn-delete {
  background-color: var(--color-error-500);
}

.careplan-delivery-ticket-card .dispense-info__btn.btn-delete:hover {
  background-color: var(--color-error);
}

.careplan-delivery-ticket-card .dispense-info__btn.btn-add {
  background-color: var(--color-primary-600);
}

.careplan-delivery-ticket-card .dispense-info__btn.btn-add:hover {
  background-color: #7368ae;
}

.careplan-delivery-ticket-card .dispense-info__btn__plus {
  margin-bottom: 0;
  margin-top: var(--space-1);
  font-size: 18px;
}

.careplan-delivery-ticket-card .ag-cell {
  overflow: hidden;
}

.careplan-delivery-ticket-card .unsorted-columns {
  padding-left: var(--space-2) !important;
  padding-right: var(--space-2) !important;
}

.careplan-delivery-ticket-card .ag-cell-wrapper {
  min-height: 100%;
}

.careplan-delivery-ticket-card .ag-cell-wrapper:hover .dispense-info__hover {
  transform: translateX(0);
}

.careplan-delivery-ticket-card .to-prep-wrapper {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  display: flex;
}

.careplan-delivery-ticket-card .number-right {
  width: calc(100% - 55px);
}

.careplan-delivery-ticket-card .number-right .ant-input-number-input {
  text-align: right;
  color: var(--color-text-700);
  font-weight: 400;
}

.careplan-delivery-ticket-card .number-right .ant-input-number-handler-wrap {
  right: 0;
}

.careplan-delivery-ticket-card .py-10 {
  padding: 10px 0;
}

.careplan-delivery-ticket-card .py-10 .ant-picker, .careplan-delivery-ticket-card .py-10 .ant-input-number {
  border: 1px solid var(--gray-100);
  background: var(--white);
  border-radius: 6px;
  height: 36px;
  box-shadow: inset 0 1px 2px #3838380f;
}

.careplan-delivery-ticket-card .py-10 .ant-picker input, .careplan-delivery-ticket-card .py-10 .ant-input-number input {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700);
  font-weight: 500;
}

.careplan-delivery-ticket-card .py-10 .ant-picker input::placeholder, .careplan-delivery-ticket-card .py-10 .ant-input-number input::placeholder {
  font-weight: 400;
}

.careplan-delivery-ticket-card .ag-header-cell-text {
  font-size: var(--type-label) !important;
}

.careplan-delivery-ticket-card .text-center {
  text-align: center;
}

.careplan-delivery-ticket-card .text-right {
  text-align: right;
}

.careplan-delivery-ticket-card .header-center, .careplan-delivery-ticket-card .header-center .ag-header-cell-label {
  text-align: center;
  justify-content: center;
}

.careplan-delivery-ticket-card .header-left, .careplan-delivery-ticket-card .header-left .ag-header-cell-label {
  text-align: left;
  justify-content: start;
}

.careplan-delivery-ticket-card .header-right, .careplan-delivery-ticket-card .header-right .ag-header-cell-label {
  text-align: right;
  justify-content: end;
}

.careplan-delivery-ticket-card .query-list-view .dsl-list-bottom {
  padding: 0 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy {
  margin-left: var(--space-2);
  margin-right: var(--space-2);
  --grid-empty-well: var(--color-background-200);
  padding: 0;
  overflow-y: auto;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-row:not(.ag-row-group):not(.ag-row-selected) {
  background-color: var(--white);
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .even-background:not(.ag-row-selected):not(.ag-row-group-expanded) {
  background-color: var(--white) !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-row-group-expanded:has( > .category-header) {
  border-bottom: none !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-full-width-row:has( > .category-header) {
  pointer-events: none;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-full-width-row:has( > .category-header).ag-row-selected, .careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-full-width-row:has( > .category-header).app-row-highlighted {
  box-shadow: none !important;
  z-index: auto !important;
  background-color: #0000 !important;
  border-top-color: #0000 !important;
  border-bottom-color: #0000 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-sticky-top:has(.ag-row) {
  z-index: 999999;
  background-color: #f2f2f2;
  box-shadow: 0 3px 6px -2px #0000001f;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-sticky-top:has(.ag-row) .ag-row:not(.ag-row-level-0) {
  background-color: var(--white);
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-header-viewport, .careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-header-cell, .careplan-delivery-ticket-card .delivery-ticket-hirarchy .ag-header-group-cell-with-group {
  background-color: var(--color-border-500) !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .form-render-style-sections-only {
  flex: none;
  height: auto;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .query-list-view.query-list-view-standard {
  border: 0;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .query-list-view.query-list-view-standard .ag-root-wrapper {
  border: 0 !important;
  border-radius: 0 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .form-render-style-sections-only {
  border: 0;
  border-radius: 0 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .form-render-style-sections-only .cardarea {
  margin-top: 0 !important;
  padding-bottom: 0 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-hirarchy .form-render-style-sections-only .cardarea > .container.fieldgroup {
  margin-bottom: 0 !important;
}

.careplan-delivery-ticket-card .to-prep-text {
  font-weight: 500;
  font-size: var(--type-value);
  vertical-align: middle;
  color: #a3a3a3;
  letter-spacing: 4px;
  margin-left: var(--space-1);
  line-height: 20px;
}

.careplan-delivery-ticket-card .delivery-ticket-verified {
  text-align: center;
  display: block;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch.ant-switch-checked {
  background-color: #837bb3;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch.ant-switch-checked:hover {
  background-color: #6e65a1 !important;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch:not(.ant-switch-checked) {
  background-color: #bfbfbf;
}

.careplan-delivery-ticket-card .delivery-ticket-verified__switch:not(.ant-switch-checked):hover {
  background-color: #919191 !important;
}

.form-container-flyout:has(.careplan-delivery-ticket-card) {
  min-height: 80vh !important;
}

.layout-form-content:has(.careplan-delivery-ticket-card) > div {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  height: auto;
  min-height: 0;
}

.layout-form-content:has(.careplan-delivery-ticket-card) .careplan-delivery-ticket-card {
  flex: 1;
  min-height: 0;
}

#application .cardarea:has(.careplan_delivery_tick) {
  margin-top: var(--space-3);
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option.dt-menu-danger .ag-menu-option-icon i {
  color: var(--color-error-650);
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option.dt-menu-add .ag-menu-option-icon i {
  color: var(--color-success-600);
}

.careplan-section-container {
  flex-direction: column;
  align-items: stretch;
  min-height: 500px;
  display: flex;
}

.careplan-section-container > .careplan-card {
  flex: 1;
  width: 100%;
}

.dt-locked-tooltip {
  align-items: center;
  gap: var(--space-1);
  display: inline-flex;
}

.dt-locked-tooltip i {
  line-height: 1;
}

#application .careplan-delivery-ticket-card .delivery-ticket-hirarchy .form-render-style-sections-only .cardarea {
  border-right-width: 0 !important;
}

#application .careplan-delivery-ticket-card .delivery-ticket-hirarchy .form-render-style-sections-only .form-container .cardarea:not(tr) > .container.fieldgroup.scrolltarget {
  margin-left: 0 !important;
  margin-right: calc(-1 * var(--spacing-standard)) !important;
  width: calc(100% + var(--spacing-standard)) !important;
  max-width: none !important;
}

#application .careplan-delivery-ticket-card .form-container:not(.form-read-mode, .dt-billing-section *) .cardarea {
  padding-left: 0;
  padding-right: 0;
  border-right-width: 0 !important;
}

#application .careplan-delivery-ticket-card .form-container:not(.form-read-mode, .dt-billing-section *) .cardarea:not(tr) > .container.fieldgroup:not(.has-header), #application .window-container .careplan-delivery-ticket-card .form-container:not(.form-read-mode):not(.dt-billing-section *):not(.delivery-ticket-hirarchy *) .cardarea:not(tr):not(.expandable-sections-enabled) > .container.fieldgroup:not(.has-header):not(.dsl-tab-header) {
  margin-left: var(--space-3) !important;
  margin-right: calc(var(--space-3) - var(--spacing-standard)) !important;
  width: auto !important;
  max-width: none !important;
}

#application .careplan-delivery-ticket-card .dt-billing-section .form-container .cardarea {
  padding-left: 0;
  padding-right: 0;
  border-right-width: 0 !important;
}

#application .careplan-delivery-ticket-card .dt-billing-section .form-container .cardarea:not(tr) > .container.fieldgroup {
  margin-left: var(--space-3) !important;
  margin-right: var(--space-3) !important;
  width: auto !important;
}

#application .careplan-delivery-ticket-card .dt-billing-section .form-container .cardarea .fieldgroup > .form-horizontal.fh-embedded_table {
  padding-right: 0 !important;
}

#application .careplan-delivery-ticket-card .dt-billing-section .form-container .dsl-templ-area .cardform .fieldgroup .form-horizontal.fh-embedded_table .form-group > .controls {
  padding-left: 0;
  padding-right: 0;
}

#application .careplan-delivery-ticket-card .dt-billing-section .form-container .fieldgroup .form-horizontal.fh-embedded_table .form-group .control-label {
  left: 0 !important;
}

#application .window-container .careplan-delivery-ticket-card .dt-billing-section .form-container:not(.form-read-mode) .cardarea:not(tr):not(.expandable-sections-enabled) > .container.fieldgroup:not(.has-header):not(.dsl-tab-header) {
  margin-left: var(--space-3) !important;
  margin-right: var(--space-3) !important;
  width: auto !important;
  max-width: none !important;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2 {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2 i, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2 .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2.disabled, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[disabled], #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[aria-disabled="true"], #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2.disabled i, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[disabled] i, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[aria-disabled="true"] i, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:disabled i, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2.disabled .icon, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[disabled] .icon, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[aria-disabled="true"] .icon, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:disabled .icon, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2.disabled svg, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[disabled] svg, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[aria-disabled="true"] svg, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:disabled svg {
  color: #fff;
  font-weight: 300;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2.disabled svg *, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[disabled] svg *, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2[aria-disabled="true"] svg *, #application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:focus-visible {
  box-shadow: none;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

#application .careplan-delivery-ticket-card .footer .dsl-action-btn.btn-special_event_2:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.celebrate-confetti {
  pointer-events: none;
  z-index: 100000;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.celebrate-confetti span {
  opacity: 0;
  will-change: transform, opacity;
  border-radius: 2px;
  animation-name: celebrate-confetti-fall;
  animation-timing-function: cubic-bezier(.25, .6, .45, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  position: absolute;
  top: -24px;
}

@keyframes celebrate-confetti-fall {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0);
  }

  80% {
    opacity: 1;
  }

  100% {
    transform: translate3d(var(--confetti-drift, 0px), 105vh, 0) rotate(var(--confetti-spin, 540deg));
    opacity: 0;
  }
}

.tab-list-default {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.tab-list-default.tab-add {
  cursor: pointer;
}

.tab-list-default .dynamic-tab-list {
  min-width: 0;
  max-width: 100%;
  height: 46px;
  padding: 0 var(--space-1);
  gap: var(--space-4);
  flex-direction: row;
  display: flex;
  overflow: auto clip;
}

@property --tab-strip-fade-l {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tab-strip-fade-r {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@keyframes tab-strip-fade {
  0% {
    --tab-strip-fade-l: 0px;
    --tab-strip-fade-r: 40px;
  }

  6%, 94% {
    --tab-strip-fade-l: 40px;
    --tab-strip-fade-r: 40px;
  }

  100% {
    --tab-strip-fade-l: 40px;
    --tab-strip-fade-r: 0px;
  }
}

@supports (animation-timeline: scroll()) {
  .tab-list-default .dynamic-tab-list {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--tab-strip-fade-l), #000 calc(100% - var(--tab-strip-fade-r)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--tab-strip-fade-l), #000 calc(100% - var(--tab-strip-fade-r)), transparent 100%);
    animation-name: tab-strip-fade;
    animation-duration: auto;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: scroll(self inline);
  }
}

.tab-list-default .tab-list-button {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--gray-700);
  padding: var(--space-2);
  gap: var(--tab-list-button-common-gap);
  border-radius: 12px;
  display: flex;
  min-width: max-content !important;
  font-size: var(--nav-label-size) !important;
}

.tab-list-default .tab-list-button:hover {
  transform: scale(1);
}

.tab-list-default .tab-list-button .tab-close-btn {
  cursor: pointer;
  display: flex;
}

.tab-list-default .tab-list-button .tab-close-btn s img {
  width: 10px;
  height: 10px;
}

.tab-list-default .tab-list-button .tab-counter .count {
  background-color: var(--color-background-950);
  color: #fff;
  font-size: var(--type-label);
  padding: 2px var(--space-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
  overflow-y: visible;
}

.tab-list-default .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  color: var(--white);
  gap: var(--space-2);
  border-radius: 5px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.tab-list-default .tab-list-button.tab-active .tab-counter .count {
  color: #fff;
  background-color: #9974ce;
}

.tab-list-default .tab-list-button.tab-active:hover {
  cursor: default;
  transform: scale(1);
}

.tab-list-default .tab-list-button.tab-active .tab-label:hover {
  cursor: default;
}

.tab-list-default .tab-list-button.tab-active, .tab-list-default .tab-list-button.tab-active:after {
  cursor: pointer;
}

.tab-list-default .tab-list-button.tab-active .tab-count {
  background: var(--white);
  color: var(--color-tertiary);
  padding: 1px var(--space-1);
  font-weight: 500;
  font-size: var(--type-label);
  border-radius: 4px;
  margin-left: 2px;
}

.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  max-width: 54ch;
  overflow: hidden;
}

.tab-list-default .tab-list-button.tab-active .tab-label {
  font-size: var(--nav-label-size);
}

.tab-list-default .tab-list-button:not(.tab-active) {
  color: var(--color-text);
}

.tab-list-default .tab-list-button .tab-close-btn > i {
  font-size: var(--type-control);
}

.tab-list-default .tab-list-button .no-open-tab-icon > i {
  font-size: 12px;
}

.tab-list-default .tab-list-button:not(.tab-active) .no-open-tab-icon > i, .tab-list-default .tab-list-button:not(.tab-active) .tab-close-btn > i {
  color: var(--gray-500);
}

.tab-list-default .tab-list-button .tab-label .tab-count {
  margin-left: var(--space-1);
  display: inline-block;
}

.tab-list-default .tab-list-button .tab-avatar {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.tab-list-default .tab-list-button .tab-avatar img {
  width: 22px;
  height: 22px;
}

.tab-list-default .tab-list-button-add .tab-label-add {
  color: #50749c;
}

.tab-list-default .tab-list-button-add .tab-label-add .tab-label-add-container .add-container {
  margin-right: var(--space-1);
  font-weight: 300;
  font-size: var(--type-value) !important;
}

.tab-list-default .tab-list-button-add .tab-label-add .tab-label-add-container .tab-label-add-text {
  font-family: Soehne, sans-serif;
  font-size: var(--nav-label-size) !important;
  font-weight: 500 !important;
}

.tab-list {
  background-color: #0000;
  flex-grow: 0;
  flex-shrink: 0;
  height: 34px;
  margin-bottom: 0;
}

.tab-list.tab-add {
  color: #fff;
  background: none;
}

.tab-list.tab-add:after {
  color: #fff;
  background: none !important;
}

.tab-list .tab-list-button {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
  padding: var(--l3-tab-list-button-p);
  padding: var(--space-2) var(--space-3);
  background-color: #9974ce14;
  border: 1px solid #dbdbdd;
  align-items: center;
}

.tab-list .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
}

.tab-list > .tab-list-button.tab-list-button-add {
  background-color: #0000;
  border: 0;
}

.tab-list > .tab-list-button .tab-label-add {
  font-size: var(--type-display-2);
  border: 0;
}

.tab-list-sub {
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.tab-list-sub[parent_tabgroupid][tabcontroller] {
  border-left: 1px solid #dbdbdd;
  margin-top: 0 !important;
}

.tab-list-sub.tab-add {
  cursor: pointer;
}

.tab-list-sub .tab-list-button {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--gray-700);
  padding: var(--space-2);
  gap: var(--tab-list-button-common-gap);
  cursor: pointer;
  padding: 5px var(--space-4);
  border-radius: 12px;
  display: flex;
  font-size: var(--type-value) !important;
  min-width: max-content !important;
}

.tab-list-sub .tab-list-button:hover {
  transform: scale(1);
}

.tab-list-sub .tab-list-button .tab-close-btn {
  cursor: pointer;
  display: flex;
}

.tab-list-sub .tab-list-button .tab-close-btn s img {
  width: 10px;
  height: 10px;
}

.tab-list-sub .tab-list-button .tab-counter .count {
  background-color: var(--color-background-950);
  color: #fff;
  font-size: var(--type-label);
  padding: 2px var(--space-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
  overflow-y: visible;
}

.tab-list-sub .tab-list-button.tab-active {
  background-color: var(--color-tertiary);
  color: var(--white);
  gap: var(--space-2);
  border-radius: 5px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.tab-list-sub .tab-list-button.tab-active .tab-counter .count {
  color: #fff;
  background-color: #9974ce;
}

.tab-list-sub .tab-list-button.tab-active:hover {
  cursor: default;
  transform: scale(1);
}

.tab-list-sub .tab-list-button.tab-active .tab-label {
  font-size: var(--type-value);
}

.tab-list-sub .tab-list-button.tab-active .tab-label:hover {
  cursor: default;
}

.tab-list-sub .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 54ch;
  font-size: var(--type-label);
  color: #111;
  -webkit-user-select: none;
  user-select: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
}

.tab-list-sub .tab-list-button.tab-active .tab-label {
  border-bottom: 2px solid #9974ce;
  border-radius: 2px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.kP4uJW_initialAvatarContainer {
  color: #5a595880;
  text-align: center;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.kP4uJW_initialAvatarContainer.kP4uJW_primary {
  -webkit-backdrop-filter: blur(8px);
  color: var(--white);
  text-shadow: 0 1px 1px #0000002e;
  min-width: var(--sm-avatar-width);
  width: var(--sm-avatar-width);
  min-height: var(--sm-avatar-height);
  height: var(--sm-avatar-height);
  font-size: var(--sm-avatar-font-size);
  background: #ffffff40;
  border: 1px solid #ffffff59;
  box-shadow: 0 1px 2px #0000001f;
}

.kP4uJW_initialAvatarContainer.kP4uJW_secondary {
  background-color: var(--white);
  min-width: var(--sm-avatar-width);
  width: var(--sm-avatar-width);
  min-height: var(--sm-avatar-height);
  height: var(--sm-avatar-height);
  font-size: var(--sm-avatar-font-size);
}

.kP4uJW_initialAvatarContainer.kP4uJW_xs {
  min-width: var(--xs-avatar-width);
  width: var(--xs-avatar-width);
  min-height: var(--xs-avatar-height);
  height: var(--xs-avatar-height);
}

.kP4uJW_initialAvatarContainer.kP4uJW_sm {
  min-width: var(--sm-avatar-width);
  width: var(--sm-avatar-width);
  min-height: var(--sm-avatar-height);
  height: var(--sm-avatar-height);
}

.kP4uJW_initialAvatarContainer.kP4uJW_xl {
  min-width: var(--xl-avatar-width);
  width: var(--xl-avatar-width);
  min-height: var(--xl-avatar-height);
  height: var(--xl-avatar-height);
  font-size: var(--xl-avatar-font-size);
}

[data-dsl-form="view_report_query"] .subfield-sql > textarea {
  height: 250px;
}

[data-dsl-form="view_report_query"] .subfield-code > input {
  min-width: 200px;
}

.dsl-card-section-popup [data-dsl-form="careplan_order"] #denny_btn {
  display: none;
}

[data-dsl-form="careplan_order"] #denny_btn {
  gap: 10px;
  display: flex;
}

[data-dsl-form="careplan_order"] #denny_btn label {
  font-size: var(--type-value);
  margin: 0;
}

[data-dsl-form="careplan_order"] #denny_btn input {
  margin: 0;
}

#flyout .form[form="ncpdp"] {
  border-radius: 20px;
}

[data-dsl-form="ncpdp_response_cf_summary"] .form-group.fg-readonly > .controls {
  background-color: #0000 !important;
}

[data-dsl-form="ncpdp_response_cf_summary"] .form-group.fg-readonly {
  background-image: none !important;
}

[data-dsl-form="ncpdp_response_cf_summary"] .form-section:has(.fg-embedded_table .ag-overlay-no-rows-wrapper) {
  display: none !important;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] {
  padding: var(--space-5);
  margin-left: var(--space-6);
  margin-right: var(--space-6);
  padding-bottom: var(--space-1);
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] .billing_posting_clear_filters .control-label {
  color: var(--color-text) !important;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] > div {
  width: 23% !important;
}

[data-dsl-form="billing_posting"] div.container.fieldgroup[section="filters"] > div:last-child {
  width: 5% !important;
  min-width: 5% !important;
}

.form[form="document"] {
  justify-content: center;
}

.form[form="document"] .card-with-preview {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.form[form="document"] .card-with-preview .form-container-flyout, .form[form="document"] .card-with-preview .form-segment-container-flyout {
  width: 100% !important;
  height: 100% !important;
}

.form[form="document"] .card-with-preview .form-container {
  flex: 1;
}

.form[form="document"] .card-with-preview .form-container .form-group.document.document_file_path .generic-card-container.field-field-media-viewer {
  display: none !important;
}

.form[form="document"] .card-with-preview .form-container-flyout {
  height: 100vh !important;
}

.form-container-flyout .layout-form-content .form-container .dsl-templ-area > iframe.pdf-iframe, .dsl-card-section-popup .layout-form-content .form-container .dsl-templ-area > iframe.pdf-iframe, .dsl-card-section-popup .body .form-container .dsl-templ-area > iframe.pdf-iframe, .window-manager-content > .form-container .dsl-templ-area > iframe.pdf-iframe {
  width: 100%;
  min-height: 300px;
  height: 100% !important;
}

.form-container-flyout .layout-form-content .form-container .generic-card-container.field-field-media-viewer.pdf, .dsl-card-section-popup .layout-form-content .form-container .generic-card-container.field-field-media-viewer.pdf, .dsl-card-section-popup .body .form-container .generic-card-container.field-field-media-viewer.pdf, .window-manager-content > .form-container .generic-card-container.field-field-media-viewer.pdf {
  flex-direction: column;
  min-height: 400px;
  display: flex;
  height: auto !important;
  max-height: none !important;
}

.form-container-flyout .layout-form-content .form-container .generic-card-container.field-field-media-viewer.pdf > .body, .dsl-card-section-popup .layout-form-content .form-container .generic-card-container.field-field-media-viewer.pdf > .body, .dsl-card-section-popup .body .form-container .generic-card-container.field-field-media-viewer.pdf > .body, .window-manager-content > .form-container .generic-card-container.field-field-media-viewer.pdf > .body {
  flex-direction: column;
  flex: auto;
  display: flex;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.form-container-flyout .layout-form-content .form-container .generic-card-container.field-field-media-viewer.pdf > .body > iframe.pdf-iframe, .dsl-card-section-popup .layout-form-content .form-container .generic-card-container.field-field-media-viewer.pdf > .body > iframe.pdf-iframe, .dsl-card-section-popup .body .form-container .generic-card-container.field-field-media-viewer.pdf > .body > iframe.pdf-iframe, .window-manager-content > .form-container .generic-card-container.field-field-media-viewer.pdf > .body > iframe.pdf-iframe {
  flex: auto;
  width: 100%;
  min-height: 0 !important;
}

.form-container-flyout .layout-form-content .form-container .field-field-media-viewer, .dsl-card-section-popup .layout-form-content .form-container .field-field-media-viewer, .dsl-card-section-popup .body .form-container .field-field-media-viewer, .window-manager-content > .form-container .field-field-media-viewer {
  margin-bottom: 0;
}

.form[form="interactions_check"] .cardarea .area_header > h3:first-child {
  display: none;
}

.form[form="inv_tpn_solubility_curve"] {
  justify-content: center;
}

.form[form="inv_tpn_solubility_curve"] .cardarea.inv_tpn_solubility_curve > div.scrolltarget {
  float: left;
  margin: 0;
  flex: none !important;
  width: 50% !important;
  min-width: 50% !important;
  max-width: 50% !important;
}

.cardarea.master_recipe div.scrolltarget[section="tpn label"], .cardarea.master_recipe div.scrolltarget[section="iv label"] {
  float: left;
  box-sizing: border-box;
  width: 600px;
  margin: 0;
  min-width: 600px !important;
  max-width: 600px !important;
}

.cardarea.master_recipe div.scrolltarget[section="description"] {
  box-sizing: border-box;
  min-height: 750px;
  margin: 0;
  overflow: hidden;
  width: auto !important;
  min-width: 750px !important;
}

.cardarea.master_recipe div.scrolltarget[section="description"] + .scrolltarget {
  clear: both;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn {
  gap: var(--space-1);
  padding: var(--space-1);
  margin-top: var(--space-1);
  margin-right: var(--space-1);
  backdrop-filter: blur(2px) saturate(80%);
  background: #d4d4d438;
  border: 1px solid #94909066;
  border-radius: 6px;
  outline: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 0;
  box-shadow: 0 4px 30px #0000001a;
  cursor: pointer !important;
  color: var(--color-primary-ink) !important;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn i {
  font-size: var(--type-label);
  cursor: pointer;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn:hover {
  cursor: pointer;
}

[data-dsl-form="careplan_order_rx"] #generate-compounding-instructions-btn:hover i {
  font-weight: 500 !important;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls {
  overflow: visible !important;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .barcode-container, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner {
  width: fit-content;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan {
  text-align: center;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  padding: 10px var(--space-4);
  cursor: pointer;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  border-radius: 6px;
  width: auto;
  min-width: fit-content;
  transition: background-color .2s, box-shadow .2s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  flex-flow: row !important;
  display: flex !important;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan i, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan.disabled, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[disabled], [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[aria-disabled="true"], [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan.disabled i, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[disabled] i, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[aria-disabled="true"] i, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:disabled i, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan.disabled .icon, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[disabled] .icon, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[aria-disabled="true"] .icon, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:disabled .icon, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan.disabled svg, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[disabled] svg, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[aria-disabled="true"] svg, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:disabled svg {
  color: #fff;
  font-weight: 300;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan.disabled svg *, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[disabled] svg *, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan[aria-disabled="true"] svg *, [data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:focus-visible {
  box-shadow: none;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:hover {
  opacity: .9;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .controls .continues-scanner-scanner .start-scan:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--type-control);
  flex-shrink: 0;
  display: inline-block;
}

[data-dsl-form="encounter"] .form-group.encounter_nurse_vial_barcode .control-label {
  display: none !important;
}

[data-dsl-form="encounter"] .form-group.encounter_embed_nurse_vial_scanner .embedded_table table.dataTable tbody tr td:nth-child(5) {
  text-align: left;
  color: #0000 !important;
}

[data-dsl-form="encounter"] .form-group.encounter_embed_nurse_vial_scanner .embedded_table table.dataTable tbody tr td:nth-child(5):empty:before {
  content: "";
  vertical-align: middle;
  border: 1.5px solid #d5d7da;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
}

[data-dsl-form="encounter"] .form-group.encounter_embed_nurse_vial_scanner .embedded_table table.dataTable tbody tr td:nth-child(5):not(:empty) {
  font-size: 0;
}

[data-dsl-form="encounter"] .form-group.encounter_embed_nurse_vial_scanner .embedded_table table.dataTable tbody tr td:nth-child(5):not(:empty):before {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 8.35247V9.00414C16.4991 10.5316 15.9754 12.0179 15.007 13.2413C14.0386 14.4647 12.6775 15.3596 11.1265 15.7927C9.57557 16.2258 7.91794 16.1738 6.40085 15.6445C4.88376 15.1151 3.58849 14.1368 2.70822 12.8554C1.82795 11.574 1.40984 10.0582 1.51626 8.53402C1.62267 7.00987 2.24791 5.55903 3.29871 4.3979C4.34951 3.23676 5.76959 2.42753 7.34714 2.09091C8.92469 1.75428 10.5752 1.90829 12.0525 2.52997M16.5 3.33341L9 10.4238L6.75 8.29883' stroke='%236FA392' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
}

.form[form="view_patient_statement_detail"] .card-with-preview {
  align-items: center;
  width: 100%;
}

:root {
  --nav-label-size: 13px;
  --nav-label-weight: 500;
  --type-micro: 10px;
  --type-label: 12px;
  --type-value: 14px;
  --type-control: 16px;
  --type-row-line: 18px;
  --icon-size-xs: 16px;
  --icon-size-sm: 18px;
  --icon-size-md: 20px;
  --icon-size-lg: 24px;
  --icon-size-xl: 32px;
  --icon-size-2xl: 48px;
  --icon-size-inline: 14px;
  --type-display-1: 32px;
  --type-display-2: 24px;
  --type-display-3: 20px;
  --type-display-4: 18px;
  --font-size-xxsmall: var(--type-label);
  --font-size-xsmall: var(--type-value);
  --font-size-small: var(--type-value);
  --font-size-standard: var(--type-control);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 500;
  --font-weight-bold: 500;
  --font-weight-bolder: 500;
  --tracking-caps: .04em;
  --tracking-caps-wide: .08em;
  --line-height-xxsmall: 12px;
  --line-height-small: 16px;
  --line-height-standard: 18px;
  --line-height-medium: 20px;
  --line-height-xxxlarge: 28px;
  --line-height-xsmall-small: 15px;
}

.window-container .dsl-tab-header.level_1 .tab-list-button:not(.tab-active) .tab-label {
  color: var(--color-text);
}

.level-1-tab-list {
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-large);
  --strip-bg: #f1f1f1;
  --active-bg: var(--white);
  --tab-h: 38px;
  --radius: 10px;
  --shoulder: 18px;
  --baseline: #0000001a;
  background: var(--strip-bg);
  align-items: flex-end;
  gap: 0;
  position: relative;
  overflow: visible;
  width: 100% !important;
  display: flex !important;
}

.level-1-tab-list:after {
  content: "";
  background: var(--baseline);
  pointer-events: none;
  z-index: 1;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.level-1-tab-list .dsl-tab-header:before, .level-1-tab-list .dsl-tab-header:after, .level-1-tab-list .dsl-tab-header.level_1:before, .level-1-tab-list .dsl-tab-header.level_1:after {
  content: none !important;
  display: none !important;
}

.level-1-tab-list .tab-list-button {
  height: var(--tab-h);
  padding: 0 var(--space-4);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text);
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: inline-flex;
  position: relative;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  mask: none !important;
}

.level-1-tab-list .tab-list-button .tab-label {
  font-size: var(--nav-label-size);
  white-space: nowrap;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1.3;
}

.level-1-tab-list .tab-list-button:not(.tab-list-button:not(.hide) ~ *) {
  margin-left: var(--space-4);
}

.level-1-tab-list .tab-list-button:not(.tab-active):hover .tab-label {
  color: var(--color-tertiary);
}

.level-1-tab-list .tab-list-button.tab-active {
  z-index: 4;
  color: var(--color-tertiary, #5b83b0);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  padding-left: var(--space-5);
  padding-right: var(--space-5);
  margin-bottom: -4px;
  margin: 0 var(--space-1);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--active-bg) !important;
  box-shadow: none !important;
}

.level-1-tab-list .tab-list-button.tab-active:before, .level-1-tab-list .tab-list-button.tab-active:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
}

.level-1-tab-list .tab-list-button.tab-active .tab-label {
  z-index: 5;
  position: relative;
}

.level-1-tab-list .tab-list-button.tab-active:before {
  background: radial-gradient(circle at 0% 0%, transparent 14px, var(--white) 14px);
  left: -14px;
}

.level-1-tab-list .tab-list-button.tab-active:after {
  background: radial-gradient(circle at 100% 0%, transparent 14px, var(--white) 14px);
  right: -14px;
}

.level-1-tab-list .tab-list-button input[type="checkbox"] {
  appearance: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300, #b6bac2);
  cursor: pointer;
  border-radius: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .15s;
  position: relative;
  margin: 0 !important;
  margin-right: var(--spacing-small) !important;
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:hover {
  border-color: var(--color-primary-600);
  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px var(--color-primary-600);
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:focus, .level-1-tab-list .tab-list-button input[type="checkbox"]:focus-visible {
  border-color: var(--color-primary-600);
  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px var(--color-primary-600);
  outline: none;
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:checked {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.level-1-tab-list .tab-list-button input[type="checkbox"]:checked:hover {
  background-color: #6b61a3;
  border-color: #6b61a3;
}

.form-read-mode .level-1-tab-list .tab-list-button:has(input[type="checkbox"]:not(:checked)) {
  display: none;
}

#application .form-container.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  background-color: var(--white) !important;
}

#application .form-container.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before {
  background: radial-gradient(circle at 0% 0%, transparent 14px, var(--white) 14px);
}

#application .form-container.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  background: radial-gradient(circle at 100% 0%, transparent 14px, var(--white) 14px);
}

.dsl-templ-area [tabcontroller] {
  border-bottom: none !important;
}

.level-2-tab-list {
  flex-direction: row;
  align-items: center;
  display: flex;
  gap: var(--space-4) !important;
  width: 100% !important;
  padding: var(--space-2) 0 var(--space-3) var(--space-4) !important;
  flex-wrap: wrap !important;
}

.level-2-tab-list.tab-list-sub {
  background-color: none;
  border-left: none;
}

.level-2-tab-list .tab-list-button {
  cursor: pointer;
  background-color: none;
  gap: 0;
  transition: background-color .3s, border-radius .3s;
  display: flex;
  min-width: max-content !important;
  padding: 0 !important;
}

.level-2-tab-list .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text-600);
  font-size: var(--type-value);
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.level-2-tab-list .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: var(--color-primary) !important;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-toggle {
  color: #a2adc6;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-toggle:checked {
  color: var(--color-text-muted-ink) !important;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.level-2-tab-list .tab-list-button.toggle-tab .tab-label {
  color: var(--color-text-muted-ink);
  border-bottom: none;
  background-color: none !important;
  margin-top: 3px !important;
  margin-bottom: var(--spacing-xxsmall) !important;
  margin-left: var(--spacing-standard) !important;
}

.level-2-tab-list .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.level-2-tab-list .tab-list-button.toggle-tab input[type="checkbox"] {
  border: 2px solid var(--color-primary);
  appearance: none;
  cursor: pointer;
  border-radius: 30%;
  outline: none;
  position: relative;
}

.level-2-tab-list .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: var(--color-primary);
}

.level-2-tab-list .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-label);
  text-align: center;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.level-2-tab-list .tab-list-button.toggle-tab.tab-active {
  transition: border-radius .2s;
}

.level-2-tab-list .tab-list-button.toggle-tab.tab-active .tab-label {
  color: #fff;
  padding-top: var(--spacing-standard) !important;
  padding-bottom: var(--spacing-standard) !important;
  padding-left: var(--spacing-xxsmall) !important;
  padding-right: var(--spacing-xlarge) !important;
}

.level-2-tab-list .tab-list-button:first-child {
  gap: var(--space-2);
}

.level-2-tab-list .tab-list-button:first-child:after {
  content: "*";
  color: var(--color-error-ink);
  margin-right: var(--spacing-large);
  align-self: center;
  font-family: "Font Awesome 6 Pro";
}

.level-2-tab-list .tab-list-button.tab-active {
  background-color: none;
}

.level-2-tab-list .tab-list-button.tab-active:after {
  color: #f59d9d !important;
}

.level-2-tab-list .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-size: var(--type-control);
  border-bottom: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  padding: var(--space-1) var(--space-2) !important;
}

.level-2-tab-list .tab-list-button.tab-active input[type="checkbox"] {
  border: 2px solid #fff;
  margin-left: var(--spacing-standard) !important;
}

.level-2-tab-list .tab-list-button.tab-active input[type="checkbox"]:checked {
  background-color: #fff;
}

.level-2-tab-list .tab-list-button.tab-active input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-value);
  text-align: center;
  color: var(--color-primary-ink);
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.level-2-tab-list:before {
  content: none;
}

.tab-level-3-list {
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  display: flex;
  background-color: var(--color-background-400) !important;
  padding: var(--space-3) var(--space-4) !important;
  border-radius: 8px !important;
}

.tab-level-3-list .tab-list-button {
  cursor: pointer;
  background-color: none;
  align-items: center;
  gap: 0;
  display: flex;
  min-width: max-content !important;
}

.tab-level-3-list .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text-600);
  font-size: var(--type-value);
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.tab-level-3-list .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: var(--color-primary) !important;
}

.tab-level-3-list .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.tab-level-3-list .tab-list-button.toggle-tab .tab-label {
  color: var(--color-text-muted-ink);
  border-bottom: none;
  background-color: none !important;
}

.tab-level-3-list .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.tab-level-3-list .tab-list-button.toggle-tab input[type="checkbox"] {
  border: 2px solid var(--color-primary);
  appearance: none;
  cursor: pointer;
  margin-right: var(--spacing-small);
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  position: relative;
}

.tab-level-3-list .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: var(--color-primary);
}

.tab-level-3-list .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-label);
  text-align: center;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tab-level-3-list .tab-list-button.tab-active {
  cursor: pointer;
}

.tab-level-3-list .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-size: var(--type-value);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.tab-level-3-list .tab-list-button.tab-active:after {
  cursor: pointer;
}

.tab-level-3-list:before {
  content: none;
}

body.ReactModal__Body--open.flyout-topmost .ReactModal__Content .generic-card-container {
  transform: none !important;
}

body.has-flyout #application #flyout {
  position: absolute;
  bottom: 0;
  right: 0;
}

body.has-flyout #application #flyout .cardmenu {
  background: none;
  width: 280px;
}

body.has-flyout #application #flyout .form-segment-container-flyout-remove-backdrop, body.has-flyout #application #flyout .form-segment-container-flyout-remove-backdrop:before {
  opacity: unset !important;
  filter: unset !important;
}

body.has-flyout #application #flyout .form {
  width: 100%;
  padding: var(--spacing-large);
  z-index: var(--z-flyout);
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden auto;
}

body.has-flyout #application #flyout .form.flyout-with-shelf-element {
  opacity: unset !important;
  filter: unset !important;
}

body.has-flyout #application #flyout .form.flyout-with-shelf-element:before {
  opacity: unset !important;
  filter: unset !important;
  content: unset !important;
  background: unset !important;
}

body.has-flyout #application #flyout .form.flyout-with-shelf-element .form-segment-container-flyout {
  opacity: unset !important;
  filter: unset !important;
}

body.has-flyout #application #flyout .form.flyout-with-shelf-element .form-segment-container-flyout:before {
  opacity: unset !important;
  filter: unset !important;
  content: unset !important;
  background: unset !important;
}

body.has-flyout #application #flyout .form.flyout-with-shelf-element .form-segment-container-flyout .form-container-flyout {
  pointer-events: unset !important;
}

body.has-flyout #application #flyout .form:before {
  content: "";
  background: var(--color-overlay-dim);
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  will-change: opacity;
  transition: opacity .18s;
  position: fixed;
  inset: 0;
  backdrop-filter: none !important;
}

body.has-flyout #application #flyout .form:has(.form-segment-container-flyout):before {
  opacity: 1;
}

body.has-flyout #application #flyout .form:has(.form-segment-container-flyout-remove-backdrop):before {
  opacity: unset !important;
  backdrop-filter: unset !important;
  background: none !important;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout, body.has-flyout #application #flyout .form .form-container-flyout {
  z-index: 1;
  position: relative;
}

body.has-flyout #application #flyout .form .dsl-card-duel-card {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
  max-width: 95vw !important;
  max-height: 95vh !important;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout .inc-container {
  width: 100%;
  padding: var(--space-3);
  margin: 0;
}

body.has-flyout #application #flyout .form .form-segment-container-flyout .inc-container .header-container {
  padding: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout {
  --flyout-pad-top: var(--spacing-xxxlarge);
  height: 100%;
  padding-top: var(--flyout-pad-top);
  padding-right: var(--spacing-xxxlarge);
  padding-left: var(--spacing-xxxlarge);
  gap: var(--spacing-standard);
  isolation: isolate;
  background-color: #e9e9ec;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: min(400px, 100%);
  animation: .12s forwards flyout-content-appear;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  padding-bottom: calc(var(--spacing-xlarge) - var(--space-1)) !important;
  background-color: #e9e9ec !important;
  box-shadow: 0 12px 32px #1419283b !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container {
  padding: var(--spacing-standard);
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar {
  min-height: var(--header-min-height);
  max-height: var(--header-max-height);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--color-text);
  padding: 0px var(--spacing-standard);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  text-transform: uppercase;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  font-weight: 500;
  display: grid;
  position: relative;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar > .form-flyout-header-title, body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar > .form-header-left {
  grid-column: 1;
  justify-self: start;
  min-width: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar > .form-link-icons-container {
  grid-column: 2;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar > .close-flyout {
  grid-column: 3;
  justify-self: end;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-flyout-header-title {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-control);
  color: var(--gray-700, #565a62);
  text-transform: none;
  flex-direction: row;
  font-weight: 500;
  display: inline-flex;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .close-flyout {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: inline-flex;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .close-flyout img {
  width: 14px;
  height: 14px;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .close-flyout i {
  font-size: var(--icon-size-md);
  color: var(--color-text-muted-ink);
  font-weight: 300;
  line-height: 1;
  transition: color .15s;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .close-flyout i:hover {
  color: var(--color-text);
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left {
  align-items: center;
  gap: var(--space-3);
  flex-direction: row;
  display: flex;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon {
  cursor: pointer;
  background: none;
  border: 0;
  width: 36px;
  height: 36px;
  padding: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon i {
  font-size: var(--icon-size-sm);
  color: #5b83b0;
  font-weight: 300 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon:hover i {
  opacity: .6;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon:active i {
  opacity: .4;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon:focus {
  outline: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon:focus i {
  opacity: .7;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-flyout-header-bar .form-header-left .form-link-icon:disabled {
  opacity: .5;
  cursor: default;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea > .container.fieldgroup.area_header:not(.has-header) {
  margin-left: 0 !important;
  margin-right: calc(-1 * var(--spacing-standard)) !important;
  width: auto !important;
  max-width: none !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea:not(.dsl-card-duel-card *) > .container.fieldgroup.area_header:not(.has-header) {
  padding-right: var(--space-3) !important;
  margin-right: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea:not(.dsl-card-duel-card *) > .container.fieldgroup.area_header:not(.has-header) > .form-horizontal.form-col-1 {
  padding-right: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea:not(.dsl-card-duel-card *) > .container.fieldgroup.area_header:not(.has-header):not(:has( ~ .container.fieldgroup:not(.hide, .is-display-none))) {
  padding-bottom: var(--space-2) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea.todo {
  padding-left: var(--spacing-standard) !important;
  padding-right: var(--spacing-standard) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardarea.todo > .fieldgroup.form_todo > .form-horizontal.form-col-1 {
  width: 100% !important;
  margin-right: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container {
  z-index: var(--z-dropdown-local);
  pointer-events: auto;
  width: fit-content;
  max-width: calc(100% - 300px);
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--flyout-pad-top, var(--spacing-xxxlarge)) + 1px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: absolute !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container:has(.formerror:empty) {
  display: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror {
  width: fit-content;
  max-width: calc(100% - var(--edge-mark) / 2);
  margin: 0 0 0 calc(var(--edge-mark) / 2);
  padding-top: var(--space-1);
  padding-right: var(--space-3);
  padding-bottom: var(--space-1);
  white-space: nowrap;
  cursor: help;
  animation: .25s ease-out forwards flyoutFormErrorFadeIn;
  display: none;
  --edge-mark: 18px !important;
  --edge-notch: calc(var(--edge-mark) / 2 + 2px) !important;
  isolation: isolate !important;
  border-radius: var(--radius-medium) !important;
  padding-left: calc(var(--edge-mark) / 2 + var(--space-2)) !important;
  --edge-ring: color-mix(in srgb, var(--color-error-600) 25%, transparent) !important;
  color: var(--color-error-ink) !important;
  background: none !important;
  border: 0 !important;
  position: relative !important;
  box-shadow: 0 2px 8px #1419280f !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror:before {
  content: "" !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch)) !important;
  mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch)) !important;
  position: absolute !important;
  inset: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror:after {
  left: calc(var(--edge-mark) / -2) !important;
  width: var(--edge-mark) !important;
  height: var(--edge-mark) !important;
  margin-top: calc(var(--edge-mark) / -2) !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 0 0 1.5px var(--edge-rim) !important;
  content: "" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: calc(var(--edge-mark) * .6) !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  border-radius: 50% !important;
  place-items: center !important;
  line-height: 1 !important;
  display: grid !important;
  position: absolute !important;
  top: 50% !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror:before {
  background: color-mix(in srgb, color-mix(in srgb, var(--color-error-25), var(--color-error-200)) 55%, transparent) !important;
  box-shadow: inset 0 0 0 1px var(--edge-ring) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror:after {
  --edge-rim: var(--color-error-600) !important;
  background-color: var(--color-error-50) !important;
  color: var(--color-error-ink) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror div {
  text-overflow: ellipsis;
  font-size: var(--type-label);
  font-weight: var(--font-weight-medium);
  color: var(--color-error-ink);
  line-height: 16px;
  display: block;
  overflow: hidden;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror div:before {
  content: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .formerror-container .formerror div + div {
  display: none;
}

body.has-flyout #application #flyout .form .form-container-flyout:has( > .form-flyout-header-bar > .form-link-icons-container > *) .formerror-container {
  box-sizing: border-box;
  justify-content: center;
  max-width: none;
  display: flex;
  left: auto;
  transform: none;
  width: 100% !important;
  padding: 0 var(--formerror-inset-right, 0px) var(--space-2) var(--formerror-inset-left, 0px) !important;
  position: static !important;
  top: auto !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has( > .form-flyout-header-bar > .form-link-icons-container > *) .formerror-container .formerror {
  min-width: 0;
  max-width: calc(100% - var(--edge-mark) / 2) !important;
  margin: 0 0 0 calc(var(--edge-mark) / 2) !important;
  white-space: nowrap !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has( > .form-flyout-header-bar > .form-link-icons-container > *) .formerror-container .formerror div {
  white-space: nowrap;
}

@keyframes flyoutFormErrorFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content {
  gap: var(--spacing-standard);
  height: calc(100% -  var(--wizard-bottom-bar-height) - var(--layout-form-content-container));
  gap: var(--spacing-xlarge);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container {
  padding: 0px var(--flyout-form-container-p);
  padding-bottom: var(--spacing-xsmall);
  background-color: #0000;
  overflow-y: auto;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container.form-container-hidden {
  pointer-events: none;
  inset: 0;
  visibility: hidden !important;
  position: absolute !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container.form-container-with-preview {
  flex-direction: row !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container.form-container-with-preview > div {
  min-width: 0;
  flex: 50% !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area {
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  position: static !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area > div, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area > div > div {
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-templ-area .cardarea {
  padding-bottom: var(--spacing-xsmall) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .cardform:not(tr) {
  display: flex;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .cardarea:not(tr), body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-tab-container {
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-tab-header {
  z-index: 15;
  background-color: #0000;
  transition: background-color .3s, box-shadow .3s, border-color .3s;
  position: sticky;
  top: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .dsl-tab-header.scrolled {
  background: var(--white);
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 3px 12px #0000001f, 0 1px 4px #00000014;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .dsl-card-duel-card > .form-container, body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .card-with-preview > .form-container {
  flex-direction: row !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container {
  padding-bottom: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .form-container .cardarea {
  border-right-width: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .wizard-bottom-bar {
  background: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .wizard-bottom-bar > .action-btn-cnt {
  padding-left: 0;
  padding-right: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content .wizard-bottom-bar .action-btn-group-container {
  padding-top: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .carddrop .fa-clock-rotate-left {
  display: none;
}

body.has-flyout #application #flyout .form .form-container-flyout .cardform:has(.cardarea > h3) .carddrop {
  padding-top: var(--spacing-small-standard);
}

body.has-flyout #application #flyout .form #sections {
  height: 1px;
  overflow-y: hidden;
}

body.has-flyout #application #flyout .form .select2-dropdown-open .select2-choice, body.has-flyout #application #flyout .form .select2-dropdown-open .select2-choices {
  z-index: var(--z-flyout-dropdown-choice);
}

body.has-flyout #application #flyout .form .form-group:has(.select2-dropdown-open) .control-label {
  z-index: var(--z-flyout-dropdown-label) !important;
}

body.has-flyout #application #flyout .form .select2-drop {
  z-index: var(--z-flyout-dropdown);
}

body.has-flyout #application #flyout .form .select2-drop-mask {
  z-index: var(--z-flyout-dropdown-mask);
}

body.has-flyout #application #flyout .form .tabhead {
  z-index: var(--z-flyout-dropdown-label);
  background: #23b180;
  visibility: hidden !important;
}

body.has-flyout #application #flyout .form .tabhead h1, body.has-flyout #application #flyout .form .tabhead h2 {
  color: var(--white);
}

body.has-flyout #application #flyout .form .tabarea {
  min-height: 100%;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardmenu, body.has-flyout #application #flyout .form .tabarea .compare .readonlymode {
  display: none;
}

body.has-flyout #application #flyout .form .tabarea .compare .newdata {
  position: absolute;
  left: 0;
  display: block !important;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardarea {
  box-shadow: none;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardarea .form-horizontal {
  width: 70%;
}

body.has-flyout #application #flyout .form .tabarea .compare .cardarea .form-horizontal .newvalue {
  color: #090;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  position: absolute;
}

body.has-flyout #application #flyout .form .tabarea .flyout_html {
  padding: var(--space-3) var(--space-6) var(--space-6);
}

body.has-flyout #application #flyout .form .tabarea .flyout_html h4 {
  padding-top: var(--spacing-xlarge);
}

body.has-flyout #application #flyout .form .tabarea .flyout_html ul {
  margin-left: var(--spacing-xxxlarge);
  list-style-type: disc;
}

body.has-flyout #application #flyout .form .tabarea .flyout_html ul li {
  margin-bottom: var(--spacing-standard);
}

body.has-flyout #application #flyout .blocker {
  z-index: var(--z-flyout-blocker);
  opacity: 1;
  pointer-events: auto;
  inset: 0;
  position: fixed;
  inset: 0;
}

body.has-flyout #application #flyout .hide-close-button .close-flyout {
  visibility: hidden;
}

body.has-flyout #application #flyout .hide-close-button .form-flyout-header-bar {
  color: var(--color-background-950);
}

@keyframes flyout-content-appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ReactModal__Content, .ant-modal-root .ant-modal, .glass-modal-wrapper, #application #flyout .form, #application #flyout .form .form-segment-container-flyout {
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1);
}

.ant-modal-root .ant-modal .ant-modal-content, .ReactModal__Content .generic-card-container {
  border: 1px solid #ffffff8c !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 60px #0000002e !important;
}

body.ReactModal__Body--open:not(.has-flyout, :has(.ant-modal-wrap), :has(.glass-modal-overlay), :has(.bootstrap-dialog)) .ReactModal__Content {
  opacity: 1 !important;
  transform: none !important;
}

#application #flyout:has( > .form):has(.lvl-1-flyout) .form.hide-close-button .form-segment-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

#application #flyout:has( > .form):has(.lvl-1-flyout) .form.hide-close-button:before {
  opacity: 0 !important;
}

#application #flyout:has( > .form):has(.lvl-2-flyout) .form.hide-close-button .form-segment-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97) translateY(16px) !important;
}

#application #flyout:has( > .form):has(.lvl-2-flyout) .lvl-1-flyout .form-segment-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

#application #flyout:has( > .form):has(.lvl-2-flyout) .form.hide-close-button:before {
  opacity: 0 !important;
}

.ReactModal__Content.stacked-behind {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

.ReactModal__Content.stacked-behind .generic-card-container {
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  border: 1px solid #b4b4b44d !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

.ReactModal__Content.stacked-behind-layer-2 {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97) translateY(16px) !important;
}

.ReactModal__Overlay.stacked-behind-overlay {
  -webkit-backdrop-filter: none !important;
  background: none !important;
}

body.ReactModal__Body--open.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-segment-container-flyout, body.ReactModal__Body--open.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-container-flyout:not(.form-segment-container-flyout .form-container-flyout) {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-segment-container-flyout {
  box-shadow: none !important;
  border: none !important;
}

body.ReactModal__Body--open.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) .ReactModal__Content {
  opacity: 1 !important;
  transform: none !important;
}

body.ReactModal__Body--open.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-segment-container-flyout, body.ReactModal__Body--open.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-container-flyout {
  pointer-events: none;
  contain: layout style paint;
}

body.ReactModal__Body--open.flyout-topmost.has-flyout #application #flyout .form:not(.hide-close-button) .form-segment-container-flyout, body.ReactModal__Body--open.flyout-topmost.has-flyout #application #flyout .form:not(.hide-close-button) .form-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  contain: none !important;
  transform: none !important;
}

body.ReactModal__Body--open.flyout-topmost.has-flyout #application #flyout .form.hide-close-button .form-segment-container-flyout, body.ReactModal__Body--open.flyout-topmost.has-flyout #application #flyout .form.hide-close-button .form-container-flyout:not(.form-segment-container-flyout .form-container-flyout), body.ReactModal__Body--open.flyout-topmost.has-flyout .glass-modal-wrapper {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open.flyout-topmost.has-flyout .ReactModal__Content.ReactModal__Content--after-open {
  isolation: isolate;
}

body.ReactModal__Body--open.flyout-topmost.has-flyout .ReactModal__Content:not(.react-modal-above-flyout) .generic-card-container {
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  border: 1px solid #b4b4b44d !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open.flyout-topmost.has-flyout .ReactModal__Content.react-modal-above-flyout {
  opacity: 1 !important;
  transform: none !important;
}

body.ReactModal__Body--open.flyout-topmost.has-flyout .ReactModal__Content.react-modal-above-flyout .generic-card-container {
  opacity: 1 !important;
  border: 1px solid #ffffff8c !important;
  transform: none !important;
  box-shadow: 0 18px 60px #0000002e !important;
}

body.ReactModal__Body--open.has-flyout:has(.react-modal-above-flyout) #application #flyout .form:not(.hide-close-button) .form-segment-container-flyout, body.ReactModal__Body--open.has-flyout:has(.react-modal-above-flyout) #application #flyout .form:not(.hide-close-button) .form-container-flyout:not(.form-segment-container-flyout .form-container-flyout) {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.react-modal-above-flyout) #application #flyout > .form:before {
  opacity: 0 !important;
}

body.ReactModal__Body--open.flyout-topmost:has(#flyout .form) .ReactModal__Content:not(.react-modal-above-flyout) .generic-card-container {
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  border: 1px solid #b4b4b44d !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.has-flyout:has(.ant-modal-wrap, .glass-modal-overlay) .ant-modal-mask, body.has-flyout:has(.ant-modal-wrap, .glass-modal-overlay) .glass-modal-overlay {
  -webkit-backdrop-filter: none !important;
  background-color: #0000 !important;
}

body.has-flyout:has(.ant-modal-wrap, .glass-modal-overlay) .ant-modal-root .ant-modal, body.has-flyout:has(.ant-modal-wrap, .glass-modal-overlay) .glass-modal-wrapper {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay) .ReactModal__Overlay {
  -webkit-backdrop-filter: none !important;
  background: none !important;
}

body.ReactModal__Body--open:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay) .ReactModal__Content, body.ReactModal__Body--open.has-flyout:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay) .ant-modal-root .ant-modal, body.ReactModal__Body--open.has-flyout:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay) .glass-modal-wrapper {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay) .ReactModal__Content {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97) translateY(16px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay) #application #flyout:has(.lvl-1-flyout) .form.hide-close-button .form-segment-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay):has(.lvl-1-flyout) .ant-modal-root .ant-modal, body.ReactModal__Body--open:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay):has(.lvl-1-flyout) .glass-modal-wrapper {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97) translateY(16px) !important;
}

body.ReactModal__Body--open:has(.ant-modal-wrap:not(.is-display-none), .glass-modal-overlay):has(.lvl-1-flyout) .ReactModal__Content {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.96) translateY(24px) !important;
}

body:has(.bootstrap-dialog) #application #flyout > .form:before {
  opacity: 0 !important;
}

body:has(.bootstrap-dialog) #application #flyout .blocker {
  backdrop-filter: none !important;
  background: none !important;
}

body:has(.bootstrap-dialog) .ant-modal-mask, body:has(.bootstrap-dialog) .glass-modal-overlay {
  -webkit-backdrop-filter: none !important;
  background-color: #0000 !important;
}

body:has(.bootstrap-dialog) .ReactModal__Overlay {
  -webkit-backdrop-filter: none !important;
  background: none !important;
}

.modal-backdrop.in:has( ~ .modal-backdrop.in) {
  background-color: #0000 !important;
}

body.has-flyout:has(.bootstrap-dialog) #application #flyout .form .form-segment-container-flyout, body.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) #application #flyout .form .form-segment-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) .ant-modal-root .ant-modal, body.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) .glass-modal-wrapper {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97) translateY(16px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) #application #flyout .form .form-segment-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.98) translateY(8px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) .ant-modal-root .ant-modal, body.ReactModal__Body--open.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) .glass-modal-wrapper {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.97) translateY(16px) !important;
}

body.ReactModal__Body--open.has-flyout:has(.bootstrap-dialog):has(.ant-modal-wrap, .glass-modal-overlay) .ReactModal__Content {
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1) !important;
  transform: scale(.96) translateY(24px) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout .form-container .dsl-tab-header.level_1.tab-list-default {
  background-color: #e9e9ec !important;
}

body.has-flyout #application #flyout.compact .form .form-container-flyout .form-flyout-header-bar {
  grid-template-rows: 100%;
}

body.has-flyout #application #flyout.compact .form .form-container-flyout .form-flyout-header-bar > .form-link-icons-container {
  padding-top: 0;
  padding-bottom: 0;
}

body.has-flyout #application #flyout.compact .form .form-container-flyout .form-flyout-header-bar > .form-link-icons-container .form-link-icon .link-count-badge {
  top: -4px;
}

body.has-flyout #application #flyout.compact .form .dsl-card-duel-card .form-container-flyout {
  --flyout-pad-top: var(--space-4);
  padding-top: var(--flyout-pad-top);
}

body.has-flyout #application #flyout .form .cardarea > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .expandable-section-portal:not(.is-display-none))), body.has-flyout #application #flyout .form .cardarea > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .expandable-section-portal:not(.is-display-none))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))), body.has-flyout #application #flyout .form .cardarea > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .expandable-section-portal:not(.is-display-none))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group {
  flex-direction: column !important;
  flex: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .cardarea > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .expandable-section-portal:not(.is-display-none))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group > .controls {
  flex-direction: column !important;
  flex: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .cardarea > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .expandable-section-portal:not(.is-display-none))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group > .controls > .embedded_table {
  flex-direction: column !important;
  flex: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

body.has-flyout #application #flyout .form .cardarea > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .expandable-section-portal:not(.is-display-none))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group > .controls > .embedded_table .dsl-field-embed {
  flex: auto !important;
  min-height: 300px !important;
  max-height: none !important;
}

.dsl-container {
  gap: var(--space-2);
  border-radius: 12px;
}

.carddrop.pull-right {
  visibility: hidden !important;
  display: none !important;
}

.dsl-tab-container {
  border-radius: var(--radius-medium);
  background-color: #0000;
  flex-direction: column;
  display: flex;
  height: fit-content !important;
}

.dsl-tab-container.level_1 {
  height: 100% !important;
}

.dsl-tab-container .dsl-tab-area.level_1 {
  border-top-left-radius: var(--radius-medium);
  border-top-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}

.dsl-tab-container .dsl-tab-header {
  z-index: 10;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-shrink: 0;
  top: 0;
  overflow-y: hidden;
  position: sticky !important;
}

.dsl-tab-container .dsl-tab-header::-webkit-scrollbar-track {
  display: none;
}

.dsl-tab-container .dsl-tab-area {
  background-color: #fff;
  flex: 1;
  height: auto;
  min-height: 50px;
  overflow: hidden auto;
}

.dsl-tab-container .dsl-tab-area .container {
  background-color: #0000;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area > .container.fieldgroup:not([style*="display: none"], .hide) ~ .container.fieldgroup:not([style*="display: none"], .hide) > h4 {
  margin-top: var(--spacing-xlarge) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 {
  padding: var(--spacing-standard);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area {
  padding: 0 var(--space-1);
  border: 1px solid #e4e6ea;
  border-radius: 8px;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > .is-display-none) .dsl-tab-area.level_1:has( > .is-display-none), .dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > .is-display-none) .dsl-tab-area.level_2:has( > .is-display-none), .dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > .is-display-none) .dsl-tab-area.level_3:has( > .is-display-none), .dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-area:has( > .is-display-none) .dsl-tab-area.level_4:has( > .is-display-none) {
  border: none !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default {
  z-index: 9;
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  gap: 0;
  display: flex;
  top: 0;
  gap: var(--space-4) !important;
  width: 100% !important;
  padding: var(--space-2) 0 var(--space-3) var(--space-4) !important;
  flex-wrap: wrap !important;
  position: sticky !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default.tab-list-sub {
  background-color: none;
  border-left: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button {
  cursor: pointer;
  background-color: none;
  gap: 0;
  transition: background-color .3s, border-radius .3s;
  display: flex;
  min-width: max-content !important;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text-600);
  font-size: var(--type-value);
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: var(--color-primary) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-toggle {
  color: #a2adc6;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked {
  color: var(--color-text-muted-ink) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab .tab-label {
  color: var(--color-text-muted-ink);
  border-bottom: none;
  background-color: none !important;
  margin-top: 3px !important;
  margin-bottom: var(--spacing-xxsmall) !important;
  margin-left: var(--spacing-standard) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"] {
  border: 2px solid var(--color-primary);
  appearance: none;
  cursor: pointer;
  border-radius: 30%;
  outline: none;
  position: relative;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: var(--color-primary);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-label);
  text-align: center;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab.tab-active {
  transition: border-radius .2s;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab.tab-active .tab-label {
  color: #fff;
  padding-top: var(--spacing-standard) !important;
  padding-bottom: var(--spacing-standard) !important;
  padding-left: var(--spacing-xxsmall) !important;
  padding-right: var(--spacing-xlarge) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button:first-child {
  gap: var(--space-2);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button:first-child:after {
  content: "*";
  color: var(--color-error-ink);
  margin-right: var(--spacing-large);
  align-self: center;
  font-family: "Font Awesome 6 Pro";
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active {
  background-color: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active:after {
  color: #f59d9d !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-size: var(--type-control);
  border-bottom: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  padding: var(--space-1) var(--space-2) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active input[type="checkbox"] {
  border: 2px solid #fff;
  margin-left: var(--spacing-standard) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked {
  background-color: #fff;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-value);
  text-align: center;
  color: var(--color-primary-ink);
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default:before {
  content: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default {
  z-index: 8;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  display: flex;
  top: 0;
  box-shadow: 0 0 2px #0000001f, 0 2px 3px -1px #00000014;
  background-color: var(--color-background-400) !important;
  padding: var(--space-3) var(--space-4) !important;
  border-radius: 8px !important;
  position: sticky !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button {
  cursor: pointer;
  background-color: none;
  align-items: center;
  gap: 0;
  display: flex;
  min-width: max-content !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text-600);
  font-size: var(--type-value);
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: var(--color-primary) !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab .tab-label {
  color: var(--color-text-muted-ink);
  border-bottom: none;
  background-color: none !important;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"] {
  border: 2px solid var(--color-primary);
  appearance: none;
  cursor: pointer;
  margin-right: var(--spacing-small);
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  position: relative;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: var(--color-primary);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-label);
  text-align: center;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.tab-active {
  cursor: pointer;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-size: var(--type-value);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default .tab-list-button.tab-active:after {
  cursor: pointer;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_2 .dsl-tab-header.level_3.tab-list-default:before {
  content: none;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_3 {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_3 .dsl-tab-area {
  background: #fff;
}

.dsl-tab-container .dsl-tab-area.level_1 .dsl-tab-container.level_3 .dsl-tab-area.level_3 {
  border: 1px solid var(--gray-200) !important;
}

.dsl-tab-container .dsl-tab-area.level_3 .scrolltarget {
  width: 100%;
}

.dsl-tab-container.level_1:has( > .is-display-none) .dsl-tab-area, .dsl-tab-container.level_2:has( > .is-display-none) .dsl-tab-area, .dsl-tab-container.level_3:has( > .is-display-none) .dsl-tab-area, .dsl-tab-container.level_4:has( > .is-display-none) .dsl-tab-area {
  background: var(--color-background-400) !important;
}

.dsl-tab-container.level_1:has( > .is-display-none) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > .is-display-none) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > .is-display-none) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > .is-display-none) .dsl-tab-area.level_1:not(:has(.dsl-tab-container)), .dsl-tab-container.level_1:has( > .is-display-none) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > .is-display-none) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > .is-display-none) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > .is-display-none) .dsl-tab-area.level_2:not(:has(.dsl-tab-container)), .dsl-tab-container.level_1:has( > .is-display-none) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > .is-display-none) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > .is-display-none) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > .is-display-none) .dsl-tab-area.level_3:not(:has(.dsl-tab-container)), .dsl-tab-container.level_1:has( > .is-display-none) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)), .dsl-tab-container.level_2:has( > .is-display-none) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)), .dsl-tab-container.level_3:has( > .is-display-none) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)), .dsl-tab-container.level_4:has( > .is-display-none) .dsl-tab-area.level_4:not(:has(.dsl-tab-container)) {
  border: none !important;
}

.dsl-tab-container .dsl-tab-header[style*="display: none"] + .dsl-tab-area, .dsl-tab-container .dsl-tab-header[style*="display:none"] + .dsl-tab-area, .dsl-tab-container .dsl-tab-header.hide + .dsl-tab-area {
  border: none !important;
  padding: 0 !important;
}

.dsl-tab-container ~ div.container {
  padding-left: var(--spacing-xxxlarge) !important;
  padding-right: var(--spacing-xxxlarge) !important;
}

.dsl-tab-area {
  display: none;
}

.dsl-tab-area:has(.container.fieldgroup:not(.hide, .is-display-none, .is-visibility-hidden)) {
  display: block;
}

.dsl-tab-area.level_1 {
  border-top-right-radius: 4px;
}

.dsl-tab-area.level_2:not(:has(.fieldgroup:not(.hide, .is-display-none))), .dsl-tab-area.level_3:not(:has(.fieldgroup:not(.hide, .is-display-none))) {
  display: none !important;
}

.dsl-tab-header.level_1, .dsl-tab-header.level_1 .nav-tabs > li.active > a {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.dsl-tab-header.level_1.tab-list-default {
  padding-left: var(--spacing-large);
  padding-right: var(--spacing-large);
  --strip-bg: #f1f1f1;
  --active-bg: var(--white);
  --tab-h: 38px;
  --radius: 10px;
  --shoulder: 18px;
  --baseline: #0000001a;
  background: var(--strip-bg);
  z-index: 10;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  align-items: flex-end;
  gap: 0;
  animation: linear both cr-tab-strip-fade scroll(self inline);
  position: relative;
  top: 0;
  overflow: visible;
  flex-wrap: nowrap !important;
  width: 100% !important;
  display: flex !important;
  position: sticky !important;
  overflow: auto hidden !important;
}

.dsl-tab-header.level_1.tab-list-default:after {
  content: "";
  background: var(--baseline);
  pointer-events: none;
  z-index: 1;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.dsl-tab-header.level_1.tab-list-default .dsl-tab-header:before, .dsl-tab-header.level_1.tab-list-default .dsl-tab-header:after, .dsl-tab-header.level_1.tab-list-default .dsl-tab-header.level_1:before, .dsl-tab-header.level_1.tab-list-default .dsl-tab-header.level_1:after {
  content: none !important;
  display: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button {
  height: var(--tab-h);
  padding: 0 var(--space-4);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text);
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: inline-flex;
  position: relative;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  mask: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button .tab-label {
  font-size: var(--nav-label-size);
  white-space: nowrap;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1.3;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button:not(.tab-list-button:not(.hide) ~ *) {
  margin-left: var(--space-4);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button:not(.tab-active):hover .tab-label {
  color: var(--color-tertiary);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  z-index: 4;
  color: var(--color-tertiary, #5b83b0);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  padding-left: var(--space-5);
  padding-right: var(--space-5);
  margin-bottom: -4px;
  margin: 0 var(--space-1);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--active-bg) !important;
  box-shadow: none !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before, .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 0;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active .tab-label {
  z-index: 5;
  position: relative;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before {
  background: radial-gradient(circle at 0% 0%, transparent 14px, var(--white) 14px);
  left: -14px;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  background: radial-gradient(circle at 100% 0%, transparent 14px, var(--white) 14px);
  right: -14px;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"] {
  appearance: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300, #b6bac2);
  cursor: pointer;
  border-radius: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .15s;
  position: relative;
  margin: 0 !important;
  margin-right: var(--spacing-small) !important;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:hover {
  border-color: var(--color-primary-600);
  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px var(--color-primary-600);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:focus, .dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:focus-visible {
  border-color: var(--color-primary-600);
  box-shadow: 0px 0px 0px 2px white, 0px 0px 0px 4px var(--color-primary-600);
  outline: none;
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:checked {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-tab-header.level_1.tab-list-default .tab-list-button input[type="checkbox"]:checked:hover {
  background-color: #6b61a3;
  border-color: #6b61a3;
}

.form-read-mode .dsl-tab-header.level_1.tab-list-default .tab-list-button:has(input[type="checkbox"]:not(:checked)) {
  display: none;
}

.dsl-tab-header.level_1.tab-list-default::-webkit-scrollbar {
  display: none;
}

.dsl-tab-header.level_1.tab-list-default > .tab-list-button {
  flex: none;
}

@keyframes cr-tab-strip-fade {
  0% {
    mask-image: linear-gradient(to right, #000 calc(100% - 32px), #0000);
  }

  3%, 97% {
    mask-image: linear-gradient(to right, #0000, #000 32px calc(100% - 32px), #0000);
  }

  100% {
    mask-image: linear-gradient(to right, #0000, #000 32px);
  }
}

.container.area_header + .dsl-tab-container.level_1 {
  margin-bottom: var(--spacing-xlarge);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default {
  background-color: #fff;
  flex-direction: row;
  align-items: center;
  display: flex;
  gap: var(--space-4) !important;
  width: 100% !important;
  padding: var(--space-2) 0 var(--space-3) var(--space-4) !important;
  padding-left: var(--space-4) !important;
  flex-wrap: wrap !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default.tab-list-sub {
  background-color: none;
  border-left: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button {
  cursor: pointer;
  background-color: none;
  gap: 0;
  transition: background-color .3s, border-radius .3s;
  display: flex;
  min-width: max-content !important;
  padding: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button .tab-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  color: var(--color-text-600);
  font-size: var(--type-value);
  border-bottom: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  overflow: hidden;
  padding: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab {
  box-shadow: none;
  accent-color: var(--color-primary) !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-toggle {
  color: #a2adc6;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked {
  color: var(--color-text-muted-ink) !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-toggle:checked:disabled {
  background-image: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab .tab-label {
  color: var(--color-text-muted-ink);
  border-bottom: none;
  background-color: none !important;
  margin-top: 3px !important;
  margin-bottom: var(--spacing-xxsmall) !important;
  margin-left: var(--spacing-standard) !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[disabled] {
  -webkit-text-fill-color: white;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"] {
  border: 2px solid var(--color-primary);
  appearance: none;
  cursor: pointer;
  border-radius: 30%;
  outline: none;
  position: relative;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked {
  background-color: var(--color-primary);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-label);
  text-align: center;
  color: #fff;
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab.tab-active {
  transition: border-radius .2s;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.toggle-tab.tab-active .tab-label {
  color: #fff;
  padding-top: var(--spacing-standard) !important;
  padding-bottom: var(--spacing-standard) !important;
  padding-left: var(--spacing-xxsmall) !important;
  padding-right: var(--spacing-xlarge) !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button:first-child {
  gap: var(--space-2);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button:first-child:after {
  content: "*";
  color: var(--color-error-ink);
  margin-right: var(--spacing-large);
  align-self: center;
  font-family: "Font Awesome 6 Pro";
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  background-color: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:after {
  color: #f59d9d !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-size: var(--type-control);
  border-bottom: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  padding: var(--space-1) var(--space-2) !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active input[type="checkbox"] {
  border: 2px solid #fff;
  margin-left: var(--spacing-standard) !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked {
  background-color: #fff;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active input[type="checkbox"]:checked:after {
  content: "";
  font-family: FontAwesome;
  font-size: var(--type-value);
  text-align: center;
  color: var(--color-primary-ink);
  line-height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default:before {
  content: none;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button {
  background-color: #0000 !important;
  border-inline: none !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  mask: none !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button:after, .container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active:before {
  display: none !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button .tab-label {
  color: var(--gray-700);
  font-size: var(--type-value);
  padding: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active {
  height: 100% !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.container.area_header + .dsl-tab-container.level_1 .dsl-tab-header.level_1.tab-list-default .tab-list-button.tab-active .tab-label {
  color: #fff;
  font-size: var(--type-value);
  background-color: var(--color-tertiary);
  border-radius: 6px;
  font-weight: 500;
  padding: var(--space-2) var(--space-3) !important;
}

.dsl-information {
  flex-direction: column;
  display: flex;
}

.form-readonly-pill {
  align-self: center;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-xxxlarge);
  background: var(--color-warning-25);
  border: 1px solid var(--color-warning-100);
  color: var(--color-warning-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  white-space: nowrap;
  font-weight: 500;
  display: inline-flex;
}

.form-readonly-pill i {
  font-size: var(--type-value);
}

.form-top-warning.action-warning {
  --edge-mark: 18px;
  --edge-notch: calc(var(--edge-mark) / 2 + 2px);
  isolation: isolate;
  border-radius: var(--radius-medium);
  padding-left: calc(var(--edge-mark) / 2 + var(--space-2));
  --edge-ring: color-mix(in srgb, var(--color-warning-600) 22%, transparent);
  color: var(--color-warning-ink);
  box-sizing: border-box;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  line-height: 16px;
  font-weight: var(--font-weight-medium);
  width: fit-content;
  max-width: calc(100% - var(--edge-mark));
  margin: var(--space-2) auto;
  text-align: center;
  padding-top: var(--space-1);
  padding-right: var(--space-3);
  padding-bottom: var(--space-1);
  background: none;
  border: 0;
  flex-shrink: 0;
  align-self: center;
  position: relative;
  box-shadow: 0 2px 8px #1419280f;
}

.form-top-warning.action-warning:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch));
  mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch));
  position: absolute;
  inset: 0;
}

.form-top-warning.action-warning:after {
  left: calc(var(--edge-mark) / -2);
  width: var(--edge-mark);
  height: var(--edge-mark);
  margin-top: calc(var(--edge-mark) / -2);
  pointer-events: none;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1.5px var(--edge-rim);
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-size: calc(var(--edge-mark) * .6);
  text-indent: 0;
  letter-spacing: 0;
  border-radius: 50%;
  place-items: center;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 50%;
}

.form-top-warning.action-warning:before {
  background: color-mix(in srgb, color-mix(in srgb, var(--color-warning-25), var(--color-warning-100)) 55%, transparent);
  box-shadow: inset 0 0 0 1px var(--edge-ring);
}

.form-top-warning.action-warning:after {
  --edge-rim: var(--color-warning);
  background-color: var(--color-warning-50);
  color: var(--color-warning-800);
}

.form-top-warning-anchor {
  display: none;
}

.input-checkbox {
  accent-color: #9974ce;
  color: #9974ce;
  border: 2px solid #9974ce;
  width: 18px;
  height: 18px;
}

.tab-toggle:checked:disabled {
  background-size: inherit;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M2 7L6 11L12 3' stroke='%239974cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-position: center;
  border: 2px solid #9974cf;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  content: "" !important;
}

.dsl-card-duel-card {
  gap: var(--space-2);
}

.dsl-card-duel-card .dsl-tab-area {
  padding: var(--spacing-standard) !important;
  overflow-x: hidden !important;
}

.dsl-card-duel-card .cardarea {
  padding: 0 !important;
}

.dsl-card-duel-card > .form-container {
  flex-direction: row !important;
}

#application .dsl-card-duel-card .form-container-with-preview > .dsl-templ-area {
  container: duelformpane / inline-size;
}

@container duelformpane (width <= 939px) {
  #application .dsl-card-duel-card .form-container-with-preview > .dsl-templ-area .cardarea:not(tr) .fieldgroup > .form-horizontal.form-col-3:not(.fh-json), #application .dsl-card-duel-card .form-container-with-preview > .dsl-templ-area .cardarea:not(tr) .fieldgroup > .form-horizontal.form-col-4:not(.fh-json), #application .dsl-card-duel-card .form-container-with-preview > .dsl-templ-area .cardarea:not(tr) .fieldgroup > .form-horizontal.form-col-modifier {
    width: calc(50% - 8px) !important;
  }
}

#application .dsl-card-duel-card .form-container.form-read-mode .dsl-templ-area .cardread .cardarea {
  padding-bottom: 0 !important;
}

.form-container {
  justify-content: space-around;
  gap: var(--spacing-standard);
  height: calc(100% -  var(--wizard-bottom-bar-height) - var(--spacing-standard));
  flex-direction: row;
  width: 100%;
  display: flex;
}

.form-container .section-compact {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.form-container .carddrop input[type="checkbox"] {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.form-container .carddrop input[type="checkbox"]:hover:before {
  border: 2px solid #58505b;
}

.form-container .carddrop input[type="checkbox"]:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid var(--color-border-500);
  display: block;
}

.form-container .carddrop input[type="checkbox"]:checked:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M2 7L6 11L12 3' stroke='%239974cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.form-container .tab-toggle {
  accent-color: #9974ce;
  color: #9974ce;
  border: 2px solid #9974ce;
  width: 18px;
  height: 18px;
  margin-top: auto;
  margin-bottom: auto;
}

.form-container.hide-cardmenu .cardmenu-show, .form-container.hide-cardmenu .cardmenu.dropmenu.affix {
  display: none !important;
}

.form-container .cardform {
  background: none;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.form-container .cardform.oneitem {
  background: var(--white);
}

.form-container .cardform.hasmenu {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column !important;
}

.form-container .cardarea .formerror-container + .container, .form-container .cardform .formerror-container + .container {
  margin-top: var(--spacing-xxxlarge);
}

.form-container .cardarea .formerror-container, .form-container .cardform .formerror-container {
  z-index: 1;
  text-align: center;
  position: relative;
}

.form-container .cardarea .formerror-container .formerror, .form-container .cardform .formerror-container .formerror {
  cursor: help;
  display: none;
  --edge-mark: 18px !important;
  --edge-notch: calc(var(--edge-mark) / 2 + 2px) !important;
  isolation: isolate !important;
  border-radius: var(--radius-medium) !important;
  padding-left: calc(var(--edge-mark) / 2 + var(--space-2)) !important;
  --edge-ring: color-mix(in srgb, var(--color-error-600) 25%, transparent) !important;
  color: var(--color-error-ink) !important;
  width: fit-content !important;
  max-width: calc(100% - 300px) !important;
  margin: var(--spacing-large) auto 0 !important;
  padding-top: var(--space-1) !important;
  padding-right: var(--space-3) !important;
  padding-bottom: var(--space-1) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  background: none !important;
  border: 0 !important;
  position: relative !important;
  box-shadow: 0 2px 8px #1419280f !important;
}

.form-container .cardarea .formerror-container .formerror:before, .form-container .cardform .formerror-container .formerror:before {
  content: "" !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch)) !important;
  mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch)) !important;
  position: absolute !important;
  inset: 0 !important;
}

.form-container .cardarea .formerror-container .formerror:after, .form-container .cardform .formerror-container .formerror:after {
  left: calc(var(--edge-mark) / -2) !important;
  width: var(--edge-mark) !important;
  height: var(--edge-mark) !important;
  margin-top: calc(var(--edge-mark) / -2) !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  box-shadow: inset 0 0 0 1.5px var(--edge-rim) !important;
  content: "" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: calc(var(--edge-mark) * .6) !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  border-radius: 50% !important;
  place-items: center !important;
  line-height: 1 !important;
  display: grid !important;
  position: absolute !important;
  top: 50% !important;
}

.form-container .cardarea .formerror-container .formerror:before, .form-container .cardform .formerror-container .formerror:before {
  background: color-mix(in srgb, color-mix(in srgb, var(--color-error-25), var(--color-error-200)) 55%, transparent) !important;
  box-shadow: inset 0 0 0 1px var(--edge-ring) !important;
}

.form-container .cardarea .formerror-container .formerror:after, .form-container .cardform .formerror-container .formerror:after {
  --edge-rim: var(--color-error-600) !important;
  background-color: var(--color-error-50) !important;
  color: var(--color-error-ink) !important;
}

.form-container .cardarea .formerror-container .formerror div, .form-container .cardform .formerror-container .formerror div {
  text-overflow: ellipsis !important;
  font-size: var(--type-label) !important;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-error-ink) !important;
  line-height: 16px !important;
  display: block !important;
  overflow: hidden !important;
}

.form-container .cardarea .formerror-container .formerror div:before, .form-container .cardform .formerror-container .formerror div:before {
  content: none !important;
}

.form-container .cardarea .formerror-container .formerror div + div, .form-container .cardform .formerror-container .formerror div + div {
  display: none !important;
}

.form-container .cardform .formerror-container {
  width: 100% !important;
}

.form-container .cardarea:not(tr) {
  width: 100%;
  height: 100%;
  padding-top: var(--density-cardarea-pad-y);
  padding-bottom: var(--density-cardarea-pad-y);
  background-color: var(--color-transparent-white);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden auto;
  flex-direction: column !important;
  display: flex !important;
}

.form-container .cardarea:not(tr) > .fieldgroup {
  flex: none;
}

.form-container .cardarea:not(tr) > .fieldgroup:first-child > h4:first-child {
  display: none !important;
}

.form-container .cardarea:not(tr) > .fieldgroup:first-child {
  padding-top: var(--density-section-pad-y) !important;
}

.form-container .cardarea:not(tr) .formerror-container .formerror {
  animation: .25s ease-out forwards cardFormErrorFadeIn;
}

@keyframes cardFormErrorFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form-container .cardarea:not(tr) > .container:first-child {
  margin-top: var(--spacing-xxxlarge);
}

.form-container .cardarea:not(tr):has(:nth-child(2).dsl-tab-container), .form-container .cardarea:not(tr):has(:first-child.dsl-tab-container) {
  background-color: #0000 !important;
}

.form-container .cardarea:not(tr):has( > .container.fieldgroup:not(.is-display-none, .hide) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, :empty, h3, h4, .is-display-none, .is-visibility-hidden)) {
  background-color: var(--color-transparent-white) !important;
}

.form-container .cardarea:not(tr) .container {
  background-color: #0000;
  padding: 0;
}

.form-container .cardarea:not(tr) .container:has(.area-header) {
  margin-bottom: var(--spacing-xlarge);
}

.form-container .cardarea:not(tr) > .container.fieldgroup.has-header, .form-container .cardarea:not(tr) > h3 ~ .container.fieldgroup.has-header, .form-container .cardarea:not(tr) > h4 ~ .container.fieldgroup.has-header {
  margin-bottom: var(--density-section-pad-y);
  padding-top: var(--density-section-gap) !important;
  margin-left: var(--spacing-xlarge) !important;
  margin-right: var(--spacing-xlarge) !important;
  padding-bottom: var(--density-section-pad-y) !important;
}

.form-container .cardarea:not(tr) .dsl-tab-container .dsl-tab-header.container {
  background-color: #0000;
}

.form-container .cardarea:not(tr) .hl-container {
  z-index: var(--z-max);
  background-color: #f5f7fa;
  border: 1px solid #05050533;
  border-radius: 3px;
  flex-direction: column;
  width: 300px;
  display: flex;
  position: absolute;
  right: 250px;
}

.form-container .cardarea:not(tr) .hl-container .h-content-continer {
  padding: var(--h-content-container);
}

.form-container .cardarea:not(tr) .hl-container .h-content-continer .h-content {
  font-size: var(--type-micro);
  padding-bottom: var(--h-content-pb);
  padding-left: var(--h-content-pl);
  justify-content: space-between;
  font-weight: 500;
  display: flex;
}

.form-container .cardarea:not(tr) .hl-container .h-content-continer hr {
  border-top: 1px solid #05050533;
  width: -webkit-fill-available;
  margin: 0;
}

.form-container .cardarea:not(tr) .hl-container .h-content-continer:hover {
  background-color: #d6dce4;
}

.form-container .cardarea:not(tr) .hl-container .heading {
  margin: 0;
  margin-top: var(--spacing-standard);
  margin-top: var(--hl-container-heading-mt);
  color: #0070bd;
}

.form-container .cardarea:not(tr) .hl-container .heading .heading-text {
  margin-left: var(--hl-container-heading-text-ml);
}

.form-container .cardarea:not(tr) .hl-container .heading hr {
  margin: 0;
  margin-top: var(--hl-container-heading-hr-mt);
  border-top: 1px solid #05050533;
  width: -webkit-fill-available;
}

.form-container .cardarea:not(tr) > h3 {
  padding: 0 var(--space-1);
  align-items: center;
  gap: var(--space-1);
  border-bottom: none;
  line-height: 1;
  display: flex;
  color: #58759a !important;
  font-size: var(--type-value) !important;
  font-weight: 400 !important;
}

.form-container .cardarea:not(tr) > h3 .audit-trail {
  display: none;
}

.form-container .cardarea:not(tr) > h3[tabgroupid] {
  padding-top: var(--tab-group-id-h4-pt);
  background-color: #0000;
}

.form-container .cardarea:not(tr) .fieldgroup > div:first-child.sectionnote {
  margin-top: var(--density-section-pad-y) !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h5.groupnote {
  padding-top: calc(var(--space-2) + 5.5px);
  font-style: italic;
  margin-left: var(--spacing-large) !important;
  margin-top: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > .form-horizontal:not(.offscreen, .hide, .is-display-none):has( > .form-group > .controls-grid.subform):not(:has( > .form-group > .control-label), .form-horizontal:not(.offscreen, .hide, .is-display-none) ~ *) {
  padding-top: 7px;
}

.form-container .cardarea:not(tr) .fieldgroup > h3:not([tabgroupid]) {
  z-index: 2;
  padding: 0 var(--space-1);
  align-items: center;
  gap: var(--space-1);
  background-color: #fff;
  border-bottom: none;
  line-height: 1.15;
  display: flex;
  position: absolute;
  top: 0;
  left: 4px;
  transform: translateY(-50%);
  margin: 0 !important;
  margin-left: var(--spacing-xsmall) !important;
  color: #6a7f9d !important;
  font-size: var(--type-control) !important;
  font-weight: 400 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h3:not([tabgroupid]) .audit-trail {
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup > h3:not([tabgroupid]).required-section {
  color: #d26158 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h3:not([tabgroupid]).required-section:after {
  content: "*";
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.form-container .cardarea:not(tr) .fieldgroup.has-header {
  border: 1px solid #54606e1a;
  border-radius: 10px;
  position: relative;
  padding: var(--density-section-pad-y) var(--space-2) !important;
  margin-top: var(--density-section-gap-lg) !important;
  min-width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
}

.form-container .cardarea:not(tr) .fieldgroup.has-header:has(.has-error) > h3:not([tabgroupid]) {
  color: var(--color-error-ink) !important;
}

.form-container .cardarea:not(tr) .fieldgroup.has-header > .form-horizontal + .form-horizontal:not(.form-col-1, .form-col-rowstart) {
  padding-left: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup.has-header > .form-horizontal:last-of-type {
  margin-right: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup:not(.has-header) {
  padding: 0;
}

.form-container .cardarea:not(tr) .fieldgroup.form_contact.has-header {
  min-width: 100% !important;
  max-width: 100% !important;
  margin-bottom: var(--density-section-gap) !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h4 {
  padding: var(--field-group-h4-p);
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
  text-transform: uppercase;
  color: var(--color-tertiary);
  margin: var(--space-1) 0px;
  margin: var(--field-group-h4-m);
  width: 100%;
  padding-left: var(--spacing-xsmall);
  letter-spacing: var(--tracking-caps);
  color: var(--color-tertiary) !important;
  font-size: var(--font-size-xxsmall) !important;
  font-weight: 500 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h4.required-section {
  color: #d26158 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h4.required-section:after {
  content: "*";
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.form-container .cardarea:not(tr) .fieldgroup.highlight-section {
  box-shadow: none;
  background-color: #f8f1ec;
  border-radius: 12px;
  transition: background-color .5s;
  animation: 1s 1s forwards fadeOutBackground;
}

.form-container .cardarea:not(tr) .fieldgroup.highlight-section:hover {
  box-shadow: 0 2px 4px #18100a14;
  box-shadow: none;
  background-color: #fff;
}

@keyframes fadeOutBackground {
  from {
    background-color: #f8f1ec;
  }

  to {
    background-color: #fff;
  }
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-label-line {
  background: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-area {
  background: none !important;
  margin-top: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-area textarea {
  border: 1px solid var(--gray-100) !important;
}

.form-container .cardarea:not(tr) .fieldgroup > .form-horizontal.fh-area:not(:last-child) {
  padding-right: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > .form-horizontal:not(.fh-area) + .form-horizontal.fh-area {
  margin-top: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup > h3:has( + .form-horizontal .form-group .control-nonfocusable) {
  padding-bottom: var(--density-section-pad-y) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal {
  vertical-align: top;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label {
  left: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-embedded_table, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal:has(.form-group .controls .dsl-field-embed), .form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-grid {
  align-self: flex-start !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-embedded_table .form-group .control-label, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal:has(.form-group .controls .dsl-field-embed) .form-group .control-label, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-grid .form-group .control-label {
  left: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-embedded_table .form-group > .controls {
  height: auto !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-grid .form-group > .controls-grid {
  margin-left: var(--spacing-large);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-json:not(.fh-embedded_table, .fh-grid, .fh-esign, .fh-file) .form-group .control-label {
  left: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.fh-file .form-group .control-label {
  left: var(--field-content-inset) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group {
  transition: padding-bottom .2s ease-out;
  position: relative;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:after {
  content: "";
  --fg-underline-weight: 1px;
  height: calc(var(--fg-underline-weight) + 1px);
  -webkit-mask-image: linear-gradient(to top, #000 0, #000 var(--fg-underline-weight), transparent var(--fg-underline-weight));
  mask-image: linear-gradient(to top, #000 0, #000 var(--fg-underline-weight), transparent var(--fg-underline-weight));
  background-color: var(--gray-100);
  pointer-events: none;
  z-index: 3;
  transition: bottom .2s ease-out, border-color .15s ease-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.is-focused:not(.fg-readonly, .fg-nonfocusable, .no-floating-label):after {
  --fg-underline-weight: 2px;
  background-color: var(--color-tertiary);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-file:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:has(.controls .dsl-field-embed):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-grid:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-subform:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:has(.sf-table-container):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:has(table.subform-editable-table):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-barcode:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-color:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:has(.select2-container-disabled):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-checkbox-only:not(.fg-select):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-checkbox:not(.fg-select):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-radio:not(.fg-select):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-area:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:has(.controls > .textarea-wrapper):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-nonfocusable:not(.has-error):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-readonly:not(.has-error):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-esign:has(.is-readonly):not(.has-error):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.no-floating-label:not(.has-error):after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .controls-grid.subform .form-group:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .sf-table-container .form-group:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal table.subform-editable-table .form-group:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .dsl-field-embed .form-group:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .dsl-grid-view .form-group:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .embedded_table .form-group:after {
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.section-required-check {
  width: 100% !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.section-required-check > div {
  gap: var(--space-2) !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  display: flex !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.section-required-check > div > label {
  width: max-content !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-1 {
  width: 100%;
  margin-right: 0;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-2 {
  vertical-align: bottom;
  width: calc(50% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-3 {
  vertical-align: bottom;
  width: calc(33.3333% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-4, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-modifier {
  vertical-align: bottom;
  width: calc(25% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-addr_1 {
  vertical-align: bottom;
  width: calc(33% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-addr_2, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-addr_city {
  vertical-align: bottom;
  width: calc(16.8% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-addr_state {
  vertical-align: bottom;
  width: calc(21% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-addr_state .select2-container > a.select2-choice {
  display: block;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal.form-col-addr_zip {
  vertical-align: bottom;
  width: calc(12.4% - 8px);
  margin-right: var(--spacing-standard);
  display: inline-flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group:not(.fg-area, .fg-checkbox, .fg-radio) {
  align-self: flex-end;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group {
  gap: var(--density-row-gap);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-label-line > .controls {
  border-bottom: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-label-line > label.control-label {
  text-align: right !important;
  padding-right: var(--space-2) !important;
  justify-content: flex-end !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-label-line > label.control-label .label-text, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-label-line > label.control-label span {
  text-align: right !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-color > .controls {
  padding-bottom: var(--spacing-small);
  padding-left: var(--field-content-inset);
  padding-top: var(--space-8) !important;
  flex-direction: row !important;
  align-items: center !important;
  display: flex !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.fg-color.fg-readonly > .controls {
  padding-bottom: var(--spacing-xsmall);
  padding-top: var(--spacing-small) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls:has( > input.api_prefill) > div:not(.dropdown-container) {
  height: 0;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox {
  cursor: pointer;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-primary-ink);
  overflow: hidden;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox span {
  pointer-events: auto;
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input {
  opacity: 0;
  z-index: 12;
  cursor: pointer;
  width: 0;
  height: 18px;
  margin-left: 0;
  position: absolute;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span {
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:focus {
  outline: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input + span:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid var(--color-border-500);
  vertical-align: middle;
  margin-right: var(--checkbox-input-span-before-mr);
  margin-top: var(--checkbox-input-span-before-tmp-mt);
  margin-bottom: var(--spacing-xxsmall);
  line-height: 18px;
  display: inline-block;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span:before {
  display: inline-block;
  box-shadow: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input[disabled="disabled"] + span {
  color: var(--color-text-300);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span {
  color: var(--color-text-900);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:hover + span:before, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input + span:hover:before {
  border-color: #58505b;
  box-shadow: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:active + span:before, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked:active + span:before {
  box-shadow: none !important;
  border: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:not([type="checkbox"]):disabled + span:before, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:not([type="checkbox"])[disabled] + span:before, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox input:not([type="checkbox"]).disabled + span:before {
  color: var(--color-text-200);
  background-color: var(--disabled-background-200) !important;
  border-color: var(--color-border) !important;
  box-shadow: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes label.checkbox:focus-visible {
  outline: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-1 label.checkbox {
  width: 100%;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-2 label.checkbox {
  width: 45%;
  margin-right: var(--checkboxes-checkbox-2-mr);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-3 label.checkbox {
  width: 30%;
  margin-right: var(--checkboxes-checkbox-3-mr);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-4 label.checkbox {
  width: 23%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-5 label.checkbox {
  width: 18%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-6 label.checkbox {
  width: 14%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-7 label.checkbox {
  width: 12%;
  margin-right: var(--checkboxes-checkbox-4-mr);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox {
  all: unset;
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  justify-content: center;
  align-items: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  width: auto !important;
  min-height: 20px !important;
  padding: var(--btn-primary-p) !important;
  border-radius: .6rem !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox .icon {
  color: #58505b;
  font-weight: 300;
  font-size: var(--type-control);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[aria-disabled="true"], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #6057631f 0%, #5049531f 100%);
  --btn-disabled-ink: #58505b;
  color: #58505b;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: none;
  transform: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled] i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[aria-disabled="true"] i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled] .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[aria-disabled="true"] .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled svg, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled] svg, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[aria-disabled="true"] svg, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled svg {
  color: #58505b;
  font-weight: 300;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox.disabled svg *, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[disabled] svg *, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox[aria-disabled="true"] svg *, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:focus-visible {
  box-shadow: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox img {
  filter: brightness(.5);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:hover img {
  filter: brightness(400%);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:hover {
  color: #58505b;
  background-color: #58505b1f;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) {
  text-align: center !important;
  text-transform: uppercase !important;
  padding: var(--space-2) var(--space-4) !important;
  font-kerning: normal !important;
  text-rendering: auto !important;
  font-synthesis-style: none !important;
  font-synthesis-weight: none !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  touch-action: manipulation !important;
  color: #fff !important;
  box-sizing: border-box !important;
  background: linear-gradient(#19bfdcbf 0%, #15a7c0bf 100%) !important;
  border: 0 !important;
  border-radius: .6rem !important;
  min-height: 20px !important;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  transition: box-shadow .15s, transform .15s !important;
  transform: translateY(0) !important;
  box-shadow: 0 2px 2px #0f7789bf, 0 2px 5px #0000000f !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) .icon {
  color: #fff !important;
  font-weight: 300 !important;
  font-size: var(--type-control) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[aria-disabled="true"], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled {
  --btn-disabled-bg: linear-gradient(180deg, #19bfdcbf 0%, #15a7c0bf 100%) !important;
  --btn-disabled-ink: #fff !important;
  color: #fff !important;
  box-shadow: none !important;
  opacity: .45 !important;
  filter: none !important;
  cursor: not-allowed !important;
  background: linear-gradient(#19bfdcbf 0%, #15a7c0bf 100%) !important;
  border: none !important;
  transform: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled] i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[aria-disabled="true"] i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled i, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled] .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[aria-disabled="true"] .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled .icon, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled svg, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled] svg, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[aria-disabled="true"] svg, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled svg {
  color: #fff !important;
  font-weight: 300 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked).disabled svg *, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[disabled] svg *, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked)[aria-disabled="true"] svg *, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):disabled svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  color: #fff !important;
  filter: brightness(1.03) saturate(1.02) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: translateY(1px) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):focus-visible {
  box-shadow: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px !important;
  outline: 2px solid #0000 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none !important;
  transform: translateY(1px) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked) img {
  filter: brightness(400%) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):hover img {
  filter: brightness(.5) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox:has( > input:checked):hover {
  background-color: #17b3cebf !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox span {
  all: unset !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox span:hover, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox span:before {
  background: none;
  all: unset !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls > .checkboxes.dsl-button > label.checkbox input + span:before {
  all: unset;
  display: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls .barcode input {
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls input[disabled], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls input[readonly], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls select[readonly], .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls select[disabled] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .controls .barcode-container {
  margin-bottom: var(--spacing-large);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage {
  background-color: var(--white);
  justify-content: flex-end;
  gap: var(--spacing-small);
  width: 36px;
  height: 100%;
  padding-bottom: var(--spacing-standard);
  color: #5a595880;
  padding: 2px var(--spacing-large) 2px 0;
  padding-bottom: calc(var(--spacing-large) + 8px - 10px);
  border-bottom: none;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage a {
  color: #5a595880;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  display: flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage a:before {
  content: "abl";
  color: #0000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  align-items: center;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  display: flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage a:hover:before {
  background-size: 20px;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage a.manage-add:before {
  content: "";
  color: var(--color-text-muted-ink);
  font-family: "Font Awesome 6 Pro";
  font-size: var(--type-label);
  background: none;
  font-weight: 300 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage a.manage-edit:before, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .manage a.manage-list:before {
  content: "";
  color: var(--color-text-muted-ink);
  font-family: "Font Awesome 6 Pro";
  font-size: var(--type-label);
  background: none;
  font-weight: 300 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label {
  align-items: center;
  gap: var(--control-label-g);
  width: calc(100% - 40px);
  color: var(--label-color);
  font-size: var(--font-size-xxsmall);
  font-weight: 500;
  line-height: var(--field-label-lh);
  z-index: 5;
  top: var(--field-label-top);
  display: flex;
  position: absolute;
  left: var(--field-content-inset) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label .form-group {
  position: relative;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label .form-group.is-focused .control-label, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label .form-group.has-value .control-label, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label .form-group.has-dropdown-open .control-label {
  top: var(--field-label-top);
  font-size: var(--type-label);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label .form-group.fg-area .control-label {
  top: var(--field-label-top);
  font-size: var(--font-size-xsmall);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label:has( + .controls input[type="color"]) {
  left: var(--field-content-inset) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label:before {
  flex-shrink: 0;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span {
  cursor: pointer !important;
  color: var(--color-tertiary) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span:hover {
  text-decoration: underline;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span > i {
  color: var(--color-tertiary) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.clickable-label > span .required-label {
  color: var(--color-error-ink) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.clickable-label:before {
  filter: brightness(0) saturate() invert(48%) sepia(11%) saturate(1000%) hue-rotate(178deg) brightness(90%) contrast(95%);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.important {
  color: var(--brand-800);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.important .input {
  color: var(--brand-800) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.important:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.money {
  color: #679989;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.money .input {
  color: #679989 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.money:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  width: 10px;
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.discount {
  color: #50749c;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.discount:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.status {
  color: var(--brand-800);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.status .input {
  color: var(--brand-800) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.status:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.claim-field:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: #5a8db0;
  width: 10px;
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.check-field {
  color: #f57066;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.check-field:before {
  content: ".";
  color: #0000;
  width: 10px;
  height: 12px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.fdb-field {
  align-items: baseline;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.fdb-field:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  color: #5a8db0;
  width: 10px;
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.fdb-field .required-label {
  align-self: center;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.cms-1500-field {
  align-items: baseline;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.cms-1500-field:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  color: #5a8db0;
  width: 10px;
  height: 12px;
  line-height: 1;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label.cms-1500-field .required-label {
  align-self: center;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label .required-label {
  color: var(--color-error-ink);
  font-size: var(--type-display-3);
  padding-top: var(--spacing-standard);
  line-height: 0;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .control-label i.audit-trail {
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container {
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-xsmall);
  flex-direction: row;
  display: flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container:has(span:empty):not(:has( > span > span:not(:empty))) {
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .note {
  clear: both;
  text-align: left;
  height: 22px;
  margin: 0;
  font-style: italic;
  position: relative;
  overflow: visible;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .note b {
  padding-right: var(--spacing-standard);
  font-size: var(--font-size-xsmall);
  color: #cc7878;
  font-weight: normal;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .note span {
  font-size: var(--font-size-xsmall);
  color: var(--color-text-muted-ink);
  vertical-align: center;
  font-weight: normal;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container span {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  -webkit-box-orient: vertical;
  max-height: 3em;
  margin: 0;
  line-height: 1.2;
  overflow: hidden;
  display: -webkit-box !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container span:not(:empty) {
  min-width: 50%;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .errormsg {
  color: var(--color-error-ink);
  font-size: var(--font-size-xxsmall);
  text-align: right;
  padding: var(--spacing-standard);
  background-color: var(--color-background-200);
  border: 2px solid var(--color-error-600);
  border-radius: 6px;
  align-items: center;
  gap: 20%;
  width: 100%;
  height: 49px;
  margin: 0;
  font-weight: normal;
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .errormsg:empty {
  display: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .errormsg i {
  width: 12px;
  height: 10px;
  margin-bottom: var(--spacing-xxsmall);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .errormsg .errormsg-text {
  gap: var(--space-5);
  line-height: 18px;
  display: flex;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .help-container .warningmsg {
  color: var(--color-warning-ink);
  font-size: var(--font-size-xsmall);
  text-align: right;
  font-weight: normal;
  display: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) {
  padding-bottom: var(--spacing-xxxlarge) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) > label.control-label {
  color: var(--color-error-ink) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) > label.control-label .field-error-icon {
  display: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) > label.control-label * {
  color: var(--color-error-ink) !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) > label.control-label:before {
  filter: invert(70%) sepia(40%) saturate(500%) hue-rotate(330deg) brightness(140%) contrast(90%);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform):after {
  background-color: var(--color-error-500);
  bottom: 16px;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform):focus-within:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).has-dropdown-open:after {
  background-color: var(--gray-100);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).fg-select:after {
  transition: none;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).fg-select:focus-within:after, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).fg-select.has-dropdown-open:after {
  background-color: var(--color-error-500);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) .help-container {
  left: var(--field-content-inset);
  padding: 0;
  right: 0;
  height: 14px !important;
  margin: 0 !important;
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) .help-container .note, .form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) .help-container .warningmsg {
  display: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) .help-container .errormsg {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  margin-top: var(--spacing-xxsmall) !important;
  text-align: left !important;
  font-size: var(--type-label) !important;
  color: var(--color-error-ink) !important;
  background-color: #0000 !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  display: block !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).no-floating-label {
  padding-bottom: var(--space-4);
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).no-floating-label .help-container {
  left: 0;
  right: 0;
  bottom: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform).no-floating-label + .help-container {
  margin-top: -12px !important;
  display: block !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-error:not(.fg-inline-control, .fg-subform) .custom-error-popover {
  display: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group.has-warning .warningmsg {
  display: block;
}

.form-container .cardarea:not(tr) .fieldgroup .form-horizontal .form-group .subform .has-warning .warningmsg {
  margin-top: -5px !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide) {
  overflow: visible;
  flex-direction: column !important;
  display: flex !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide) > .form-horizontal.fh-embedded_table {
  padding-left: var(--spacing-standard) !important;
  flex-direction: column !important;
  display: flex !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide) > .form-horizontal.fh-embedded_table > .form-group > .control-label {
  top: 0 !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide) > .form-horizontal.fh-embedded_table > .form-group > .controls {
  height: auto;
  flex-direction: column !important;
  display: flex !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide) > .form-horizontal.fh-embedded_table > .form-group > .controls:not(:has(td.dataTables_empty), :has(.ag-overlay-no-rows-center)) .dsl-field-embed {
  min-height: 250px !important;
  max-height: 250px !important;
  overflow-y: auto !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide) > .form-horizontal.fh-embedded_table > .form-group > .controls:is(:has(td.dataTables_empty), :has(.ag-overlay-no-rows-center)) .dsl-field-embed {
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}

.cardread .form-container .cardarea:not(tr) .fieldgroup:has( > .form-horizontal.fh-embedded_table:not(.offscreen)):not(:has( > .form-horizontal + .form-horizontal), .hide, :has( ~ .scrolltarget:not(.hide))) > .form-horizontal.fh-embedded_table > .form-group > .controls:not(:has(td.dataTables_empty), :has(.ag-overlay-no-rows-center)) .dsl-field-embed {
  max-height: none !important;
}

.form-container .cardarea:not(tr) .fieldgroup > .form-horizontal.fh-embedded_table > .form-group > .controls > .embedded_table {
  margin-top: var(--embed-label-gap);
  margin-left: 0;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed:has(.dsl-action-btn) {
  margin-bottom: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dsl-grid-view, .form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dataTables_scroll {
  flex: 0 auto !important;
  min-height: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dsl-grid-view {
  height: auto !important;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dsl-grid-view .repeaterwrap, .form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dsl-grid-view .repeaterwrap > div {
  min-height: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dsl-grid-view .repeaterwrap > div {
  flex-direction: column !important;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .dsl-grid-view .dataTables_wrapper {
  min-height: 0 !important;
}

.form-container .cardarea:not(tr) .fieldgroup .dsl-field-embed .compact-btns-container {
  background-color: var(--white, #fff);
  z-index: 1;
  padding-top: var(--spacing-xsmall);
  padding-bottom: var(--spacing-xsmall);
  flex-shrink: 0 !important;
  position: relative !important;
  bottom: auto !important;
}

.form-container.form-add-mode .cardform .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-addfill-mode .cardform .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-edit-mode .cardform .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-add-mode .cardform .form-horizontal .form-group .control-label i.audit-trail, .form-container.form-addfill-mode .cardform .form-horizontal .form-group .control-label i.audit-trail, .form-container.form-edit-mode .cardform .form-horizontal .form-group .control-label i.audit-trail {
  display: none;
}

.form-container.form-add-mode .cardform .form-horizontal .form-group .control-label i.audit-trail-grid, .form-container.form-addfill-mode .cardform .form-horizontal .form-group .control-label i.audit-trail-grid, .form-container.form-edit-mode .cardform .form-horizontal .form-group .control-label i.audit-trail-grid {
  display: none !important;
}

.form-container.form-add-mode .cardform .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-addfill-mode .cardform .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-edit-mode .cardform .form-horizontal .form-group:has(.manage) .control-label {
  width: calc(100% - 120px) !important;
}

.form-container.form-add-mode .cardarea, .form-container.form-addfill-mode .cardarea, .form-container.form-edit-mode .cardarea {
  padding-top: var(--spacing-large);
}

.form-container.form-add-mode .cardarea .scrolltarget:has(:not(.is-display-none)), .form-container.form-addfill-mode .cardarea .scrolltarget:has(:not(.is-display-none)), .form-container.form-edit-mode .cardarea .scrolltarget:has(:not(.is-display-none)) {
  flex-wrap: wrap;
  width: 100%;
  display: block;
}

.form-container.form-add-mode .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-addfill-mode .form-horizontal .form-group:has(.manage) .control-label, .form-container.form-edit-mode .form-horizontal .form-group:has(.manage) .control-label {
  width: calc(100% - 120px) !important;
}

.form-container.form-edit-mode .dsl-templ-area .cardread.hasmenu, .form-container.form-read-mode .dsl-templ-area .cardread.hasmenu {
  justify-content: space-evenly;
  display: flex;
  flex-direction: row-reverse !important;
}

.form-container.form-edit-mode .carddrop, .form-container.form-read-mode .carddrop {
  justify-content: flex-end;
  display: flex;
  gap: var(--edit-read-cardrop-g) !important;
}

.form-container.form-edit-mode .carddrop.pull-right .fa-clock-rotate-left, .form-container.form-read-mode .carddrop.pull-right .fa-clock-rotate-left {
  display: none;
}

.form-container.form-edit-mode .carddrop:hover.pull-right .fa-clock-rotate-left, .form-container.form-read-mode .carddrop:hover.pull-right .fa-clock-rotate-left {
  display: block;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label .fld-adt-hsty-con, .form-container.form-read-mode .form-horizontal .form-group .control-label .fld-adt-hsty-con {
  display: inline-block;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label i.audit-trail, .form-container.form-read-mode .form-horizontal .form-group .control-label i.audit-trail {
  display: none;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label i.audit-trail-grid, .form-container.form-read-mode .form-horizontal .form-group .control-label i.audit-trail-grid {
  margin-top: var(--cl-i-audit-trail-grid-mt);
  padding-left: var(--cl-i-audit-trail-grid-tmp-pl);
  display: none !important;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label:hover, .form-container.form-read-mode .form-horizontal .form-group .control-label:hover {
  cursor: pointer;
}

.form-container.form-edit-mode .form-horizontal .form-group .control-label:hover i.audit-trail, .form-container.form-read-mode .form-horizontal .form-group .control-label:hover i.audit-trail, .form-container.form-edit-mode .form-horizontal .form-group .control-label:hover i.audit-trail-grid, .form-container.form-read-mode .form-horizontal .form-group .control-label:hover i.audit-trail-grid {
  display: block !important;
}

.form-container.form-edit-mode .fieldgroup h3:has(.audit-h3-inline), .form-container.form-read-mode .fieldgroup h3:has(.audit-h3-inline) {
  align-items: center;
  width: 100%;
  display: inline-flex;
}

.form-container.form-edit-mode .fieldgroup h3 .audit-h3-inline, .form-container.form-read-mode .fieldgroup h3 .audit-h3-inline {
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  width: auto !important;
  margin-left: var(--spacing-small) !important;
  vertical-align: middle !important;
  align-items: center !important;
  display: inline-flex !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

.form-container.form-edit-mode .fieldgroup:hover h3 .audit-h3-inline, .form-container.form-read-mode .fieldgroup:hover h3 .audit-h3-inline {
  opacity: 1;
  pointer-events: auto;
}

.form-container.form-edit-mode .fieldgroup:hover h3 .audit-h3-inline i.audit-trail, .form-container.form-read-mode .fieldgroup:hover h3 .audit-h3-inline i.audit-trail {
  display: block !important;
}

.form-container.form-edit-mode + .wizard-bottom-bar, .form-container.form-add-mode + .wizard-bottom-bar, .form-container.form-read-mode + .wizard-bottom-bar {
  background: none !important;
}

.action-btn-cnt {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.wizard-bottom-bar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  margin-top: 0;
  display: flex;
}

.wizard-bottom-bar > .action-btn-cnt {
  padding-left: var(--spacing-standard);
  padding-right: var(--spacing-standard);
  overflow: visible;
}

#application .window-manager-content:has( > .form-container:not(.form-read-mode) .cardarea > .dsl-tab-container) > .wizard-bottom-bar > .action-btn-cnt {
  padding-left: 0;
}

#application :has( > .form-container.form-read-mode):not(:has( > .form-container:is(.expandable-sections-enabled, .has-expandable-root))):not(:has( > .form-container.form-read-mode .dsl-tab-container)) > .wizard-bottom-bar > .action-btn-cnt {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

#application .window-manager-content:has( > .form-container:not(.form-read-mode, .form-container-with-preview)):not(:has( > .form-container .dsl-tab-container)):not(:has( > .form-container:is(.expandable-sections-enabled, .has-expandable-root))):not(:has( > .form-container .cardarea.expandable-sections-enabled)) > .wizard-bottom-bar > .action-btn-cnt {
  padding-left: 0;
  padding-right: 0;
}

#application .form-container:not(.form-read-mode) .cardarea:has( > .dsl-tab-container) {
  padding-bottom: 0;
}

.action-btn {
  -webkit-user-select: none;
  user-select: none;
  padding: var(--action-btn-p);
  margin: var(--action-btn-m);
  color: #fff;
  background: #5b83b0;
  border-radius: 20px;
  align-items: center;
  display: flex;
}

.form-container {
  flex-direction: row;
  display: flex;
}

.form-container .form-card-menu {
  flex-direction: column;
  min-width: 200px;
  display: flex;
}

.dsl-templ-area {
  scrollbar-gutter: stable;
  background-color: #0000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
}

.dsl-templ-area .section-menu-header-hc {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.dsl-templ-area h4[tabgroupid], .dsl-templ-area h3[tabgroupid] {
  color: var(--color-tertiary);
  font-size: var(--font-size-xxsmall);
  text-transform: uppercase !important;
  padding-top: var(--spacing-xxxxxxlarge) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
}

.dsl-templ-area h4[tabgroupid]:has( + .container.fieldgroup.hide), .dsl-templ-area h3[tabgroupid]:has( + .container.fieldgroup.hide) {
  display: none;
}

.dsl-templ-area #application:not(:has(.form-container.form-read-mode)) .dsl-templ-area [tabgroupid] {
  border-image: linear-gradient(#dbdbdd, #fff 200px) 1;
}

.dsl-templ-area div[tabgroupid][style="display: none;"] + div[tabgroupid] {
  display: block;
}

.dsl-templ-area .dsl-templ-area .container.fieldgroup[tabgroupid] ~ .container.fieldgroup[tabgroupid].has-subform-grid:not(.dsl-tab-area .container.fieldgroup[tabgroupid]) {
  margin-top: var(--spacing-xlarge) !important;
}

.dsl-templ-area [tabcontroller] {
  border-bottom: 1px solid #dbdbdd;
  border-left: 0;
  margin-bottom: 0 !important;
  overflow-x: auto !important;
}

.dsl-templ-area [tabcontroller] > .tab-list-button {
  border-bottom: none;
}

.dsl-templ-area div[tabcontroller] + div[tabgroupid] {
  border-left: 1px solid;
}

.dsl-templ-area .sf-table-container {
  overflow-y: auto;
}

.dsl-templ-area table.subform-editable-table .gridedit-subrow > * {
  min-width: 100% !important;
}

.dsl-templ-area table.subform-editable-table .gridedit-subrow br {
  display: none;
}

.dsl-templ-area:has(.dsl-tab-container) {
  background-color: #0000;
}

.dsl-templ-area:has(.formload:not(.is-display-none)) {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-container .form-horizontal:not(:has( > :not(.is-display-none))) {
  padding: unset !important;
  display: none !important;
}

.form-container .container.fieldgroup:not(:has( > :not(.offscreen, .hide, .sectionnote:empty, :empty, h3, h4, .is-display-none, .is-visibility-hidden))) {
  display: none !important;
}

.form-container [data-section-name][data-hide-header="true"]:not(:has( > .form-horizontal:not(.offscreen):not(.hide):not(.is-display-none):not(.is-display-none):not(.is-visibility-hidden):has( > :not(.is-display-none)))) {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
}

.cardarea .form-group .controls:has(input.no-val[value=""]):before, .cardarea .form-group .controls:has(input.no-val:not([value])):before {
  content: "-";
  top: var(--field-label-float-pad);
  line-height: calc(var(--field-row-height-readonly, var(--field-row-height)) - var(--field-label-float-pad));
  left: var(--field-content-inset);
  color: var(--gray-700);
  font-weight: normal;
  font-size: var(--type-control);
  padding-top: 0;
  position: absolute;
}

#application .cardarea .form-group.fg-label-line .controls:has(input.no-val[value=""]):before, #application .cardarea .form-group.fg-label-line .controls:has(input.no-val:not([value])):before, #application .cardarea .form-group.fh-label-line .controls:has(input.no-val[value=""]):before, #application .cardarea .form-group.fh-label-line .controls:has(input.no-val:not([value])):before {
  content: none;
}

.cardread .form-group .controls:has(input.no-val[value=""]):before, .cardread .form-group .controls:has(input.no-val:not([value])):before {
  line-height: normal;
  top: 0;
}

.form-add-mode .form-group .controls-grid .control-label:has(.audit-trail-grid) {
  display: none !important;
}

.fieldgroup {
  counter-reset: label-counter;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly .controls {
  cursor: default;
  background-color: #f5f5f5;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly .controls * {
  cursor: default;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-embedded_table > .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-subform > .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-input > .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-select > .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-file > .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-datetime > .controls {
  background-color: #0000;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-esign > .controls {
  background-color: #0000;
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 8px);
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-readonly.fg-radio > .controls {
  background-color: #0000;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-nonfocusable .controls, #application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-nonfocusable .controls * {
  cursor: not-allowed;
}

.fieldgroup .form-horizontal.fh-label-directions {
  counter-increment: label-counter;
}

.form-group.fg-label-directions .controls {
  align-items: flex-end;
  display: flex;
}

.form-group.fg-label-directions .controls:before {
  content: "_";
  color: #0000;
  font-size: var(--form-fs-lmd);
  background-image: url("menu-single-icon.bc57e9b3.svg");
  background-position: center;
  background-repeat: no-repeat;
  padding-bottom: 1px;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: 24px;
}

.form-container br {
  content: "";
  width: 100%;
  display: block;
}

.form-container br + br {
  display: none;
}

.form-container .esign-link br {
  display: block;
}

.form-container br + br + br {
  display: none;
}

.form-container #application .form-horizontal .form-group.fg-media-viewer .controls {
  height: auto !important;
  min-height: 28px !important;
  overflow: visible !important;
}

.form-container br + .form-horizontal:has( > .is-display-none) + br, .form-container .form-horizontal:has( > .is-display-none) + br + br, .form-container br + br + .form-horizontal:has( > .is-display-none) + br + br {
  display: none;
}

#application .form-horizontal .form-group .controls > input, #application .form-horizontal .form-group .controls input.unit {
  width: 100%;
  margin-right: var(--spacing-xlarge);
  min-height: var(--field-row-height);
  padding-left: var(--field-content-inset);
  padding-right: var(--spacing-large);
  padding-bottom: 0;
  padding-top: var(--field-label-float-pad);
  box-sizing: border-box;
  color: var(--gray-700);
  line-height: 0;
  font-size: var(--type-control);
  border: none;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

#application .form-horizontal .form-group .controls > input::placeholder, #application .form-horizontal .form-group .controls input.unit::placeholder {
  color: var(--gray-300);
}

#application .form-horizontal .form-group .controls > input[type="color"], #application .form-horizontal .form-group .controls > input[type="color"][readonly], #application .form-horizontal .form-group .controls > input[type="color"][disabled] {
  box-sizing: border-box !important;
  vertical-align: middle !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  display: inline-block !important;
  overflow: hidden !important;
}

#application .form-horizontal .form-group .controls input.label-line, #application .form-horizontal .form-group .controls div.label-line {
  box-shadow: none;
  border-radius: unset;
  padding-top: var(--spacing-large);
  outline: none;
  max-width: 100%;
  min-height: auto;
  border-bottom: 1px solid var(--gray-100) !important;
}

#application .form-horizontal .form-group .controls input.label-line-70 {
  background-size: 70ch 1px !important;
  width: 70ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-50 {
  background-size: 50ch 1px !important;
  width: 50ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-45 {
  background-size: 45ch 1px !important;
  width: 45ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-23 {
  background-size: 23ch 1px !important;
  width: 23ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-37 {
  background-size: 37ch 1px !important;
  width: 37ch !important;
}

#application .form-horizontal .form-group .controls input.label-line-17 {
  background-size: 17ch 1px !important;
  width: 17ch !important;
}

#application .form-horizontal .form-group .controls > input[readonly], #application .form-horizontal .form-group .controls > input[disabled] {
  background: var(--color-background-400);
  box-shadow: none;
  outline: none;
  padding-left: var(--field-content-inset) !important;
  padding-top: var(--field-label-float-pad) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  min-height: var(--field-row-height) !important;
  background-image: none !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls input[disabled].label-line, #application .form-horizontal .form-group .controls input[readonly].label-line {
  margin-bottom: 0;
  margin-left: 0;
  padding-top: var(--spacing-large) !important;
  min-height: auto !important;
  padding-bottom: 0 !important;
  padding-left: var(--field-content-inset) !important;
  background: none !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group {
  gap: var(--space-2);
  width: 100%;
  display: flex;
}

#application .form-horizontal .form-group .unit-field-control .input-group input.unit {
  width: 100%;
}

#application .form-horizontal .form-group .unit-field-control .input-group input[readonly], #application .form-horizontal .form-group .unit-field-control .input-group input[disabled] {
  background: var(--color-background-400);
  box-shadow: none;
  outline: none;
  margin-bottom: -10px;
  margin-left: -10px;
  padding-left: var(--field-content-inset) !important;
  background-image: none !important;
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has(input[readonly]), #application .form-horizontal .form-group .unit-field-control .input-group:has(input[disabled]) {
  background: var(--color-background-400);
}

#application .form-horizontal .form-group .unit-field-control .input-group .input-group-addon {
  text-align: left;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 44px;
  margin-top: auto;
  display: flex;
  color: var(--color-text-muted-ink) !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group .input-group-addon:empty {
  display: none;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit) {
  justify-content: flex-start;
  gap: var(--space-1);
  align-items: baseline !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit) > input.unit {
  field-sizing: content;
  flex: 0 auto;
  width: auto;
  min-width: 1ch;
  max-width: 100%;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit) > .input-group-addon {
  min-width: 0;
  padding-left: 0;
  padding-right: var(--space-2);
  flex: none;
  justify-content: flex-start;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit) > input.unit:placeholder-shown {
  min-width: 3ch;
}

#application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit) > input.unit.no-val:is([readonly], [disabled]) {
  min-width: calc(10px + 1ch);
}

#application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit:not([readonly], [disabled])), #application .form-horizontal .form-group .unit-field-control .input-group:has( > input.unit:not([readonly], [disabled])) > .input-group-addon {
  cursor: text;
}

#application .form-horizontal .form-group .unit-field-control .input-group .input-group-addon:last-child {
  border-radius: var(--radius-medium) !important;
}

#application .form-horizontal .form-group .inline-control .input-group input.unit:not([readonly], [disabled]) {
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008, inset 0 4px 2px #00000003, inset 0 6px 3px #0000 !important;
}

#application .form-horizontal .form-group .inline-control .input-group .input-group-addon {
  background-color: #0000;
  border: none;
}

#application .form-horizontal .form-group.fg-unit .control-label {
  width: calc(100% - var(--field-unit-reserve));
  text-align: left !important;
  justify-content: flex-start !important;
}

#application .form-horizontal .form-group.fg-readonly.fg-unit .control-label {
  width: 100% !important;
}

#application .form-horizontal .form-group.fg-readonly.fg-unit .controls > input:not([type="color"]), #application .form-horizontal .form-group.fg-readonly.fg-unit .controls input.unit {
  min-height: 40px !important;
  padding-top: 0 !important;
  line-height: 40px !important;
}

#application .form-horizontal .form-group.fg-label-line, #application .form-horizontal .form-group.fh-label-line {
  padding: 0px var(--spacing-large);
  flex-flow: wrap;
  display: flex;
}

#application .form-horizontal .form-group.fg-label-line .control-label, #application .form-horizontal .form-group.fh-label-line .control-label {
  width: auto;
  min-width: 94px;
  max-width: 50%;
  padding-right: var(--spacing-large);
  flex: none;
  justify-content: flex-end;
  position: relative;
  left: 0 !important;
}

#application .form-horizontal .form-group.fg-label-line .controls, #application .form-horizontal .form-group.fh-label-line .controls {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

#application .form-horizontal .form-group.fg-label-line .controls:has(input.no-val[value=""]):before, #application .form-horizontal .form-group.fg-label-line .controls:has(input.no-val:not([value])):before, #application .form-horizontal .form-group.fh-label-line .controls:has(input.no-val[value=""]):before, #application .form-horizontal .form-group.fh-label-line .controls:has(input.no-val:not([value])):before {
  top: 7px;
}

#application .form-horizontal .form-group.fg-label-line:has(.no-label) .controls, #application .form-horizontal .form-group.fh-label-line:has(.no-label) .controls {
  width: 100%;
}

#application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) input {
  margin-left: 0 !important;
}

#application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) input[readonly], #application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) input[disabled] {
  padding-top: var(--space-6);
  margin-bottom: 0;
}

#application .form-horizontal .form-group:has(input[readonly].unit, input[disabled].unit) .input-group-addon {
  height: var(--field-row-height);
  text-wrap: inherit;
}

#application .form-horizontal .form-group.fg-readonly:has(input[readonly].unit, input[disabled].unit) input[readonly], #application .form-horizontal .form-group.fg-readonly:has(input[readonly].unit, input[disabled].unit) input[disabled] {
  min-height: 40px !important;
  padding-top: 0 !important;
  line-height: 40px !important;
}

#application .form-horizontal .form-group.fg-readonly:has(input[readonly].unit, input[disabled].unit) .input-group-addon {
  height: 28px !important;
  color: var(--gray-700) !important;
}

#application .form-horizontal .form-group.fg-datetime .controls > div.picker {
  width: calc(100% - 28px);
}

#application .form-horizontal .form-group.has-error .controls > input[readonly], #application .form-horizontal .form-group.has-error .controls > input[disabled] {
  outline: none;
}

#application .form-horizontal .form-group.fg-readonly .control-label .field-error-icon {
  display: none !important;
}

#application .form-horizontal .form-group.no-floating-label.fg-readonly {
  position: relative;
}

#application .form-horizontal .form-group.no-floating-label.fg-readonly > .control-label {
  top: var(--field-label-top);
  left: var(--field-content-inset);
  font-size: var(--type-label);
  z-index: 5;
  position: absolute;
}

#application .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .control-label {
  padding: var(--space-1) var(--space-2) 0;
  z-index: auto;
  position: static;
}

#application .form-horizontal .form-group.fg-label-line.no-floating-label.fg-readonly > .control-label, #application .form-horizontal .form-group.fh-label-line.no-floating-label.fg-readonly > .control-label {
  z-index: auto;
  position: relative;
  left: 0 !important;
}

#application .form-horizontal .form-group:has( > .controls .smart-weight-field-container) > .control-label, #application .form-horizontal .form-group:has( > .controls .smart-height-field-container) > .control-label {
  width: auto;
  max-width: calc(100% - 40px);
  z-index: 7 !important;
}

#application .cardread .form-horizontal .form-group .controls > input:not([type="color"]), #application .cardread .form-horizontal .form-group .controls input.unit, #application .cardread .form-horizontal .form-group .controls > input[readonly]:not([type="color"]), #application .cardread .form-horizontal .form-group .controls > input[disabled]:not([type="color"]) {
  margin-left: 0;
  padding-top: 0 !important;
  padding-left: var(--field-content-inset) !important;
  background-color: #0000 !important;
}

#application .cardread .form-horizontal .form-group .controls > input[type="color"], #application .cardread .form-horizontal .form-group .controls > input[type="color"][readonly], #application .cardread .form-horizontal .form-group .controls > input[type="color"][disabled] {
  cursor: default !important;
  pointer-events: none !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

#application .cardread .form-horizontal .form-group .controls input.label-line {
  border-bottom: unset;
}

#application .cardread .form-horizontal .form-group.fg-label-line, #application .cardread .form-horizontal .form-group.fh-label-line {
  padding: 0;
}

#application .cardread .form-horizontal .form-group.fg-label-line .controls input.label-line, #application .cardread .form-horizontal .form-group.fg-label-line .controls input[disabled].label-line, #application .cardread .form-horizontal .form-group.fg-label-line .controls input[readonly].label-line, #application .cardread .form-horizontal .form-group.fh-label-line .controls input.label-line, #application .cardread .form-horizontal .form-group.fh-label-line .controls input[disabled].label-line, #application .cardread .form-horizontal .form-group.fh-label-line .controls input[readonly].label-line {
  width: 100%;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

#application .cardread .form-horizontal .form-group.fg-label-line .controls:has(input.no-val[value=""]):before, #application .cardread .form-horizontal .form-group.fg-label-line .controls:has(input.no-val:not([value])):before, #application .cardread .form-horizontal .form-group.fh-label-line .controls:has(input.no-val[value=""]):before, #application .cardread .form-horizontal .form-group.fh-label-line .controls:has(input.no-val:not([value])):before {
  top: 0;
  left: 0;
}

#application .cardread .form-horizontal .form-group.fg-label-line .control-label, #application .cardread .form-horizontal .form-group.fh-label-line .control-label {
  padding-right: var(--spacing-large);
  justify-content: flex-end;
  min-width: 94px;
  width: auto !important;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .control-label {
  left: 0;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls .input-group {
  justify-content: flex-start;
  gap: var(--space-1);
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls input {
  field-sizing: content;
  height: 17px;
  margin-left: 0;
  outline: none !important;
  width: auto !important;
  min-width: 0 !important;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls input[readonly], #application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls input[disabled] {
  background-color: #0000 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

#application .cardread .form-horizontal .form-group:has(.unit-field-control input[readonly].unit, .unit-field-control input[disabled].unit) .controls .input-group-addon {
  text-wrap: nowrap;
  outline: none;
  min-width: 0;
  height: 17px;
  padding: 0;
}

#application .cardread .form-horizontal .form-group.fg-readonly .control-label .field-error-icon {
  display: none !important;
}

#application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .control-label {
  padding: var(--space-1) var(--space-2) 0 0;
  z-index: auto;
  position: static;
}

#application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls {
  padding-bottom: 0 !important;
}

#application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > input, #application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > input[readonly], #application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > input[disabled], #application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > .picker > input, #application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > .picker > input[readonly], #application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > .picker > input[disabled] {
  min-height: 28px !important;
  padding-top: 0 !important;
  line-height: 28px !important;
}

#application .cardread .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .control-label {
  padding: var(--space-1) var(--space-2) 0 0;
  z-index: auto;
  position: static;
}

#application table.subform-editable-table .form-horizontal .form-group.fg-readonly > .controls > input, #application table.subform-editable-table .form-horizontal .form-group.fg-readonly > .controls > input[readonly], #application table.subform-editable-table .form-horizontal .form-group.fg-readonly > .controls > input[disabled] {
  height: 40px !important;
  min-height: 40px !important;
  padding-top: 0 !important;
  line-height: 40px !important;
}

#application table.subform-editable-table .form-horizontal .form-group.fg-readonly > .control-label {
  display: none !important;
}

#application table.subform-editable-table .form-horizontal .form-group.fg-readonly, #application .controls-grid.subform .table .form-horizontal .form-group.fg-readonly {
  min-height: 0 !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area), #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area), #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) {
  box-sizing: border-box;
  background-image: linear-gradient(var(--color-background-400), var(--color-background-400));
  min-height: var(--field-row-height-readonly);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 8px);
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input, #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input, #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input[readonly], #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input[readonly], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input[readonly], #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input[disabled], #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input[disabled], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > input[disabled], #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input, #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input, #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input[readonly], #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input[readonly], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input[readonly], #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input[disabled], #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input[disabled], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls > .picker > input[disabled] {
  background-color: #0000 !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control, #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control, #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group, #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group, #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input, #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input, #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input[readonly], #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input[readonly], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input[readonly], #application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input[disabled], #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input[disabled], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly:not(.fg-label-line, .fg-area) > .controls.unit-field-control .input-group > input[disabled] {
  background-color: #0000 !important;
  background-image: none !important;
}

#application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line), #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) {
  box-sizing: border-box;
  background-image: linear-gradient(var(--color-background-400), var(--color-background-400));
  min-height: var(--field-row-height-readonly);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 8px);
}

#application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > input, #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > input, #application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > input[readonly], #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > input[readonly], #application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > input[disabled], #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > input[disabled], #application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > .picker > input, #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > .picker > input, #application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > .picker > input[readonly], #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > .picker > input[readonly], #application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > .picker > input[disabled], #application .form-horizontal .form-group.fg-datetime.no-floating-label.fg-readonly:not(.fg-label-line) > .controls > .picker > input[disabled] {
  background-color: #0000 !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly.has-error:not(.fg-label-line, .fg-area), #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly.has-error:not(.fg-label-line, .fg-area), #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.no-floating-label.fg-readonly.has-error:not(.fg-label-line, .fg-area) {
  background-size: 100% calc(100% - 24px);
}

#application .form-horizontal .form-group.fg-file.no-floating-label.fg-readonly:not(.fg-label-line) {
  background-position: 0 0;
  background-size: 100% calc(100% - 4px);
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly, #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly {
  min-height: var(--field-row-height-readonly);
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .control-label, #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .control-label, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .control-label {
  top: var(--field-label-top);
  left: var(--field-content-inset);
  padding: 0;
  position: absolute;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .controls.unit-field-control, #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .controls.unit-field-control, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .controls.unit-field-control {
  height: var(--field-control-height-readonly) !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-input.fg-unit.no-floating-label.fg-readonly:not(.fg-area) > .control-label, #application .form-container.form-add-mode .form-horizontal .form-group.fg-input.fg-unit.no-floating-label.fg-readonly:not(.fg-area) > .control-label, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-input.fg-unit.no-floating-label.fg-readonly:not(.fg-area) > .control-label {
  z-index: 1;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group, #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group {
  height: var(--field-control-height-readonly) !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input, #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input, #application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input[readonly], #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input[readonly], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input[readonly], #application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input[disabled], #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input[disabled], #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input[disabled] {
  height: var(--field-control-height-readonly) !important;
  padding-top: calc(var(--space-6) + 3px) !important;
  padding-bottom: calc(var(--space-1) - 3px) !important;
  line-height: normal !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group .input-group-addon, #application .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group .input-group-addon, #application .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group .input-group-addon {
  height: var(--field-control-height-readonly) !important;
  padding-top: calc(var(--space-6) + 3px) !important;
  white-space: nowrap !important;
  flex: none !important;
  align-items: center !important;
  margin-top: 0 !important;
}

#application .form-container-flyout .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .controls.unit-field-control, #application .form-container-flyout .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .controls.unit-field-control, #application .form-container-flyout .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly > .controls.unit-field-control, #application .form-container-flyout .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group, #application .form-container-flyout .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group, #application .form-container-flyout .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group {
  height: var(--field-row-height) !important;
}

#application .form-container-flyout .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input, #application .form-container-flyout .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input, #application .form-container-flyout .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group > input, #application .form-container-flyout .form-container.form-edit-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group .input-group-addon, #application .form-container-flyout .form-container.form-add-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group .input-group-addon, #application .form-container-flyout .form-container.form-addfill-mode .form-horizontal .form-group.fg-unit.no-floating-label.fg-readonly .unit-field-control .input-group .input-group-addon {
  height: var(--field-row-height) !important;
  padding-top: var(--space-4) !important;
  padding-bottom: 0 !important;
}

#application .form-container:not(.form-read-mode) .form-horizontal .form-group.fg-unit .controls:has(input.no-val):before {
  font-size: var(--type-control) !important;
  line-height: 26px !important;
  top: 26px !important;
}

#application .form-container:not(.form-read-mode) .form-horizontal .form-group.fg-unit.fg-readonly .controls:has(input.no-val):before {
  top: 31px !important;
}

#application td.gridedit-subrow .form-horizontal.fh-picker.fh-readonly .form-group .controls > div.picker {
  display: none !important;
}

#application td.gridedit-subrow .form-horizontal.fh-picker.fh-readonly .form-group .controls > input {
  flex: auto;
  min-width: 0;
  margin-right: 0;
}

#application .form-horizontal .form-group.fg-area {
  padding-top: var(--spacing-xsmall);
  padding-bottom: 0;
}

#application .form-horizontal .form-group.fg-area.fg-readonly .control-label {
  padding-left: 0;
}

#application .form-horizontal .form-group.fg-area.has-error {
  padding-bottom: var(--spacing-xxxlarge) !important;
}

#application .form-horizontal .form-group.fg-area .help-container {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper {
  width: 100%;
  position: relative;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  border-radius: var(--radius-small) var(--radius-small) 0 0;
  height: 28px;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea {
  position: relative;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea, #application .form-horizontal .form-group .controls > textarea {
  width: 100%;
  max-width: 100%;
  min-height: var(--field-row-height);
  border: 1px solid var(--gray-200);
  box-sizing: border-box;
  height: 128px;
  max-height: calc(100vh - 250px);
  color: var(--gray-700);
  background-color: var(--white);
  font-size: var(--font-size-standard);
  border-radius: var(--radius-small);
  padding: var(--spacing-large);
  padding-top: var(--space-7);
  resize: vertical;
  font-weight: 500;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea::placeholder, #application .form-horizontal .form-group .controls > textarea::placeholder {
  color: var(--gray-300);
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea:focus, #application .form-horizontal .form-group .controls > textarea:focus {
  border-color: var(--gray-300);
  outline: none;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-md, #application .form-horizontal .form-group .controls > textarea.area-md {
  height: 256px !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-lg, #application .form-horizontal .form-group .controls > textarea.area-lg {
  height: 512px !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.monospace, #application .form-horizontal .form-group .controls > textarea.monospace {
  font-family: Menlo, Consolas, Courier New, monospace;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-dynamic, #application .form-horizontal .form-group .controls > textarea.area-dynamic {
  height: auto;
  min-height: 2em !important;
  max-height: 750px !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea.area-dynamic:empty, #application .form-horizontal .form-group .controls > textarea.area-dynamic:empty {
  height: var(--field-area-collapsed-h);
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[readonly], #application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[disabled], #application .form-horizontal .form-group .controls > textarea[readonly], #application .form-horizontal .form-group .controls > textarea[disabled] {
  box-shadow: none;
  outline: none;
  height: 52px;
  background-color: var(--input-bg-disabled) !important;
  padding-left: var(--field-content-inset) !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  border: none !important;
  padding-top: 35px !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[readonly].area-dynamic, #application .form-horizontal .form-group .controls > .textarea-wrapper > textarea[disabled].area-dynamic, #application .form-horizontal .form-group .controls > textarea[readonly].area-dynamic, #application .form-horizontal .form-group .controls > textarea[disabled].area-dynamic {
  height: auto;
  min-height: 2em !important;
  max-height: 750px !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea, #application .form-horizontal .form-group.has-error .controls > textarea {
  border: 1px solid var(--color-error) !important;
}

#application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea:focus, #application .form-horizontal .form-group.has-error .controls > textarea:focus {
  border: 1px solid var(--gray-300) !important;
}

#application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea[readonly], #application .form-horizontal .form-group.has-error .controls .textarea-wrapper > textarea[disabled], #application .form-horizontal .form-group.has-error .controls > textarea[readonly], #application .form-horizontal .form-group.has-error .controls > textarea[disabled] {
  border: none !important;
}

#application .form-horizontal .form-group.is-focused:not(.fg-readonly, .fg-nonfocusable) .controls .textarea-wrapper > textarea.area-dynamic, #application .form-horizontal .form-group.is-focused:not(.fg-readonly, .fg-nonfocusable) .controls > textarea.area-dynamic {
  border-color: var(--color-tertiary) !important;
}

#application .form-horizontal .form-group.fg-area .control-label {
  top: calc(var(--spacing-xsmall) + var(--field-content-inset) - 5.25px);
  left: var(--field-content-inset);
  z-index: 2;
  width: calc(100% - 40px);
}

#application .form-horizontal .form-group:has(.controls textarea.monospace) > .control-label {
  margin-top: var(--spacing-xsmall);
}

#application .cardread .form-horizontal .form-group .controls > .textarea-wrapper:before {
  background-color: #f5f5f5;
}

#application .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea, #application .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea[readonly], #application .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea[disabled], #application .cardread .form-horizontal .form-group .controls > textarea, #application .cardread .form-horizontal .form-group .controls > textarea[readonly], #application .cardread .form-horizontal .form-group .controls > textarea[disabled] {
  padding: var(--spacing-large) !important;
  padding-top: var(--space-7) !important;
}

#application .cardread .form-horizontal .form-group.fg-area {
  align-items: flex-start !important;
}

#application .cardread .form-horizontal .form-group.fg-area .control-label {
  padding-top: 0;
  padding-left: var(--space-2);
  background-color: #0000;
  min-height: 17px;
  margin-left: 0;
  z-index: 2 !important;
  top: 10px !important;
}

#application .cardread .form-horizontal .form-group.fg-area:has(.controls textarea.monospace) > .control-label {
  margin-top: 0;
}

#application .cardread .form-horizontal .form-group.fg-area .controls > .textarea-wrapper {
  width: calc(100% - 10px);
  margin-left: 0;
}

#application .form-horizontal .form-group .controls .textarea-wrapper > textarea.area-fill {
  resize: none;
  height: var(--area-fill-h, 160px) !important;
  min-height: 160px !important;
  max-height: none !important;
  overflow-y: auto !important;
}

#application .form-horizontal .form-group.is-focused:not(.fg-readonly, .fg-nonfocusable) .controls .textarea-wrapper > textarea.area-fill {
  border-color: var(--color-tertiary) !important;
}

#application .form-horizontal .form-group .controls > .textarea-wrapper:has( > textarea.area-fill):before {
  background-color: var(--white);
  height: calc(var(--space-7) - 1px);
  top: 1px;
  left: 1px;
  right: 1px;
}

#application .form-horizontal .form-group:has(textarea.area-fill) > .control-label {
  z-index: 2;
}

#application .fieldgroup:has(.fg-label-line) + .fieldgroup > .form-horizontal > .form-group.fg-area {
  margin-top: 14px;
}

.form-group.fg-checkbox-only:not(.fg-subform) {
  height: 44px !important;
}

.form-group.fg-checkbox-only:not(.fg-subform) .help-container {
  padding-left: 52px !important;
}

.form-group.fg-radio:not(.fg-subform) .help-container {
  padding-top: var(--spacing-xsmall) !important;
}

.form-group.fg-checkbox-only:not(.fg-subform) > .control-label {
  top: 17px !important;
  left: var(--field-content-inset) !important;
  width: calc(100% - 68px) !important;
  font-size: var(--type-label) !important;
  text-align: left !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.form-group.fg-checkbox-only:not(.fg-subform) > .control-label .label-text {
  white-space: normal !important;
  display: inline !important;
}

.form-group.fg-checkbox-only:not(.fg-subform) > .control-label .field-note-icon {
  margin-left: var(--space-1);
  vertical-align: -1px;
  display: inline-block !important;
}

.form-group:not(.fg-checkbox-only).has-checkbox-only-child:not(.fg-subform) {
  height: var(--field-row-height) !important;
}

.form-group:not(.fg-checkbox-only).has-checkbox-only-child:not(.fg-subform) > .control-label {
  width: calc(100% - 80px) !important;
  font-size: var(--font-size-xsmall) !important;
  text-align: left !important;
  top: 22px !important;
  left: 60px !important;
}

.form-group:not(.fg-checkbox-only).has-checkbox-only-child:not(.fg-subform) > .control-label .label-text {
  white-space: normal !important;
  text-overflow: unset !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
}

.form-group:not(.fg-checkbox-only).has-checkbox-only-child:not(.fg-subform) .help-container {
  padding-left: 54px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox {
  height: var(--field-row-height);
  background-color: #0000;
  align-items: start;
  display: flex;
  padding: var(--spacing-xsmall) !important;
  padding-top: var(--spacing-standard) !important;
  color: var(--color-text) !important;
  font-size: var(--font-size-xsmall) !important;
  padding-bottom: 0 !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox input + span {
  display: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox span {
  width: 20px;
  height: 20px;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container {
  border-radius: var(--radius-xlarge);
  -o-transition: all .2s ease;
  background-color: #f0f0f0;
  height: 25px;
  transition: all .2s;
  position: relative;
  box-shadow: inset 0 1px 2px #38383814;
  width: 45px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.slider-checkbox-container-toggled {
  background-color: var(--color-tertiary);
  box-shadow: 0px 1px 2px 0px #38383814 inset, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-tertiary);
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled {
  background-color: var(--color-text-100);
  cursor: not-allowed;
  box-shadow: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled.slider-checkbox-container-toggled {
  background-color: var(--gray-300);
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled.slider-checkbox-container-toggled .slider-checkbox.slider-checkbox-toggled {
  background-color: #f5f5f5;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled:hover {
  box-shadow: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container.checkbox-only-disabled .slider-checkbox {
  background-color: #e8e8e8;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container:hover {
  box-shadow: inset 0px 1px 2px 0px #38383814, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px #91b9de;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container .slider-checkbox {
  cursor: pointer;
  -o-transition: left .2s ease;
  background-color: var(--white);
  top: 2px;
  left: var(--spacing-xxsmall);
  bottom: var(--spacing-xxsmall);
  transition: left .2s;
  position: relative;
  box-shadow: 0 1px 3px #0a0d121a, 0 1px 2px -1px #0a0d121a;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container .slider-checkbox-toggled {
  left: 22px;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox:has(.checkbox-only-disabled) * {
  cursor: not-allowed !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox:has(input:disabled):not(:has(.checkbox-only-disabled)) .slider-checkbox-container {
  cursor: not-allowed;
  box-shadow: none;
  background-color: #f0f0f0 !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox:has(input:disabled):not(:has(.checkbox-only-disabled)) .slider-checkbox-container.slider-checkbox-container-toggled {
  box-shadow: none;
  background-color: var(--gray-500) !important;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox:has(input:disabled):not(:has(.checkbox-only-disabled)) .slider-checkbox-container:hover {
  box-shadow: none;
}

.form-group .controls > .checkboxes.checkbox-only label.checkbox:has(input:disabled):not(:has(.checkbox-only-disabled)) .slider-checkbox-container .slider-checkbox {
  background-color: var(--white);
  cursor: not-allowed;
  box-shadow: 0 1px 3px #0a0d121a, 0 1px 2px -1px #0a0d121a;
}

.form-group.has-error .checkbox-only .slider-checkbox-container {
  box-shadow: 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-error-500);
  background-color: var(--color-error) !important;
}

.form-group.has-error .checkbox-only .slider-checkbox-container.slider-checkbox-container-toggled {
  background-color: var(--color-error) !important;
  box-shadow: 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-error-500) !important;
}

.form-group.fg-checkbox-only {
  margin-top: 0 !important;
  margin-bottom: var(--spacing-standard) !important;
}

.cardread .form-group.fg-checkbox-only .controls:has(input.no-val):before {
  top: 50%;
  transform: translateY(-50%);
}

#application .cardread .form-group.fg-checkbox-only {
  height: auto !important;
  min-height: 28px !important;
  padding-top: var(--spacing-standard) !important;
  padding-bottom: var(--spacing-standard) !important;
  flex-flow: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: 0 !important;
  display: flex !important;
}

#application .cardread .form-group.fg-checkbox-only .control-label {
  width: auto !important;
  margin-left: 0 !important;
  margin-top: var(--spacing-xsmall) !important;
  flex: none !important;
  top: 0 !important;
}

#application .cardread .form-group.fg-checkbox-only .controls {
  flex: none !important;
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#application .cardread .form-group.fg-checkbox-only .controls .checkboxes.checkbox-only {
  align-items: center !important;
  display: flex !important;
}

#application .cardread .form-group.fg-checkbox-only .controls .checkboxes.checkbox-only label.checkbox {
  padding: 0 var(--space-2) !important;
  align-items: center !important;
  height: 22px !important;
  margin: 0 !important;
  display: flex !important;
}

#application .cardread .form-group.fg-checkbox-only > .control-label {
  top: 0 !important;
  left: var(--field-content-inset) !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox {
  background-color: #0000 !important;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox > input {
  margin: 0;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox:not(:has(input:checked)) {
  left: var(--field-content-inset) !important;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container, #application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-container-toggled, #application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .checkbox-only-disabled, #application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox, #application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox-toggled {
  all: unset !important;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox {
  height: 16.8px !important;
  line-height: 16.8px !important;
  font-size: var(--font-size-small) !important;
  font-weight: var(--font-weight-medium) !important;
  vertical-align: middle !important;
  justify-content: center !important;
  align-items: center !important;
  display: inline-flex !important;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox:before {
  content: "-";
  color: var(--gray-700);
  justify-content: center !important;
  align-items: center !important;
  height: 16.8px !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

#application .cardread .form-group .controls > .checkboxes.checkbox-only label.checkbox .slider-checkbox.slider-checkbox-toggled:before {
  content: "";
  color: var(--color-tertiary);
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: var(--type-value);
  width: auto;
  line-height: 1;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-checkbox-only .control-label {
  margin-top: var(--spacing-xsmall);
  margin-left: 48px !important;
}

.form-container:not(.form-read-mode) .cardarea .fieldgroup .form-horizontal .form-group.fg-checkbox-only {
  padding-bottom: var(--spacing-standard) !important;
}

#application .form-horizontal .form-group.fg-checkbox-only.has-error {
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group.fg-checkbox-only .help-container {
  margin-top: var(--spacing-xsmall) !important;
  padding-left: 52px !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
}

#application .form-horizontal .form-group.fg-checkbox-only.fg-readonly > .controls {
  background-color: #0000 !important;
  background-image: none !important;
}

.form-group.fg-checkbox {
  margin-top: var(--spacing-large) !important;
}

.form-group .controls > .checkboxes:not(.checkbox-only) {
  padding-left: var(--field-content-inset);
}

.form-group .controls > .checkboxes:not(.checkbox-only) label.checkbox {
  padding-left: 0 !important;
}

.form-group .controls .checkbox-group {
  gap: var(--spacing-large);
  padding: var(--fh-checkbox-pad-top, var(--space-5)) 0 0 0;
  flex-wrap: wrap;
  display: flex;
}

.form-group .controls .checkbox-group > .checkbox {
  padding-left: var(--field-content-inset);
}

.form-group .controls .checkbox-group.checkbox-block {
  flex-direction: column;
}

.form-group .controls .checkbox-group[multi="true"]:not(.checkbox-block) {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(var(--cb-col-min, 160px), calc((100% - 3 * var(--spacing-large)) / 4))), 1fr));
  align-items: start;
  display: grid;
}

.form-group .controls .checkbox-group[multi="true"]:not(.checkbox-block) > label.checkbox {
  justify-self: start;
  max-width: 100%;
}

#application .form-read-mode .cardread .form-horizontal .form-group .controls .checkbox-group[multi="true"] {
  display: flex;
}

.form-group .controls .checkbox-group label.checkbox {
  height: var(--fh-checkbox-h, 32px);
  margin-bottom: var(--fh-control-gap, 0px);
  border-radius: var(--radius-medium);
  padding: var(--fh-checkbox-pad-v, var(--space-2)) var(--spacing-xxxxlarge) var(--fh-checkbox-pad-v, var(--spacing-xsmall)) var(--spacing-xxxxlarge) !important;
  width: auto !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:checked) {
  box-shadow: none !important;
}

.form-group .controls .checkbox-group label.checkbox span {
  color: var(--gray-700);
  font-weight: 400;
  font-size: var(--font-size-xsmall);
  line-height: 1.2;
  background-color: unset !important;
}

.form-group .controls .checkbox-group label.checkbox input:checked + span {
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-primary-ink) !important;
}

.form-group .controls .checkbox-group label.checkbox input + span:before {
  width: 16px !important;
  height: 16px !important;
  margin-right: var(--spacing-large) !important;
  border: 1px solid var(--gray-200) !important;
  border-radius: 4px !important;
}

.form-group .controls .checkbox-group label.checkbox input:checked + span:before {
  font-family: FontAwesome;
  font-size: var(--type-label);
  text-align: center;
  color: var(--white);
  background-color: var(--color-primary);
  line-height: 16px;
  display: inline-block;
  content: "" !important;
  box-shadow: none !important;
  background-image: none !important;
  border: none !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) {
  background-color: unset;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) * {
  cursor: not-allowed !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) span {
  color: var(--gray-700) !important;
  background-color: #0000 !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) input:checked + span {
  color: var(--white) !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) input + span:before {
  box-shadow: none !important;
  background-color: #00000005 !important;
}

.form-group .controls .checkbox-group label.checkbox:has(input:disabled) input:checked + span:before {
  color: var(--color-text-500) !important;
  background-image: none !important;
}

#application .form-group.fg-checkbox.fg-readonly .controls > .checkboxes[multi="true"] > label.checkbox:has( > input:not(:checked)) {
  display: none !important;
}

#application .form-group.fg-checkbox.fg-readonly .controls > .checkboxes[multi="true"] > label.checkbox > input + span {
  align-items: center !important;
  display: inline-flex !important;
}

.form-group.has-error .checkbox-group label.checkbox {
  border: none !important;
}

.form-group.has-error .checkbox-group label.checkbox input + span:before {
  border: 2px solid var(--color-error) !important;
}

.form-group.has-error .checkbox-group label.checkbox input:checked + span:before {
  box-shadow: 0 0 0 2px var(--color-error) !important;
}

.form-group.fg-checkbox:has(.checkboxes input:checked) > .control-label .required-label {
  color: inherit !important;
}

.form-group.fg-checkbox.has-error:has(.checkboxes input:checked) > .control-label .required-label {
  color: var(--color-error-ink) !important;
}

#application .form-read-mode .cardread .form-horizontal.fh-checkbox {
  background: none;
}

#application .form-read-mode .cardread .form-horizontal .form-group .controls .checkbox-group {
  padding: var(--space-1) 0 0 var(--space-2);
}

#application .form-read-mode .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox {
  border-radius: .5rem;
  height: 26px;
  line-height: 11px;
  padding: var(--space-1) var(--space-4) !important;
}

#application .form-read-mode .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox input + span:before, #application .form-read-mode .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox input:checked + span:before {
  display: none !important;
}

#application .form-read-mode .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox:has(input:checked) {
  color: var(--white);
  background-color: var(--gray-400);
}

#application .form-read-mode .cardread .form-horizontal .form-group .controls > .checkboxes label.checkbox span {
  vertical-align: baseline;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}

#application .form-read-mode .cardread .cardarea .fieldgroup .form-horizontal:not(.fh-select).fh-checkbox {
  background: none;
}

.form-container .cardarea .fieldgroup .form-horizontal .form-group.fg-checkbox {
  padding-top: var(--spacing-standard) !important;
  margin-top: auto !important;
}

#application .subform-editable-table .fg-checkbox .checkboxes {
  white-space: normal;
  flex-wrap: wrap !important;
}

#application .form-group.fg-radio {
  min-height: var(--field-row-height);
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-end;
  display: flex;
}

#application .form-group.fg-radio.has-error {
  min-height: calc(var(--field-row-height) + var(--spacing-xxxlarge));
}

#application .form-group.fg-radio .controls {
  padding-bottom: 0;
}

#application .form-group.fg-radio .controls .btn-group {
  left: var(--field-content-inset);
}

#application .form-group.fg-radio .control-label {
  top: var(--field-label-top);
  left: var(--field-content-inset);
  position: absolute;
}

#application .form-group.fg-radio.fg-readonly {
  min-height: unset;
  align-self: unset;
  justify-content: unset;
}

#application .form-group.fg-radio.fg-readonly .control-label {
  margin-bottom: 0;
  position: static;
  top: auto;
  left: 0;
}

#application .form-group.fg-radio.fg-readonly .controls {
  padding-bottom: 0;
}

#application .form-group.fg-radio.fg-readonly .controls .radios {
  padding-left: 0 !important;
}

#application .form-group.fg-radio.fg-readonly .controls .btn-group {
  margin-bottom: var(--space-1);
  height: auto;
  box-shadow: none;
  background: none;
  border-radius: 0;
  padding: 0;
  left: 0;
  padding-left: var(--spacing-standard) !important;
}

#application .form-group.fg-radio.no-floating-label.fg-readonly > .control-label {
  padding: var(--space-1) var(--space-2) 0 var(--space-2);
  z-index: auto;
  position: static;
}

:root {
  --fh-radio-radius: var(--radius-medium);
  --fh-radio-btn-radius: .5rem;
}

#application .form-group .btn-group {
  background: var(--color-background-200);
  border-radius: var(--fh-radio-radius);
  height: var(--fh-radio-h, 30px);
  margin-bottom: var(--fh-control-gap, 0px);
  padding: 2px 0;
  position: relative;
  left: 0;
  box-shadow: inset 0 1px 2px #0000001f;
}

#application .form-group .btn-group .btn {
  font-size: var(--font-size-small);
  color: var(--color-tertiary);
  height: calc(var(--fh-radio-h, 30px) - 4px);
  line-height: calc(var(--fh-radio-h, 30px) - 4px);
  padding: 0 var(--fh-radio-btn-pad-x, var(--space-4));
  background: none;
  border: none;
  font-weight: 500;
}

#application .form-group .btn-group .btn.active {
  color: var(--white);
  background-color: var(--color-tertiary);
  border-radius: var(--fh-radio-btn-radius);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

#application .form-group .btn-group .btn:last-child {
  margin: 0 !important;
}

#application .form-group .btn-group .btn + .btn {
  margin: 0;
}

#application .form-group.has-error .btn-group {
  box-shadow: 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-error-500), 0px 1px 2px 0px #0000001f inset;
}

#application .form-group.has-error .btn-group .btn.active {
  color: var(--white);
  background-color: var(--color-error);
}

#application .form-group .btn-group:has(.disabled) {
  box-shadow: none;
  cursor: not-allowed;
}

#application .form-group .btn-group:has(.disabled) * {
  cursor: not-allowed;
}

#application .form-group .btn-group:has(.disabled) .btn {
  color: var(--color-text-300) !important;
}

#application .form-group .btn-group:has(.disabled) .btn.active {
  background-color: var(--gray-400);
  color: var(--white) !important;
}

#application .form-group .btn-group:has(.disabled) .btn.disabled {
  color: var(--color-text-400) !important;
  background-color: #0000 !important;
}

.cardread .cardarea .fieldgroup .form-horizontal:not(.fh-select).fh-radio {
  background: none;
}

.cardread .form-horizontal .form-group .controls .btn-group {
  background-color: #0000;
}

.cardread .form-horizontal .form-group .controls .btn-group .btn:not(.active) {
  display: none !important;
}

.cardread .form-horizontal .form-group .controls .btn-group .btn {
  min-height: auto;
  background-color: var(--gray-400) !important;
  color: var(--white) !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: var(--font-size-small) !important;
  border: none !important;
}

.cardread .form-horizontal.form-col-1.fh-radio .form-group > label.control-label, .cardread .form-horizontal.form-col-2.fh-radio .form-group > label.control-label, .cardread .form-horizontal.form-col-3.fh-radio .form-group > label.control-label, .cardread .form-horizontal.form-col-4.fh-radio .form-group > label.control-label {
  text-align: left;
  position: relative;
  top: 0;
  margin-bottom: 0 !important;
}

.btn-group.radios.radios-collapsed {
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.form-group.fg-radio-collapsed .controls .select2-container {
  width: 100%;
}

.btn-group.radios:not(.radios-collapsed) + select.radio-collapse-native {
  display: none;
}

select.radio-collapse-native {
  width: 100%;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode > label.control-label {
  padding-top: var(--spacing-standard);
  color: var(--label-color);
  font-weight: 500;
  font-size: var(--font-size-xxsmall);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode:has(.controls .barcode-container) > label.control-label {
  display: none;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls {
  padding-left: var(--field-content-inset);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls:has(.barcode) {
  padding-bottom: var(--space-2);
  overflow: visible !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls:has(.barcode) > input {
  all: unset;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls:has(.barcode) > input.barcode {
  border: 0;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  color: #0000 !important;
  background: none !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid {
  width: calc(50% - 24px);
  padding: var(--spacing-large);
  float: left;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-large);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #837bb2;
  box-sizing: border-box;
  margin-right: var(--spacing-large);
  background: linear-gradient(#fdfdfd 0%, #ededed 100%);
  border: 0;
  max-width: 256px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cfcfcf, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam .icon {
  color: #837bb2;
  font-weight: 300;
  font-size: var(--type-control);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam.disabled, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[disabled], #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[aria-disabled="true"], #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #fdfdfd 0%, #ededed 100%);
  --btn-disabled-ink: #837bb2;
  color: #837bb2;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#fdfdfd 0%, #ededed 100%);
  border: none;
  transform: none;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam.disabled i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[disabled] i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[aria-disabled="true"] i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:disabled i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam.disabled .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[disabled] .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[aria-disabled="true"] .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:disabled .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam.disabled svg, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[disabled] svg, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[aria-disabled="true"] svg, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:disabled svg {
  color: #837bb2;
  font-weight: 300;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam.disabled svg *, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[disabled] svg *, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam[aria-disabled="true"] svg *, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #837bb2 !important;
  opacity: 1 !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:focus-visible {
  box-shadow: none;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam .icon-camera-scanner {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-cam .icon-camera-scanner:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  line-height: 1;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: 0;
  max-width: 256px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #426892, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid.disabled, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[disabled], #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[aria-disabled="true"], #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #7196bf 0%, #5b86b5 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: none;
  transform: none;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid.disabled i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[disabled] i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[aria-disabled="true"] i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:disabled i, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid.disabled .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[disabled] .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[aria-disabled="true"] .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:disabled .icon, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid.disabled svg, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[disabled] svg, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[aria-disabled="true"] svg, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:disabled svg {
  color: #fff;
  font-weight: 300;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid.disabled svg *, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[disabled] svg *, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid[aria-disabled="true"] svg *, #application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:focus-visible {
  box-shadow: none;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid .icon-handheld-scanner {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .controls .barcode-hid .icon-handheld-scanner:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  line-height: 1;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode .control-label {
  position: relative;
  top: 0;
  left: 8px;
}

#application .fieldgroup .form-horizontal.fh-barcode, #application .fieldgroup:has(.barcode), #application .form-group.fg-barcode {
  overflow: visible !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode > .controls > .barcode-container {
  margin-top: var(--space-2);
}

#application .fieldgroup .form-horizontal .form-group.fg-barcode > .controls:has( > .barcode-container) {
  padding-left: 0;
}

#application .fieldgroup .form-horizontal .form-group .controls > .esignfield {
  min-height: var(--field-row-height);
  padding: var(--space-2) var(--space-3) var(--space-2) var(--space-2);
  border-radius: var(--radius-small);
  box-sizing: border-box;
  position: relative;
}

#application .fieldgroup .form-horizontal .form-group .controls > .esignfield.is-readonly {
  background-color: var(--color-background-400) !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-esign > .control-label {
  left: var(--field-content-inset) !important;
}

#application .fieldgroup .form-horizontal .form-group .esign-link {
  column-gap: var(--space-2);
  cursor: default;
  grid-template-rows: auto auto auto;
  grid-template-columns: minmax(140px, 1fr) minmax(80px, 170px) 34px;
  align-items: center;
  row-gap: 2px;
  min-height: 44px;
  text-decoration: none;
  display: grid;
}

#application .fieldgroup .form-horizontal .form-group .esign-link > div:first-child {
  font-size: var(--type-label);
  color: #5b83b0;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: var(--spacing-xxsmall);
  grid-area: 1 / 1;
  font-weight: 500;
  line-height: 1.1;
  overflow: hidden;
}

#application .fieldgroup .form-horizontal .form-group .esign-text-container {
  flex-direction: column;
  grid-area: 2 / 1 / span 2;
  gap: 1px;
  min-width: 0;
  display: flex;
}

#application .fieldgroup .form-horizontal .form-group .esign-text-container > div {
  font-size: var(--type-micro);
  color: var(--label-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.05;
  overflow: hidden;
}

#application .fieldgroup .form-horizontal .form-group .esign-image {
  object-fit: contain;
  filter: none;
  opacity: .95;
  pointer-events: none;
  width: auto;
  max-width: 100%;
  height: 44px;
  margin-top: var(--spacing-xlarge);
  grid-area: 1 / 2 / span 3;
  place-self: center end;
}

#application .fieldgroup .form-horizontal .form-group .esign-link > i, #application .fieldgroup .form-horizontal .form-group .edit-esign-icon {
  font-size: var(--icon-size-md);
  color: #5b83b0;
  cursor: pointer;
  grid-area: 1 / 3 / span 3;
  place-self: center end;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) {
  grid-template-columns: 1fr 34px;
  align-content: center;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) .esign-text-container, #application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) .esign-image {
  display: none;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) > div:first-child {
  grid-area: 1 / 1;
  font-weight: 500;
}

#application .fieldgroup .form-horizontal .form-group .esign-link:not(.has-signed) > i {
  grid-area: 1 / 2;
}

#application .fieldgroup .form-horizontal .form-group .controls > .esignfield.is-readonly .esign-link.has-signed {
  grid-template-columns: minmax(140px, 1fr) minmax(80px, 204px);
}

#application .fieldgroup .form-horizontal .form-group .controls > .esignfield.is-readonly .esign-link.has-signed > i {
  display: none;
}

#application .cardread .fieldgroup .form-horizontal .form-group.fg-esign > .control-label, #application .form-read-mode .fieldgroup .form-horizontal .form-group.fg-esign > .control-label {
  left: var(--field-content-inset) !important;
  position: relative !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-esign:has( > .controls > .esignfield.is-readonly), #application .form-container.form-add-mode .form-horizontal .form-group.fg-esign:has( > .controls > .esignfield.is-readonly) {
  box-sizing: border-box;
  background-image: linear-gradient(var(--color-background-400), var(--color-background-400));
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 8px);
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-esign:has( > .controls > .esignfield.is-readonly) > .controls > .esignfield.is-readonly, #application .form-container.form-add-mode .form-horizontal .form-group.fg-esign:has( > .controls > .esignfield.is-readonly) > .controls > .esignfield.is-readonly {
  background-color: #0000 !important;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) {
  position: relative;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) > .control-label {
  z-index: 1;
  pointer-events: none;
  top: var(--field-label-top) !important;
  position: absolute !important;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) > .control-label .field-note-icon {
  pointer-events: auto;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) > .controls > .esignfield {
  min-height: calc(var(--field-row-height) + var(--space-1));
  padding: 0 var(--space-3) 0 var(--space-2);
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link.has-signed {
  grid-template-columns: minmax(0, 1fr) auto 34px;
  grid-template-rows: calc(var(--field-row-height) + var(--space-1));
  min-height: calc(var(--field-row-height) + var(--space-1));
  cursor: default;
  row-gap: 0;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link.has-signed > div:first-child {
  margin: calc(var(--field-row-height) - 26px) 0 0;
  font-size: var(--type-control);
  color: var(--color-text-700);
  grid-area: 1 / 1;
  align-self: start;
  font-weight: 500;
  line-height: 20px;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link.has-signed .esign-text-container {
  display: none;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link.has-signed .esign-image {
  grid-area: 1 / 2;
  place-self: center end;
  height: 46px;
  margin: 0;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link.has-signed > i {
  grid-area: 1 / 3;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) > .controls > .esignfield.is-readonly .esign-link.has-signed {
  grid-template-columns: minmax(0, 1fr) auto;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link:not(.has-signed) {
  grid-template-columns: minmax(0, 1fr) 34px;
  grid-template-rows: calc(var(--field-row-height) + var(--space-1));
  min-height: calc(var(--field-row-height) + var(--space-1));
  align-content: stretch;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link:not(.has-signed) > div:first-child {
  margin: calc(var(--field-row-height) - 26px) 0 0;
  align-self: start;
  line-height: 20px;
}

#application .form-container:not(.form-read-mode) .fieldgroup .form-horizontal .form-group.fg-esign:has(.esign-link) .esign-link:not(.has-signed) > i {
  align-self: center;
}

#application .form-group .controls .fileupload:hover iframe {
  pointer-events: auto;
}

#application .form-group .controls .fileupload iframe {
  opacity: 0;
  float: left;
  z-index: 2;
  pointer-events: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#application .form-group .controls .fileupload .file-upload-area-container {
  border-radius: var(--radius-medium);
  border: 1px dashed var(--gray-100);
  width: 100%;
  padding: var(--space-2) 0;
  gap: var(--spacing-large);
  height: 112px;
  margin-top: var(--spacing-large);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#application .form-group .controls .fileupload .file-upload-area-container.hover {
  border-color: var(--color-text-900);
  background: #f9f9f9;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-icon-area {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-icon-area i {
  color: var(--color-primary-ink);
  font-size: var(--icon-size-md);
  font-weight: 400;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-text-area {
  text-align: center;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 20px;
}

#application .form-group .controls .fileupload .file-upload-area-container .file-text-area span {
  color: var(--color-primary-ink);
  font-weight: 500;
}

#application .form-group .controls .fileupload > span, #application .form-group .controls .fileupload .glyphicon-zoom-in, #application .form-group .controls .fileupload.has-file iframe, #application .form-group .controls .fileupload.has-file .file-upload-area-container {
  display: none;
}

#application .form-group .controls .fileupload.has-file > span {
  align-items: center;
  gap: var(--spacing-xsmall);
  margin-left: 0;
  margin-top: var(--spacing-standard);
  display: flex;
}

#application .form-group .controls .fileupload.has-file > span a {
  color: var(--color-primary-ink);
  font-size: var(--type-value);
  font-weight: 500;
}

#application .form-group .controls .fileupload.has-file > span .delete-file-icon {
  cursor: pointer;
  color: var(--color-error-ink);
  font-size: var(--type-value);
  background-position: center;
  background-repeat: no-repeat;
  font-weight: 500;
}

#application .form-group .controls .fileupload.has-file .preview {
  margin-bottom: var(--spacing-large);
}

#application .form-group .controls.has-error {
  border-color: var(--color-error);
}

.cardread .form-horizontal .form-group.fg-file > .control-label {
  padding-top: 0;
}

.cardread .form-horizontal .form-group.fg-file > .controls {
  padding-top: var(--spacing-large);
  padding-left: var(--field-content-inset);
}

#application .cardread .form-horizontal .form-group.no-floating-label.fg-readonly.fg-file:not(.fg-unit, .fg-label-line, .fg-area) > .control-label {
  left: var(--field-content-inset);
  position: relative;
}

#application .fieldgroup .form-horizontal .form-group.fg-file .control-label {
  top: var(--field-label-top);
  left: var(--field-content-inset);
  text-align: left;
  color: var(--label-color);
  padding-top: 0;
  position: relative;
}

#application .fieldgroup .form-horizontal .form-group.fg-file > .controls {
  padding-left: var(--field-content-inset);
}

#application .form-horizontal.fh-file {
  background: none !important;
}

#application .form-group.fg-no-label > .control-label {
  display: none;
}

#application .form-group.fg-no-label > .controls {
  width: 100%;
  margin-left: 0;
}

#application .form-group.fg-media-preview > .control-label, #application .form-group.fg-media-preview > .controls {
  display: none;
}

#application .form-group.fg-media-preview:not(.fg-readonly) > .control-label {
  display: flex;
}

#application .form-group.fg-media-preview:not(.fg-readonly) > .controls {
  width: 100%;
  margin-left: 0;
  display: block;
}

#application .form-group.fg-media-preview .field-field-media-viewer {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}

#application .form-group.fg-media-preview .field-field-media-viewer.gif, #application .form-group.fg-media-preview .field-field-media-viewer.jpeg, #application .form-group.fg-media-preview .field-field-media-viewer.jpg, #application .form-group.fg-media-preview .field-field-media-viewer.png, #application .form-group.fg-media-preview .field-field-media-viewer.svg, #application .form-group.fg-media-preview .field-field-media-viewer.webp {
  width: max-content;
  max-width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .fileupload .file-upload-area-container, #application .form-horizontal .form-group .controls-grid.subform .sf-table-container .subform-editable-table tbody tr td .fileupload .file-upload-area-container, #application .form-horizontal .form-group .controls-grid .table tbody tr td .fileupload .file-upload-area-container {
  gap: var(--spacing-standard);
  min-height: 40px;
  padding: 0 var(--spacing-standard);
  flex-direction: row;
  height: 40px !important;
  margin-top: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .fileupload .file-upload-area-container .file-icon-area, #application .form-horizontal .form-group .controls-grid.subform .sf-table-container .subform-editable-table tbody tr td .fileupload .file-upload-area-container .file-icon-area, #application .form-horizontal .form-group .controls-grid .table tbody tr td .fileupload .file-upload-area-container .file-icon-area {
  width: 24px;
  height: 24px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .fileupload .file-upload-area-container .file-icon-area i, #application .form-horizontal .form-group .controls-grid.subform .sf-table-container .subform-editable-table tbody tr td .fileupload .file-upload-area-container .file-icon-area i, #application .form-horizontal .form-group .controls-grid .table tbody tr td .fileupload .file-upload-area-container .file-icon-area i {
  font-size: var(--type-value);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .fileupload .file-upload-area-container .file-text-area, #application .form-horizontal .form-group .controls-grid.subform .sf-table-container .subform-editable-table tbody tr td .fileupload .file-upload-area-container .file-text-area, #application .form-horizontal .form-group .controls-grid .table tbody tr td .fileupload .file-upload-area-container .file-text-area {
  font-size: var(--type-label);
  line-height: 1;
}

#application .form-container:not(.form-read-mode) .form-horizontal .form-group.fg-file > .controls {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-container:not(.form-read-mode) .form-horizontal .form-group.fg-file > .controls .fileupload.has-file {
  padding-left: var(--field-content-inset) !important;
  padding-right: var(--spacing-large) !important;
}

#application .form-group.fg-doc-view > .doc-view-drop {
  border-radius: var(--radius-medium);
  border: 1px dashed var(--gray-100);
  width: 100%;
  padding: var(--space-2) 0;
  gap: var(--spacing-large);
  height: 112px;
  margin-top: var(--spacing-large);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#application .form-group.fg-doc-view > .doc-view-drop.hover {
  border-color: var(--color-text-900);
  background: #f9f9f9;
}

#application .form-group.fg-doc-view > .doc-view-drop .file-icon-area {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

#application .form-group.fg-doc-view > .doc-view-drop .file-icon-area i {
  color: var(--color-primary-ink);
  font-size: var(--icon-size-md);
  font-weight: 400;
}

#application .form-group.fg-doc-view > .doc-view-drop .file-text-area {
  text-align: center;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 20px;
}

#application .form-group.fg-doc-view > .doc-view-drop .file-text-area span {
  color: var(--color-primary-ink);
  font-weight: 500;
}

#application .form-group.fg-doc-view > .doc-view-drop > .doc-view-drop__input {
  display: none !important;
}

#application .form-group.fg-doc-view > .doc-view-drop:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  outline: none;
}

#application .form-group.fg-doc-view > .field-field-media-viewer, #application .form-group.fg-doc-view > .doc-view-drop {
  margin-top: var(--space-2);
}

#application .form-read-mode .cardarea .fieldgroup > .form-horizontal:has( > .form-group.fg-doc-view) {
  padding-right: 0 !important;
}

#application .form-horizontal .form-group .controls .select2-container:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container:not(.select2-container-multi) .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container:not(.select2-container-multi) .select2-search-choice-close {
  top: auto;
  bottom: calc(var(--spacing-large) + 8px);
  transform: translateY(50%);
}

#application .form-horizontal .form-group .controls .select2-container, #application .form-horizontal .form-group .controls-grid .select2-container, #application .form-horizontal .form-group .controls .select2-container-multi, #application .form-horizontal .form-group .controls-grid .select2-container-multi {
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  position: relative;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container .select2-search-choice-close, #application .form-horizontal .form-group .controls .select2-container-multi .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-search-choice-close {
  cursor: pointer;
  border: 0;
  outline: none;
  text-decoration: none;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice abbr:before, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice abbr:before, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice abbr:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice abbr:before, #application .form-horizontal .form-group .controls .select2-container .select2-search-choice-close:before, #application .form-horizontal .form-group .controls-grid .select2-container .select2-search-choice-close:before, #application .form-horizontal .form-group .controls .select2-container-multi .select2-search-choice-close:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-search-choice-close:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 1;
}

#application .form-horizontal .form-group .controls .select2-container:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi:not(.select2-container-multi) .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi:not(.select2-container-multi) .select2-choice abbr {
  top: auto;
  bottom: calc(var(--spacing-large) + 8px);
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 2px 0 0;
  display: inline-flex;
  position: absolute;
  right: 30px;
  transform: translateY(50%);
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice, #application .form-horizontal .form-group .controls .select2-container .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices {
  width: 100%;
  min-height: var(--field-row-height);
  box-sizing: border-box;
  color: var(--gray-700);
  line-height: 0;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  background-clip: padding-box;
  border: none;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container .select2-choices:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices:has(.select2-chosen-template) {
  padding-top: 0 !important;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-arrow {
  top: auto;
  bottom: calc(var(--spacing-large) + 8px);
  right: var(--spacing-xxlarge);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: inline-flex;
  position: absolute;
  transform: translateY(calc(50% + 1px));
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls .select2-container .select2-choices .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-arrow:before, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-arrow:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 1;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  padding-top: var(--field-value-pad-top);
  padding-bottom: var(--field-value-pad-bottom);
  padding-left: var(--field-content-inset);
  padding-right: var(--spacing-large);
  width: calc(100% - 42px);
  font-weight: 500;
  display: block;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen:has(.select2-chosen-template), #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen:has(.select2-chosen-template) {
  position: relative;
  overflow: visible;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template {
  width: 100%;
  padding-top: var(--spacing-large);
  flex-direction: column;
  display: flex;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-name {
  color: var(--gray-700);
  font-weight: 500;
  font-size: var(--type-value);
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 80%;
  line-height: 1.3;
  position: absolute;
  top: 30px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-top-right {
  font-weight: normal;
  font-size: var(--type-micro);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  line-height: 1.3;
  position: absolute;
  top: 34px;
  right: 4px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen .select2-chosen-template .select2-chosen-bottom-right {
  font-weight: normal;
  font-size: var(--type-micro);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  line-height: 1.3;
  position: absolute;
  top: 12px;
  right: 4px;
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice.select2-default, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice.select2-default, #application .form-horizontal .form-group .controls .select2-container .select2-choices.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices.select2-default, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices.select2-default, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices.select2-default {
  color: var(--color-text-muted-ink);
  font-size: var(--font-size-xsmall);
}

#application .form-horizontal .form-group .controls .select2-container .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container .select2-choices.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choices.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choices.select2-default > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices.select2-default > .select2-chosen {
  font-weight: normal;
}

#application .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear .select2-choice .select2-chosen {
  width: calc(100% - 35px);
}

#application .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear .select2-choice abbr {
  display: inline-block !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls .select2-container.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:empty + abbr, #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:empty + abbr, #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:empty + abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:empty + abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls .select2-container .select2-choice abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls-grid .select2-container .select2-choice abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls .select2-container-multi .select2-choice abbr, .form-group[empty="true"] #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-search-choice-close, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-search-choice-close {
  background: none;
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-search-choice-close .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-search-choice-close .select2-choice abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-search-choice-close .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-search-choice-close .select2-choices:after, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-search-choice-close .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-search-choice-close .select2-choices:after {
  content: "";
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice abbr, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice {
  box-shadow: none;
  background: var(--color-background-400);
  border-radius: 0;
  outline: none;
  padding-left: 0;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen {
  translate: 0;
  padding-left: var(--field-content-inset) !important;
  color: inherit !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty {
  margin-top: 1px;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice > .select2-chosen:empty:before {
  content: "-";
  position: relative;
  top: 0;
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--type-control) !important;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choice .select2-arrow {
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled.select2-allowclear .select2-choice > .select2-chosen {
  margin-left: 0;
}

#application .form-horizontal .form-group .controls .select2-container.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls .select2-container-multi.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .select2-container-multi.list-popover-field .select2-choice .select2-arrow {
  background-image: none !important;
}

#application .form-horizontal .form-group .controls .select2-container.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls .select2-container-multi.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi.list-popover-field .select2-choice .select2-arrow:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  padding: 0;
  line-height: 1;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-search-choice-close {
  margin-top: 0 !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices {
  gap: var(--spacing-standard);
  row-gap: var(--space-1);
  width: 100%;
  padding-top: var(--space-5);
  padding-left: var(--field-content-inset);
  padding-bottom: var(--space-3);
  box-sizing: border-box;
  min-height: var(--field-row-height);
  cursor: text;
  background-color: #0000;
  flex-flow: wrap;
  align-items: center;
  height: auto;
  margin: 0;
  line-height: 0;
  list-style: none;
  display: flex;
  position: relative;
  box-shadow: none !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices:after {
  content: "";
  height: 38px;
  right: var(--spacing-xxlarge);
  pointer-events: none;
  width: 12px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: 22px !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices li, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices li {
  translate: 0 6px;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice {
  gap: var(--space-1);
  color: var(--white);
  background-color: var(--color-tertiary);
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-3);
  font-size: var(--font-size-xxsmall);
  border-radius: var(--spacing-small);
  text-wrap: nowrap;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-clip: padding-box;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
  display: flex;
  position: relative;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice div, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice div {
  position: relative;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  filter: none;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 0;
  display: inline-flex;
  position: relative;
  right: 0;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before {
  color: var(--white);
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-field, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-field input, #application .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-field input {
  color: var(--gray-700);
  border-radius: var(--radius-xxsmall);
  box-sizing: border-box;
  width: 100%;
  font-size: var(--font-size-small);
  min-height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  outline: 0;
  padding: 0;
  font-weight: normal;
  background: none !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-active .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-active .select2-choices {
  box-shadow: 0 0 5px #0000004d;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices {
  cursor: default;
  padding-left: var(--field-content-inset);
  padding-bottom: 0;
  padding-top: var(--field-label-float-pad);
  background-color: #0000;
  outline: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices:after {
  content: "";
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices li, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices li {
  translate: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  color: var(--white);
  outline: 0;
  line-height: normal;
  background-color: var(--gray-400) !important;
  color: var(--white) !important;
  padding: var(--space-1) var(--space-2) !important;
  border-radius: 6px !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  background: none;
  display: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:hover, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices:hover {
  box-shadow: none;
  outline: none;
}

#application .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:has(li.select2-search-field:only-child):before, #application .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices:has(li.select2-search-field:only-child):before {
  content: "-";
  position: relative;
  top: -2px;
  translate: 0 2px;
  color: var(--gray-700) !important;
  font-weight: normal !important;
  font-size: var(--type-control) !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi.list-popover-field .select2-choices:after, #application .form-horizontal .form-group .controls-grid .select2-container-multi.list-popover-field .select2-choices:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
  background-image: none !important;
}

#application .form-horizontal .form-group.fg-label-line .control-label, #application .form-horizontal .form-group.fh-label-line .control-label {
  min-width: 94px;
  padding-right: var(--spacing-large);
  justify-content: flex-start;
  top: 11px;
  width: auto !important;
  left: 0 !important;
}

#application .form-horizontal .form-group.fg-label-line .select2-container, #application .form-horizontal .form-group.fh-label-line .select2-container {
  height: 35px;
}

#application .form-horizontal .form-group.fg-label-line .select2-container .select2-choice, #application .form-horizontal .form-group.fh-label-line .select2-container .select2-choice {
  height: 27px;
  box-shadow: none !important;
  border-radius: unset !important;
  outline: none !important;
  min-height: 0 !important;
}

#application .form-horizontal .form-group.fg-label-line .select2-container .select2-choice abbr, #application .form-horizontal .form-group.fh-label-line .select2-container .select2-choice abbr {
  top: 1px !important;
}

#application .form-horizontal .form-group.fg-label-line .select2-container .select2-choice > .select2-chosen, #application .form-horizontal .form-group.fh-label-line .select2-container .select2-choice > .select2-chosen {
  height: 27px;
  padding-bottom: 0;
  line-height: 27px;
  translate: unset !important;
  padding-top: 0 !important;
}

#application .form-horizontal .form-group.fg-label-line .select2-container .select2-arrow, #application .form-horizontal .form-group.fh-label-line .select2-container .select2-arrow {
  margin-top: var(--spacing-large) !important;
  top: 5px !important;
  transform: translateY(-50%) !important;
}

#application .form-horizontal .form-group.fg-label-line .select2-container.list-popover-field .select2-choice .select2-arrow, #application .form-horizontal .form-group.fh-label-line .select2-container.list-popover-field .select2-choice .select2-arrow {
  width: 16px;
  background-image: none !important;
}

#application .form-horizontal .form-group.fg-label-line .select2-container.list-popover-field .select2-choice .select2-arrow:before, #application .form-horizontal .form-group.fh-label-line .select2-container.list-popover-field .select2-choice .select2-arrow:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--type-value);
  color: var(--gray-700);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#application .form-horizontal .form-group.fg-label-line .select2-container.select2-container-disabled .select2-choice > .select2-chosen, #application .form-horizontal .form-group.fh-label-line .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  margin-top: 0;
}

#application .form-horizontal .form-group.fg-label-line .select2-container.select2-container-disabled .select2-choices:after, #application .form-horizontal .form-group.fh-label-line .select2-container.select2-container-disabled .select2-choices:after {
  content: "";
  display: none;
}

#application .form-horizontal .form-group.fg-label-line .select2-container-multi.list-popover-field .select2-choices:after, #application .form-horizontal .form-group.fh-label-line .select2-container-multi.list-popover-field .select2-choices:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  width: 16px;
  display: flex;
  margin-top: var(--spacing-large) !important;
  background-image: none !important;
  top: 10px !important;
  transform: translateY(-50%) !important;
}

#application .form-horizontal .form-group.fg-label-line.has-dropdown-open .control-label, #application .form-horizontal .form-group.fh-label-line.has-dropdown-open .control-label {
  left: 0 !important;
}

#application .form-horizontal .form-group:has(.manage) .controls {
  width: calc(100% - 28px);
}

#application .form-horizontal .form-group.has-error .label:not(.dsl-action-btn .label) {
  color: var(--color-text-muted-ink) !important;
}

#application .form-horizontal .form-group.has-error .controls .select2-container .select2-choice .select2-chosen-top-right, #application .form-horizontal .form-group.has-error .controls .select2-container .select2-choice .select2-chosen-bottom-right {
  color: var(--color-error-ink) !important;
}

#application .form-horizontal .form-group.has-error .controls .select2-container.select2-container-disabled .select2-choices:after {
  content: "";
  display: none;
}

#application .form-horizontal .form-group.has-error .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  margin-top: 0;
  margin-left: 0;
}

#application .form-horizontal .form-group.fg-select .control-label {
  width: 100%;
}

#application .form-horizontal .form-group.fg-select.fg-inline-control .controls {
  padding-bottom: var(--spacing-xsmall);
}

#application .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly:not(.fg-label-line) {
  box-sizing: border-box;
  background-color: #0000;
  background-image: linear-gradient(var(--color-background-400), var(--color-background-400));
  min-height: var(--field-row-height-readonly);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 100% calc(100% - 8px);
  border-radius: 0;
}

#application .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly:not(.fg-label-line) > .control-label {
  padding: var(--space-1) var(--space-2) 0 0;
  z-index: auto;
  position: relative;
}

#application .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly:not(.fg-label-line) .controls .select2-container .select2-choice {
  align-items: center;
  min-height: 28px;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border: none !important;
  display: flex !important;
}

#application .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly:not(.fg-label-line) .controls .select2-container .select2-choice > .select2-chosen {
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}

#application .form-horizontal .form-group.fg-select:has(.select2-choice:not(.select2-default) .select2-chosen:not(:empty)) > .control-label .required-label, #application .form-horizontal .form-group.fg-select:has(.select2-search-choice) > .control-label .required-label {
  color: inherit !important;
}

#application .form-horizontal .form-group.fg-select.has-error:has(.select2-choice:not(.select2-default) .select2-chosen:not(:empty)) > .control-label .required-label, #application .form-horizontal .form-group.fg-select.has-error:has(.select2-search-choice) > .control-label .required-label {
  color: var(--color-error-ink) !important;
}

#application .cardread .form-horizontal .form-group:has(.select2-container-multi) {
  gap: var(--space-1);
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices {
  border: none;
  min-height: 34px;
  margin-bottom: 0;
  padding: 0;
  overflow-x: auto;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice li, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice li, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices li, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices li, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices li {
  translate: 0;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen {
  margin-top: 0;
  margin-left: 0;
  translate: 0;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices > .select2-chosen:empty, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices > .select2-chosen:empty {
  margin-top: 0;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-search-choice, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-choice {
  padding-right: var(--spacing-standard);
  padding-left: var(--spacing-xlarge);
  padding-bottom: var(--spacing-xsmall);
  line-height: normal;
  color: var(--white) !important;
  font-size: var(--font-size-xxsmall) !important;
  font-weight: 500 !important;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-search-field, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choice .select2-arrow, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-choices .select2-arrow, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-arrow, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-choices .select2-arrow {
  display: none;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-container-disabled .select2-choice, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-container-disabled .select2-choices {
  border: none;
  min-height: auto;
}

#application .cardread .form-horizontal .form-group .controls .select2-container .select2-container-disabled .select2-choice:after, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-container-disabled .select2-choice:after, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-container-disabled .select2-choice:after, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-container-disabled .select2-choice:after, #application .cardread .form-horizontal .form-group .controls .select2-container .select2-container-disabled .select2-choices:after, #application .cardread .form-horizontal .form-group .controls-grid .select2-container .select2-container-disabled .select2-choices:after, #application .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-container-disabled .select2-choices:after, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi .select2-container-disabled .select2-choices:after {
  content: "";
  display: none;
}

#application .cardread .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices {
  padding-left: var(--field-content-inset);
  background-color: #0000;
  border: none;
}

#application .cardread .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:after, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices:after {
  content: "";
  display: none;
}

#application .cardread .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice, #application .cardread .form-horizontal .form-group .controls-grid .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  translate: 0;
}

#application .cardread .form-horizontal .form-group.fg-label-line .select2-choice, #application .cardread .form-horizontal .form-group.fh-label-line .select2-choice {
  height: auto;
  margin-top: 0;
  margin-left: 0;
  border-bottom: none !important;
  width: 100% !important;
  min-height: auto !important;
  padding-top: 0 !important;
}

#application .cardread .form-horizontal .form-group:has(.manage) .controls {
  width: 100%;
}

.select2-drop {
  width: 100%;
  z-index: var(--z-portal-dropdown);
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 4px;
  position: absolute;
  top: 100%;
  box-shadow: 0 6px 16px -4px #1419281f, 0 2px 4px -2px #14192814;
}

.select2-drop.select2-drop-active.select2-drop-above {
  margin-top: calc(-1 * var(--space-1));
}

.select2-drop.select2-drop-active {
  margin-top: var(--space-1);
}

.select2-drop.select2-drop-active .select2-search {
  padding: var(--spacing-small);
  position: relative;
}

.select2-drop.select2-drop-active .select2-search:before {
  content: "";
  left: calc(var(--spacing-small) + var(--space-2) + 1px);
  top: calc(var(--spacing-small) + 16px);
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-value);
  color: var(--gray-500);
  pointer-events: none;
  z-index: 1;
  line-height: 1;
  position: absolute;
  transform: translateY(-50%);
}

.select2-drop.select2-drop-active .select2-search input {
  margin-bottom: var(--spacing-small);
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  min-height: 32px;
  padding: 0 var(--space-2) 0 calc(var(--space-2) + var(--type-value) + var(--space-2));
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  border: 0;
  border-radius: 4px;
  font-weight: 400;
  line-height: normal;
  transition: background-color .16s, box-shadow .16s;
  background: var(--color-background-400) !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.select2-drop.select2-drop-active .select2-search input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}

.select2-drop.select2-drop-active .select2-search input:focus {
  outline: none;
}

.select2-drop.select2-drop-active .select2-results {
  gap: var(--spacing-small);
  padding: var(--spacing-small);
  flex-direction: column;
  margin: 0;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label {
  cursor: pointer;
  width: 100%;
  min-height: 32px;
  font-size: var(--type-value);
  padding: var(--space-1) var(--space-2);
  color: var(--gray-700);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  border-radius: 2px;
  align-items: center;
  font-weight: normal;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label:has(.select2-inventory-template):after {
  display: none !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template {
  flex-direction: column;
  display: flex;
  width: 100% !important;
  min-height: 40px !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .row-top, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .row-bottom {
  align-items: start;
  column-gap: var(--space-2);
  grid-template-columns: minmax(0, 1fr) max-content;
  width: 100%;
  min-width: 0;
  display: grid;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .row-bottom {
  grid-template-columns: minmax(0, 1fr) max-content;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-name, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-sublabel {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-stock {
  min-width: 0;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: var(--spacing-xlarge);
  display: block;
  position: relative;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-sublabel {
  white-space: nowrap;
  text-align: right;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .row-bottom .select2-inventory-template-right-sublabel {
  white-space: nowrap;
  text-overflow: clip;
  width: auto;
  display: block;
  overflow: visible;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .row-bottom .select2-inventory-template-fdb {
  width: 100%;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-fdb {
  padding-right: 32%;
  display: block;
  position: relative;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template-right-sublabel {
  float: none;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .row-top .select2-inventory-template-right-label, .select2-drop.select2-drop-active .select2-results .select2-result-label .row-bottom .select2-inventory-template-right-sublabel {
  justify-self: end;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template {
  flex-direction: column;
  display: flex;
  position: relative;
  min-height: 40px !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-fdb-name {
  width: 100%;
  display: block;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  font-size: var(--type-label) !important;
  overflow: hidden !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-label-template-sublabel {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-width: 100%;
  margin-top: var(--spacing-xsmall);
  white-space: nowrap;
  color: var(--color-text-muted-ink);
  -webkit-box-orient: vertical;
  padding-left: 0;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-stock {
  color: var(--color-text-muted-ink);
  padding-left: var(--spacing-xsmall);
  margin-top: var(--spacing-xsmall);
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-stock.warning {
  color: var(--color-error-500) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-name .select2-inventory-template-right-label {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: var(--spacing-xsmall);
  right: var(--spacing-standard);
  text-align: right;
  max-width: 32%;
  position: absolute;
  top: 0;
  overflow: hidden;
  font-weight: 400 !important;
  font-size: var(--font-size-xxsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template .select2-inventory-template-fdb .select2-inventory-template-right-sublabel {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: var(--spacing-xsmall);
  right: var(--spacing-standard);
  text-align: right;
  max-width: 32%;
  position: absolute;
  top: 0;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template.select2-document-template {
  min-height: 0 !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template.select2-document-template .select2-inventory-template-name {
  color: var(--gray-700);
  font-weight: 500;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template.select2-document-template .select2-document-template-sent {
  color: var(--color-text-muted-ink);
  font-weight: 400;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template.select2-document-template .row-bottom {
  margin-top: var(--spacing-xsmall);
  display: block;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-inventory-template.select2-document-template .select2-document-template-comments {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-style: italic;
  font-size: var(--font-size-xsmall);
  color: var(--color-text-muted-ink);
  display: block;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-label-template {
  flex-direction: column;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-label-template .select2-label-template-sublabel {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-width: 100%;
  padding-left: var(--spacing-xsmall);
  margin-top: var(--spacing-xsmall);
  white-space: nowrap;
  color: var(--color-text-muted-ink);
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-cmp-instr-template {
  flex-direction: column;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-cmp-instr-template .select2-label-template-sublabel {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  max-width: 100%;
  padding-left: var(--spacing-xsmall);
  margin-top: var(--spacing-xsmall);
  white-space: nowrap;
  color: var(--color-text-muted-ink);
  -webkit-box-orient: vertical;
  line-height: 1.2em;
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-xsmall) !important;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template {
  flex-direction: column;
  width: 100%;
  min-height: 40px;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .row-top, .select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .row-bottom {
  align-items: start;
  column-gap: var(--space-2);
  grid-template-columns: minmax(0, 1fr) max-content;
  width: 100%;
  min-width: 0;
  display: grid;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-name {
  color: var(--gray-700);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  padding-right: var(--spacing-xlarge);
  font-weight: 500;
  display: block;
  position: relative;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-right-label {
  font-size: var(--font-size-xxsmall);
  color: var(--color-tertiary);
  background: var(--brand-100);
  padding: 2px var(--space-1);
  border-radius: var(--radius-small);
  white-space: nowrap;
  text-align: right;
  justify-self: end;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-address {
  color: var(--color-text-muted-ink);
  font-size: var(--font-size-xsmall);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  padding-left: var(--spacing-xsmall);
  margin-top: var(--spacing-xsmall);
  display: block;
  overflow: hidden;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label .select2-address-template .select2-address-template-right-sublabel {
  color: var(--color-text-muted-ink);
  font-size: var(--font-size-xxsmall);
  white-space: nowrap;
  text-align: right;
  margin-top: var(--spacing-xsmall);
  justify-self: end;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label:hover, .select2-drop.select2-drop-active .select2-results .select2-result-label:hover a {
  color: var(--gray-700);
  background-color: #eef6ff;
}

.select2-drop.select2-drop-active .select2-results .select2-result-label.active, .select2-drop.select2-drop-active .select2-results .select2-result-label.select2-highlighted {
  color: var(--gray-700);
  background-color: #eef6ff;
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

.select2-drop.select2-drop-active .select2-results .select2-highlighted .select2-result-label {
  width: 100%;
  color: var(--gray-700);
  background-color: #eef6ff;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: normal;
  display: flex;
}

.select2-drop.select2-drop-active .select2-results .select2-highlighted .select2-result-label:after {
  content: "";
  padding-left: var(--space-2);
  color: var(--color-tertiary);
  flex-shrink: 0;
  margin-left: auto;
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}

.select2-drop.select2-drop-active .select2-results .select2-highlighted .select2-result-label:has(.select2-inventory-template-stock):after {
  display: none !important;
}

.select2-drop.select2-drop-multi .select2-results .select2-highlighted:not(.select2-selected) .select2-result-label:after {
  content: none !important;
}

.select2-drop.select2-drop-multi .select2-results .select2-selected {
  display: list-item !important;
}

.select2-drop.select2-drop-multi .select2-results .select2-selected > .select2-result-label {
  align-items: center;
  display: flex;
}

.select2-drop.select2-drop-multi .select2-results .select2-selected > .select2-result-label:after {
  content: "";
  padding-left: var(--space-2);
  color: var(--color-tertiary);
  flex-shrink: 0;
  margin-left: auto;
  font-family: FontAwesome;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly > .control-label, #application .form-container.form-add-mode .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly > .control-label {
  top: var(--field-label-top);
  left: var(--field-content-inset);
  z-index: 1;
  padding: 0;
  position: absolute;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice, #application .form-container.form-add-mode .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice {
  padding-top: var(--field-label-float-pad) !important;
  height: var(--field-row-height-readonly, var(--field-row-height)) !important;
  min-height: var(--field-row-height-readonly, var(--field-row-height)) !important;
  align-items: center !important;
  padding-bottom: 0 !important;
}

#application .form-container.form-edit-mode .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice > .select2-chosen, #application .form-container.form-add-mode .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice > .select2-chosen {
  height: auto !important;
  line-height: var(--field-value-line-height, 20px) !important;
  margin-top: 0 !important;
}

#application .form-container.form-edit-mode td.gridedit-subrow .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice, #application .form-container.form-add-mode td.gridedit-subrow .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
}

#application .form-container.form-edit-mode td.gridedit-subrow .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice > .select2-arrow, #application .form-container.form-add-mode td.gridedit-subrow .form-horizontal .form-group.fg-select.no-floating-label.fg-readonly .controls .select2-container .select2-choice > .select2-arrow {
  display: none !important;
}

#application .cardread .form-horizontal .form-group.fg-label-line.fg-select > .controls .select2-container {
  height: 23px;
  padding-top: 0;
}

#application .cardread .form-horizontal .form-group.fg-label-line.fg-select > .controls .select2-container .select2-choice {
  height: 23px;
  min-height: 0;
}

#application .cardread .form-horizontal .form-group.fg-label-line.fg-select > .controls .select2-container .select2-choice .select2-chosen {
  height: 23px;
  padding-bottom: 0;
  line-height: 23px;
}

#application .select2-container > .select2-edit-pdf {
  display: none;
}

#application .select2-container.has-edit-pdf > .select2-edit-pdf {
  z-index: 1;
  align-items: center;
  gap: var(--space-1);
  height: 24px;
  padding: 0 var(--space-2);
  border-radius: var(--radius-xsmall);
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  white-space: nowrap;
  cursor: pointer;
  visibility: hidden;
  background: none;
  border: 1px solid #0000;
  font-weight: 500;
  line-height: 1;
  transition: border-color .12s ease-out, background-color .12s ease-out;
  display: inline-flex;
  position: absolute;
  transform: translateY(-50%);
}

#application .select2-container.has-edit-pdf > .select2-edit-pdf:before {
  content: "";
  position: absolute;
  inset: -4px 0;
}

#application .select2-container.has-edit-pdf > .select2-edit-pdf:hover {
  border-color: var(--grid-edge);
  background-color: var(--white);
}

#application .select2-container.has-edit-pdf > .select2-edit-pdf:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  outline: none;
}

#application .select2-container.has-edit-pdf > .select2-edit-pdf > i {
  font-size: var(--type-value);
  color: inherit;
  line-height: 1;
}

#application .select2-container.has-edit-pdf.edit-pdf-placed > .select2-edit-pdf {
  visibility: visible;
}

#application .form-horizontal .form-group .controls .select2-container.has-edit-pdf .select2-choice > .select2-chosen {
  padding-right: var(--edit-pdf-reserve, 96px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#application .form-group.fg-doc-view:after {
  top: var(--doc-view-underline-top, auto);
}

#application .form-group.fg-doc-view[style*="--doc-view-underline-top"]:after {
  bottom: auto;
}

#application .form-edit-mode .select2-container-multi.select2-container-disabled .select2-choices:before {
  content: none !important;
}

#application .form-horizontal .form-group.fg-grid .control-label {
  font-size: var(--type-label);
  border-bottom: none;
  padding: 2px 0 0;
  line-height: normal;
  color: var(--label-color) !important;
  font-weight: 500 !important;
}

#application .form-horizontal .form-group .controls-grid {
  gap: var(--spacing-standard);
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow-x: auto;
}

#application .form-horizontal .form-group .controls-grid .table {
  border-collapse: collapse;
  margin-bottom: auto;
  overflow: auto;
}

#application .form-horizontal .form-group .controls-grid .table thead tr, #application .form-horizontal .form-group .controls-grid .table tbody tr {
  height: auto;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th:not(.offscreen), #application .form-horizontal .form-group .controls-grid .table tbody tr th:not(.offscreen) {
  min-width: 80px;
  padding-right: var(--spacing-standard) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th:not(.offscreen).icon-placeholder, #application .form-horizontal .form-group .controls-grid .table tbody tr th:not(.offscreen).icon-placeholder {
  min-width: 30px !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr td:not(.offscreen), #application .form-horizontal .form-group .controls-grid .table tbody tr td:not(.offscreen) {
  background-color: #0000 !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th {
  font-weight: var(--font-weight-medium);
  color: var(--table-header-ink);
  background-color: var(--table-header-band);
  font-size: var(--type-label);
  padding: var(--embed-th-pad-y) 0px var(--embed-th-pad-y) var(--spacing-standard);
  line-height: var(--line-height-small, 16px);
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.claim-field:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: #0000;
  content: ". . ";
  width: 10px;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.important {
  color: var(--brand-800);
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.important .input {
  color: var(--brand-800) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.important:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  content: ". . ";
  color: #0000;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.money {
  color: #679989;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.money .input {
  color: #679989 !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.money:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  content: ". . ";
  color: #0000;
  width: 10px;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.discount {
  color: #50749c;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.discount:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  content: ". . ";
  color: #0000;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.status {
  color: var(--brand-800);
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.status .input {
  color: var(--brand-800) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.status:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  content: ". . ";
  color: #0000;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.check-field {
  color: #f57066;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.check-field:before {
  content: ".";
  color: #0000;
  content: ". . ";
  width: 10px;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.fdb-field:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  color: #0000;
  content: ". . ";
  width: 10px;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.cms-1500-field:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  color: #0000;
  content: ". . ";
  width: 10px;
  height: 12px;
  margin-right: var(--spacing-xsmall);
  line-height: 1;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.sorting, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_desc, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_asc {
  position: relative;
  padding-right: var(--spacing-xxxxxlarge) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.sorting:after, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_desc:after, #application .form-horizontal .form-group .controls-grid .table thead tr th.sorting_asc:after {
  position: absolute;
  right: 5px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.handle, #application .form-horizontal .form-group .controls-grid .table thead tr th.delete-row, #application .form-horizontal .form-group .controls-grid .table thead tr th.delete-subrow {
  width: 30px;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th {
  font-weight: 500;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th.required-th--missing, #application .form-horizontal .form-group .controls-grid .table thead tr th.required-th.required-th--missing * {
  color: var(--color-error-ink) !important;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th.required-th--missing:before {
  filter: invert(70%) sepia(40%) saturate(500%) hue-rotate(330deg) brightness(140%) contrast(90%);
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.required-th.required-th--missing:after {
  content: "*";
  margin-left: var(--space-1);
  color: var(--color-error-ink);
  font-size: var(--type-display-3);
  vertical-align: -6.4px;
  line-height: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td {
  vertical-align: top;
  background-color: #0000;
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td > i {
  cursor: pointer;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle i, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row i, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow i {
  content: ". . ";
  color: #0000;
  margin-right: var(--spacing-xsmall);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.handle i.fa-arrows-up-down {
  color: var(--color-primary);
  font-size: var(--font-size-xsmall);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.no-data-entered {
  text-align: left;
  padding: var(--spacing-large) var(--spacing-xlarge);
  color: var(--color-text-muted-ink);
  font-size: var(--font-size-small);
  font-style: italic;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices {
  background-color: var(--color-background-200);
  box-sizing: border-box;
  min-height: 40px;
  color: var(--gray-700);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  border-radius: 4px;
  outline: none;
  position: relative;
  overflow: hidden;
  margin-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-chosen {
  height: 40px;
  padding: 0 var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  width: calc(100% - 42px);
  font-weight: 500;
  display: flex;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-arrow, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-arrow, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-arrow {
  margin-top: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice.select2-default, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices.select2-default, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices.select2-default {
  color: var(--color-text-muted-ink);
  background-color: var(--color-background-200);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice.select2-default .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice.select2-default .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices.select2-default .select2-chosen, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices.select2-default .select2-chosen {
  font-weight: 400;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices.select2-default abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices.select2-default abbr {
  display: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice:hover, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice:hover, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices:hover, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices:hover {
  outline: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-chosen-template .select2-chosen-name, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-chosen-template .select2-chosen-name {
  top: 13px;
  left: 10px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen-template .select2-chosen-details, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choice .select2-chosen-template .select2-chosen-details, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choices .select2-chosen-template .select2-chosen-details, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-chosen-template .select2-chosen-details {
  display: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-allowclear .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi.select2-allowclear .select2-choice abbr {
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-allowclear .select2-choice .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi.select2-allowclear .select2-choice .select2-search-choice-close {
  margin-top: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi.select2-allowclear .select2-choice.select2-default abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-allowclear.select2-default .select2-choice abbr, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi.select2-allowclear.select2-default .select2-choice abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices {
  padding: 2px var(--space-2);
  padding-bottom: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices li {
  translate: 0;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container-multi .select2-choices .select2-search-field input {
  box-shadow: none !important;
  background-color: #0000 !important;
  min-height: auto !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow {
  content: "";
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row i, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow i {
  font-size: var(--icon-size-sm);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-row i:before, #application .form-horizontal .form-group .controls-grid .table tbody tr td.delete-subrow i:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  width: 18px;
  height: 18px;
  color: var(--color-error-ink);
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .fg-radio {
  min-height: 44px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input, #application .form-horizontal .form-group .controls-grid .table tbody tr td select, #application .form-horizontal .form-group .controls-grid .table tbody tr td textarea {
  width: 100%;
  min-height: 44px;
  padding: 0 0 0 var(--space-2);
  padding-top: var(--spacing-large);
  box-sizing: border-box;
  color: var(--gray-700);
  line-height: 20px;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
  background-color: var(--color-background-200);
  border: none;
  border-radius: 4px;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008, inset 0 4px 2px #00000003, inset 0 6px 3px #0000 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td select .select2-choice, #application .form-horizontal .form-group .controls-grid .table tbody tr td textarea .select2-choice {
  background-color: var(--color-background-200);
  border-radius: 4px !important;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008, inset 0 4px 2px #00000003, inset 0 6px 3px #0000 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input::placeholder, #application .form-horizontal .form-group .controls-grid .table tbody tr td select::placeholder, #application .form-horizontal .form-group .controls-grid .table tbody tr td textarea::placeholder {
  color: var(--gray-400);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td.is-focused:not(:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled])) {
  border-bottom: 2px solid var(--color-tertiary);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-horizontal, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-horizontal {
  background: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group {
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls *, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls * {
  cursor: pointer;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group-addon, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group-addon {
  height: 44px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group {
  align-items: center;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  position: static !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group .showunit, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group .showunit {
  flex-shrink: 0;
  width: auto;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-xs-12, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-xs-12, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-1, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-2, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-3, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-4, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-5, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-6, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-7, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-8, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-9, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-10, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-11, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .input-group.col-md-12, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .input-group.col-md-12 {
  float: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls.numeral-value input, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls.numeral-value input {
  text-align: right !important;
  padding-right: var(--spacing-standard) !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls > input[readonly], #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls > input[readonly] {
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls:has(input.no-val):before, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls:has(input.no-val):before {
  top: var(--spacing-large);
  left: var(--spacing-large);
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes {
  flex-wrap: nowrap;
  overflow-x: auto;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes label.checkbox, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes label.checkbox {
  min-width: min-content;
  height: auto;
  min-height: auto;
  padding: var(--spacing-large) var(--spacing-xxxxlarge) !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes label.checkbox:first-child, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes label.checkbox:first-child {
  padding-left: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes label.checkbox input, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes label.checkbox input {
  display: none;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group .controls .checkboxes.checkbox-only label.checkbox, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group .controls .checkboxes.checkbox-only label.checkbox {
  padding: var(--spacing-large) 4px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls, #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls *, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls * {
  cursor: not-allowed;
  background-color: #0000;
  box-shadow: none !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls .select2-search-choice-close, #application .form-horizontal .form-group .controls-grid .table tbody tr td.gridedit-subrow .form-group:has(input[readonly], input[disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled]) .controls .select2-search-choice-close {
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input[readonly], #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input[disabled] {
  cursor: not-allowed;
  color: var(--gray-600);
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td textarea {
  height: 44px;
  padding: var(--spacing-large);
  translate: 0 3px;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td > i.glyphicon-zoom-in {
  top: var(--table-tr-th-td-i-zoom-top);
  cursor: zoom-in;
}

#application .form-horizontal .form-group .controls-grid .table thead tr th.header-center {
  text-align: center !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] {
  vertical-align: middle !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input {
  height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 44px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input[readonly], #application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > input[disabled] {
  box-shadow: none !important;
  background-color: #0000 !important;
  border: none !important;
  outline: none !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > .form-group:has(.checkboxes.checkbox-only) {
  height: 44px !important;
  min-height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > .form-group:has(.checkboxes.checkbox-only):after {
  content: none !important;
  background: none !important;
  border: none !important;
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td[subfield-key] > .form-group:has(.checkboxes.checkbox-only) * {
  box-shadow: none !important;
  border: none !important;
}

#application .form-horizontal .form-group .controls-grid .subform-editable-table, #application .form-horizontal .form-group .controls-grid .table-sortable {
  border-collapse: separate;
  border-spacing: 5px;
}

#application .form-horizontal .form-group .controls-grid .subform-editable-table tbody tr td {
  border-bottom: none;
}

#application .form-horizontal .form-group .controls-grid .subform-editable-table tbody tr td.no-data-entered {
  text-align: center;
  color: var(--color-text-muted-ink);
  padding: var(--space-3) 0;
  font-style: italic;
  font-weight: 400;
}

#application .form-horizontal .form-group .controls-grid .table-sortable tbody tr td .select2-container {
  border-radius: 4px;
  box-shadow: 0 1px 1px #0000000a, 0 2px 2px #00000008, 0 3px 3px #00000005, 0 6px 3px #00000003, 0 10px 4px #0000;
}

#application .form-horizontal .form-group .controls-grid .table-sortable tbody tr td .select2-container.select2-container-active {
  border-bottom: 2px solid var(--color-tertiary);
}

#application .form-horizontal .form-group .controls-grid .form-group {
  gap: 0;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th {
  padding: var(--space-2) 0 var(--space-1) 0;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn {
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  margin: 0;
  display: flex;
  min-width: 30px !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum.disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[disabled], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[disabled], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[disabled], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[aria-disabled="true"], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[aria-disabled="true"], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[aria-disabled="true"], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum.disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[disabled] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[disabled] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[disabled] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[aria-disabled="true"] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[aria-disabled="true"] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[aria-disabled="true"] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum.disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[disabled] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[disabled] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[disabled] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[aria-disabled="true"] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[aria-disabled="true"] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[aria-disabled="true"] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum.disabled svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[disabled] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[disabled] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[disabled] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[aria-disabled="true"] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[aria-disabled="true"] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[aria-disabled="true"] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:disabled svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:disabled svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:disabled svg {
  color: #fff;
  font-weight: 300;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row.disabled svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow.disabled svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum.disabled svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[disabled] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[disabled] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[disabled] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row[aria-disabled="true"] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow[aria-disabled="true"] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum[aria-disabled="true"] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:disabled svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:disabled svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:focus-visible, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:focus-visible, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-row:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn.add-subrow-dum:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow) {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow) i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow) .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow).disabled, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[disabled], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[aria-disabled="true"], #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow).disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[disabled] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[aria-disabled="true"] i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):disabled i, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow).disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[disabled] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[aria-disabled="true"] .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):disabled .icon, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow).disabled svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[disabled] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[aria-disabled="true"] svg, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):disabled svg {
  color: #45494f;
  font-weight: 300;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow).disabled svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[disabled] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow)[aria-disabled="true"] svg *, #application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

#application .form-horizontal .form-group .controls-grid tfoot tr th .dsl-action-btn:not(.add-row, .add-subrow):active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

#application .fieldgroup .form-horizontal .form-group.fg-grid .control-label {
  position: relative;
  top: 0 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice .select2-chosen {
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input:not(.select2-focusser, .select2-offscreen), #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice {
  box-shadow: none !important;
  background-color: #0000 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td input:not(.select2-focusser, .select2-offscreen):focus, #application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container.select2-container-active .select2-choice {
  background-color: var(--white) !important;
  box-shadow: 0 0 0 2px var(--color-secondary) !important;
  border-radius: 4px !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice.select2-default {
  background-color: #0000 !important;
}

#application .form-horizontal .form-group .controls-grid .table tbody tr td .select2-container .select2-choice.select2-default .select2-chosen {
  font-weight: 400 !important;
}

#application .fieldgroup .form-horizontal .form-group.fg-json .control-label {
  top: var(--field-label-top);
  position: relative;
  left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json .control-label, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json .control-label {
  left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json > .control-label, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json > .control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls-grid, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls-grid {
  box-sizing: border-box;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json .controls-grid, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json .controls-grid {
  padding-left: var(--field-content-inset);
  box-sizing: border-box;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls {
  padding-left: var(--field-content-inset);
  padding-right: var(--spacing-large);
  box-sizing: border-box;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls > .embedded_table, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json > .controls > .embedded_table {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .fieldgroup .form-horizontal .form-group.fg-json.fg-media-preview > .field-field-media-viewer, #application .cardread .fieldgroup .form-horizontal .form-group.fg-json.fg-media-preview > .field-field-media-viewer {
  margin-top: var(--space-1);
  margin-left: var(--field-content-inset);
  width: calc(100% - var(--field-content-inset));
}

#application .form-container.form-edit-mode .dsl-templ-area .cardform .fieldgroup .form-horizontal .form-group.fg-json > .controls, #application .form-container.form-add-mode .dsl-templ-area .cardform .fieldgroup .form-horizontal .form-group.fg-json > .controls, #application .cardform .fieldgroup .form-horizontal .form-group.fg-json > .controls {
  padding-left: var(--field-content-inset);
  box-sizing: border-box;
  padding-right: 0;
}

#application .form-container.form-edit-mode .dsl-templ-area .cardform .fieldgroup .form-horizontal .form-group.fg-json > .controls > .embedded_table, #application .form-container.form-add-mode .dsl-templ-area .cardform .fieldgroup .form-horizontal .form-group.fg-json > .controls > .embedded_table, #application .cardform .fieldgroup .form-horizontal .form-group.fg-json > .controls > .embedded_table {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#application .form-horizontal .form-group .controls-grid {
  padding: var(--embed-label-gap) 0 var(--space-2) 0;
}

#application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-dum) .dsl-action-btn.btn-add.add-subrow, #application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-flyout) .dsl-action-btn.btn-add.add-subrow, #application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-dum) .dsl-action-btn.btn-add.add-row, #application .form-horizontal .form-group .controls-grid.subform:has(.add-subrow-flyout) .dsl-action-btn.btn-add.add-row, #application .form-horizontal .form-group .controls-grid table tfoot tr th > .hide, #application .form-horizontal .form-group .controls-grid table tfoot:has(.dsl-action-btn.hide):not(:has(.dsl-action-btn:not(.hide))) {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .control-label {
  display: none;
}

#application .form-horizontal .form-group .controls-grid.subform .table {
  table-layout: fixed;
  width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform .table :focus-visible, #application .form-horizontal .form-group .controls-grid.subform .table :focus {
  outline: none;
}

#application .form-horizontal .form-group .controls-grid.subform .table .has-error-grid {
  border-radius: 4px;
  border: 1px solid var(--color-error) !important;
  border-color: var(--color-error) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table input {
  min-width: 50px !important;
  padding-top: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .showunit {
  padding-top: var(--spacing-large) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .numeral-value {
  text-align: right !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table input[type="checkbox"] {
  box-shadow: none !important;
  min-width: fit-content !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table textarea {
  font-size: var(--font-size-standard);
  color: var(--gray-700);
  font-weight: var(--font-weight-medium);
  vertical-align: middle;
  min-width: 80px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  box-shadow: none !important;
  resize: none !important;
  padding: 0 var(--space-2) !important;
  cursor: text !important;
  background: none !important;
  border: none !important;
  line-height: 44px !important;
  translate: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-area, #application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-inline-control {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-area > .control-label, #application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-inline-control > .control-label {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-area .controls.inline-control, #application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-inline-control .controls.inline-control {
  background: none !important;
  position: static !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-area .controls > .textarea-wrapper, #application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-inline-control .controls > .textarea-wrapper {
  height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-area .controls > .textarea-wrapper:before, #application .form-horizontal .form-group .controls-grid.subform .table .form-group.fg-inline-control .controls > .textarea-wrapper:before {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table textarea.area-dynamic {
  overflow: hidden !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .select2-container {
  width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform .table .select2-container .select2-choice .select2-chosen {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding-left: var(--space-2);
  padding-right: 52px;
  line-height: 40px;
  overflow: hidden;
  display: block !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .select2-container.select2-container-disabled .select2-choice .select2-chosen {
  padding-right: var(--spacing-small);
  padding-left: var(--spacing-small) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table select {
  width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform .table .btn-group {
  min-width: 100px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .checkboxes:not(.checkbox-only) {
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table .checkboxes.checkbox-only {
  min-width: 80px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table thead tr {
  background-color: var(--table-header-band);
  padding: 0 var(--space-4);
  text-align: left;
}

#application .form-horizontal .form-group .controls-grid.subform .table thead tr th {
  font-size: var(--type-label);
  color: var(--table-header-ink);
  background-color: var(--table-header-band);
  font-weight: 500;
}

#application .form-horizontal .form-group .controls-grid.subform .table thead tr th.icon-placeholder, #application .form-horizontal .form-group .controls-grid.subform .table thead tr th.handle, #application .form-horizontal .form-group .controls-grid.subform .table thead tr th.delete-subrow, #application .form-horizontal .form-group .controls-grid.subform .table thead tr th.edit-subrow {
  width: 40px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:not(:last-child) td, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr:last-child td.gridedit-subrow:has(.form-group:not(.fg-readonly, .fg-nonfocusable)) {
  border-bottom: 1px solid var(--gray-100);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:has(.controls) td {
  vertical-align: top !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td {
  color: var(--gray-700);
  font-weight: var(--font-weight-medium);
  font-size: var(--spacing-standard) var(--font-size-xsmall);
  vertical-align: middle;
  height: 44px;
  display: table-cell;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td:first-child {
  padding-left: var(--field-content-inset);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td:has(.has-error) {
  height: auto;
  overflow: visible;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > * {
  vertical-align: middle;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.delete-subrow {
  padding-top: var(--spacing-large);
  position: relative;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.edit-subrow {
  display: table-cell;
  position: relative;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.edit-subrow:hover i {
  filter: brightness(.85);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.edit-subrow i {
  width: 28px;
  height: 28px;
  font-size: var(--icon-size-sm);
  color: #5b83b0;
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal {
  width: 100%;
  max-height: 44px;
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.gridedit-subrow .checkbox-group label.checkbox:has(input:disabled) input:checked + span {
  color: var(--gray-700) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.gridedit-subrow:has(.select2-container-multi) {
  height: auto;
  min-height: 44px;
  overflow: visible;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td.gridedit-subrow:has(.select2-container-multi) > .form-horizontal, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal:has(.has-error) {
  max-height: none;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal:has(.has-error) .form-group {
  align-self: flex-start;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group {
  padding: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls {
  border-radius: 4px;
  border-bottom: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls input {
  border-radius: 4px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-container-disabled {
  box-shadow: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container {
  box-shadow: inset 0 0 0 1px var(--gray-200), 0px 1px 1px 0px #0000000a, 0px 2px 2px 0px #00000008, 0px 3px 3px 0px #00000005, 0px 6px 3px 0px #00000003, 0px 10px 4px 0px #0000;
  border-radius: 4px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container .select2-choices:after {
  margin-top: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-container-multi:not(.select2-container-disabled) .select2-choices {
  background-color: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--gray-200) !important;
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
  row-gap: var(--space-1) !important;
  align-content: center !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-dropdown-open .select2-choice, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-container-multi.select2-dropdown-open .select2-choices {
  box-shadow: inset 0 0 0 1px var(--color-tertiary) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-container-multi:not(.select2-container-disabled, .select2-container-active) .select2-search-choice ~ .select2-search-field {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-dropdown-open {
  box-shadow: inset 0 0 0 1px var(--color-tertiary), 0px 1px 1px 0px #0000000a, 0px 2px 2px 0px #00000008, 0px 3px 3px 0px #00000005, 0px 6px 3px 0px #00000003, 0px 10px 4px 0px #0000 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls select.select2field {
  appearance: none;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M5 7.5L10 12.5L15 7.5' stroke='%23838894' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>") right 10px center no-repeat;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls select.select2field option {
  min-height: 32px;
  line-height: var(--line-height-medium);
  cursor: pointer;
  border-radius: var(--radius-small);
  font-size: var(--font-size-small);
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-standard);
  font-weight: var(--font-weight-medium);
  color: var(--gray-700);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls select.select2field option:hover {
  background-color: var(--brand-100);
  color: var(--gray-700);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-group.fg-select.no-floating-label.fg-readonly {
  min-height: 44px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen {
  margin-top: 0;
  margin-left: 0;
  line-height: 44px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield {
  min-height: 40px;
  padding: 0px var(--spacing-large);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link {
  height: 40px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-text-container {
  width: 160px;
  translate: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-text-container > div {
  font-size: var(--type-micro);
  line-height: var(--line-height-xxsmall);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-text-container > div:first-child {
  translate: 0;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link > i {
  font-size: var(--icon-size-sm);
  font-weight: 300 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .esign-image {
  height: 50px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield .esign-link .edit-esign-icon {
  width: 20px;
  height: 20px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield:has(.has-signed) {
  box-shadow: none;
  outline: none;
  min-height: 44px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .esignfield:has(.has-signed) .esign-image {
  height: 50px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-hid, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-cam {
  max-width: 256px;
  font-size: var(--type-micro);
  padding: var(--spacing-small) var(--spacing-xsmall);
  gap: var(--spacing-xsmall);
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-hid span.icon-handheld-scanner, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-cam span.icon-handheld-scanner, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-hid span.icon-camera-scanner, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .barcode-cam span.icon-camera-scanner {
  width: 18px;
  height: 18px;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .help-container .help-block.errormsg {
  text-transform: uppercase;
  background-color: #0000;
  border: none;
  height: auto;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .help-container .help-block.note {
  margin-top: var(--spacing-xsmall);
  font-style: italic;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:not(:last-child) td:has(.form-group.is-focused:not(.fg-readonly, .fg-nonfocusable)) {
  border-bottom: 2px solid;
  border-bottom-color: var(--color-tertiary) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td input:not(.select2-focusser, .select2-offscreen):focus {
  box-shadow: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .select2-container.select2-container-active .select2-choice {
  box-shadow: inset 0 0 0 1px var(--gray-200) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td:has(.form-group:not(.fg-readonly, .fg-nonfocusable) .select2-container-active), #application .form-horizontal .form-group .controls-grid.subform .table tbody tr:last-child td:has(.form-group.is-focused:not(.fg-readonly, .fg-nonfocusable)) {
  border-bottom: 2px solid var(--color-tertiary) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:not(:last-child) td:has(.form-group.has-error.is-focused:not(.fg-readonly, .fg-nonfocusable)) {
  border-bottom: 1px solid var(--gray-100) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr:last-child td:has(.form-group.has-error.is-focused:not(.fg-readonly, .fg-nonfocusable)) {
  border-bottom: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group.has-error.is-focused:not(.fg-readonly, .fg-nonfocusable) .controls {
  border-bottom-color: var(--color-tertiary) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group.has-error .controls {
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid var(--color-error-500) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group.has-error .help-container:has(.errormsg:not(:empty)) {
  margin-top: var(--spacing-xxsmall);
  padding: 0 !important;
  display: block !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group.has-error .help-container:has(.errormsg:not(:empty)) .errormsg {
  text-align: left;
  color: var(--color-error-ink) !important;
  font-size: var(--type-label) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  display: block !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tfoot tr th {
  padding: var(--space-2) 0 var(--space-1) 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add {
  justify-content: flex-start;
  gap: var(--spacing-standard);
  margin-top: 0;
  display: flex;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] {
  white-space: normal !important;
  flex: auto !important;
  min-width: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] .help-block, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] .help-block span, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] span {
  white-space: normal !important;
  -webkit-line-clamp: none !important;
  line-clamp: none !important;
  text-overflow: clip !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  display: block !important;
  overflow: visible !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] .help-block.note:has(span:empty), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] .help-block.warningmsg:empty, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container[class*="help-subform"] .help-block.errormsg:empty {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container {
  margin: var(--space-4) 0 var(--space-1) 0 !important;
  align-items: baseline !important;
  gap: var(--space-2) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .help-container .help-block.note {
  margin: -6px 0 0 8px !important;
  font-style: italic !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn {
  margin-top: var(--spacing-large);
  margin: 0 0 0 var(--space-1);
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: uppercase;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  min-width: 30px !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  padding: var(--space-2) var(--space-4) var(--space-2) var(--space-4);
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled], #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled], #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[aria-disabled="true"], #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[aria-disabled="true"], #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled] i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled] i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[aria-disabled="true"] i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[aria-disabled="true"] i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled i, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled] .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled] .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[aria-disabled="true"] .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[aria-disabled="true"] .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled .icon, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled] svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled] svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[aria-disabled="true"] svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[aria-disabled="true"] svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled svg, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled svg {
  color: #fff;
  font-weight: 300;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum.disabled svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout.disabled svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[disabled] svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[disabled] svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum[aria-disabled="true"] svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout[aria-disabled="true"] svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:disabled svg *, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:focus-visible, #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:focus-visible {
  box-shadow: none;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

#application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-dum:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), #application .form-horizontal .form-group .controls-grid.subform .suform-editable-add .dsl-action-btn.add-subrow-flyout:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

#application .form-horizontal .form-group .controls-grid table tfoot tr {
  width: 100% !important;
  display: table-row !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th {
  max-width: none !important;
  display: table-cell !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th > * {
  vertical-align: top !important;
  display: inline-block !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container {
  margin: 0 0 0 var(--spacing-standard);
  width: fit-content !important;
  max-width: 100% !important;
  display: inline-block !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.note, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.warningmsg, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.errormsg, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block span {
  text-align: center;
  background-color: #0000 !important;
  border: none !important;
  height: 36px !important;
  line-height: 1.6 !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.note {
  align-items: center !important;
  display: flex !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.note > span {
  height: auto !important;
}

#application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.note:has(span:empty), #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.warningmsg:empty, #application .form-horizontal .form-group .controls-grid table tfoot tr th .help-container .help-block.errormsg:empty {
  display: none !important;
}

#application .form-horizontal .form-group .dsl-action-btn.btn-add .inner-cont {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xsmall);
  line-height: 1;
  display: inline-flex;
}

#application .form-horizontal .form-group .dsl-action-btn.btn-add .inner-cont > i {
  line-height: 1;
}

#application .form-horizontal .form-group .dsl-action-btn.btn-add .inner-cont .label {
  margin: 0;
  padding: 0;
  line-height: 1;
}

#application .form-horizontal .form-group:has(.dsl-field-embed .refresh-icon) > .control-label {
  min-height: var(--embed-label-min-h);
  align-items: center;
  position: relative !important;
}

#application .form-horizontal .form-group:has(.dsl-field-embed .refresh-icon):not(.fg-readonly) > .control-label {
  padding-top: 0;
}

#application .form-horizontal .form-group.has-error.error-shown .controls-grid.subform {
  margin-top: var(--space-1);
  overflow: hidden;
  border: 2px solid var(--color-error-500) !important;
  width: calc(100% + 24px) !important;
  max-width: calc(100% + 24px) !important;
  padding-left: var(--spacing-xlarge) !important;
  padding-right: var(--spacing-xlarge) !important;
  border-radius: 0 !important;
  margin-left: -12px !important;
  margin-right: -12px !important;
}

#application .form-horizontal .form-group.has-error.error-shown:focus-within .controls-grid.subform {
  border-color: var(--color-error-500) !important;
}

#application .form-horizontal .form-group.has-error.error-shown .subform .sf-table-container .checkbox {
  border: none;
}

#application .form-horizontal .form-group.has-error.error-shown .subform .sf-table-container .checkbox span {
  color: var(--color-tertiary) !important;
}

#application .form-horizontal .form-group.has-error.error-shown .subform .sf-table-container .checkbox input:checked + span {
  color: var(--white) !important;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container {
  width: 100%;
  margin-top: 0;
  height: auto !important;
  display: flex !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.errormsg {
  text-transform: uppercase;
  color: var(--color-error-ink);
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-medium);
  height: auto;
  min-height: 36px;
  margin-bottom: var(--spacing-xsmall);
  text-align: left;
  background-color: #fff;
  border: none;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.note {
  height: 36px;
  margin-top: var(--spacing-xsmall);
  margin-bottom: var(--spacing-xsmall);
  text-align: left;
  background-color: #fff;
  font-style: italic;
}

#application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.note:has(span:empty), #application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.warningmsg:empty, #application .form-horizontal .form-group.has-error.error-shown .suform-editable-add .help-container .help-block.errormsg:empty {
  display: none !important;
}

#application .form-horizontal .form-group.has-error.error-shown.has-error.error-shown tfoot .help-container.json-subform-help {
  display: flex !important;
}

#application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table thead th, #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped thead th, #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody td.read-subrow, #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody td.read-subrow {
  padding-left: var(--spacing-standard);
  padding-right: var(--spacing-standard);
}

#application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:nth-child(odd of tr[rowid]), #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:nth-child(odd of tr[rowid]), #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:not(.row-preview):nth-child(odd), #application .form-horizontal .form-group.has-error.error-shown .controls-grid #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:not(.row-preview):nth-child(odd) {
  background-color: var(--white);
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped {
  table-layout: auto;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.delete-subrow, #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.edit-subrow:has( > i) {
  vertical-align: middle !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: relative !important;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.delete-subrow > i {
  height: fit-content;
  padding-top: var(--spacing-xlarge);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.gridedit-subrow:has(.fg-checkbox-only) {
  vertical-align: middle !important;
  text-align: center !important;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.gridedit-subrow:has(.fg-checkbox-only) .checkboxes.checkbox-only {
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
  display: flex !important;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.edit-subrow[class*="subformfield-"], #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow {
  padding-left: var(--spacing-standard);
  padding-right: var(--spacing-standard);
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow > *, #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow .fh-readonly, #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow .numeral-value, #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow .form-group, #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow .controls {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.gridedit-subrow:not(.offscreen):has(.fg-input) {
  min-width: 125px;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.gridedit-subrow:not(.offscreen):has(.fg-select), #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.gridedit-subrow:not(.offscreen):has(.fg-radio) {
  min-width: 150px;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped tbody td.read-subrow:not(.offscreen) {
  min-width: 0;
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table thead th, #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped thead th, #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody td.read-subrow, #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody td.read-subrow {
  padding-left: var(--spacing-standard);
  padding-right: var(--spacing-standard);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:has( > td#no-data-row), #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:has( > td#no-data-row) {
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody td#no-data-row, #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody td#no-data-row {
  text-align: center;
  background-color: #0000;
  font-style: italic;
  font-weight: 400;
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:nth-child(odd of tr[rowid]), #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:nth-child(odd of tr[rowid]), #application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:not(.row-preview):nth-child(odd), #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:not(.row-preview):nth-child(odd) {
  background-color: var(--white);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid] td, #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr[rowid] td {
  border-bottom: 1px solid var(--gray-100);
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr.row-preview td, #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr.row-preview td {
  border-bottom: none !important;
}

#application .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr[rowid]:not(:has( + tr.row-preview + tr[rowid])) td, #application .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr[rowid]:not(:has( + tr.row-preview + tr[rowid])) td {
  border-bottom: none;
}

#application .form-read-mode .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:nth-child(odd of tr[rowid]), #application .form-read-mode .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:nth-child(odd of tr[rowid]), #application .form-read-mode .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tbody > tr:not(.row-preview):nth-child(odd), #application .form-read-mode .form-horizontal .form-group .controls-grid.readonly.subform table.table.table-hover.table-striped tbody > tr:not(.row-preview):nth-child(odd) {
  background-color: #0000;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody td .help-container, #application .form-horizontal .form-group .controls-grid.subform .table tbody td .help-block {
  word-break: normal;
  overflow-wrap: break-word;
}

#application table.subform-editable-table .form-horizontal .form-group, #application .controls-grid.subform .table .form-horizontal .form-group {
  background-position: 0 0;
  background-size: 100% 100%;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-ind_deductible):has(thead th.subformfield-family_deductible) {
  table-layout: fixed;
  width: 100%;
}

#application .form-horizontal .form-group.fg-subform > .controls-grid.subform > label.control-label {
  font-size: var(--type-value);
  font-weight: 500;
  margin-bottom: var(--spacing-standard) !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  display: block !important;
  position: relative !important;
}

#application .form-horizontal .form-group.fg-subform {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-horizontal .form-group.fg-subform > .controls-grid.subform > label.control-label:has(span:empty) {
  display: none !important;
}

#application .form-horizontal.fh-subform .area_header:before {
  content: attr(data-section-name) !important;
  font-size: var(--type-label) !important;
  color: #3c3c43d9 !important;
  margin-bottom: var(--spacing-xsmall) !important;
  padding-bottom: 0 !important;
  padding-top: var(--spacing-large) !important;
  border-bottom: none !important;
  font-weight: 500 !important;
  display: block !important;
  position: relative !important;
}

#application .form-container .cardform .cardarea .fh-subform .area_header {
  z-index: 1 !important;
  width: calc(100% + 24px) !important;
  margin-left: -12px !important;
  margin-right: -12px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative !important;
  top: auto !important;
}

#application .form-horizontal.fh-subform {
  width: calc(100% + 24px) !important;
  max-width: calc(100% + 24px) !important;
  margin-left: -12px !important;
  margin-right: -12px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-horizontal.fh-subform table.table thead tr th:first-child, #application .form-horizontal.fh-subform table.table tbody tr td:first-child {
  padding-left: var(--spacing-standard);
}

#application .form-container .cardform .cardarea .fh-subform, #application .form-container .cardread .cardarea .fh-subform {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-container .cardform .cardarea .fh-subform .controls-grid th:first-child, #application .form-container .cardform .cardarea .fh-subform .controls-grid td:first-child, #application .form-container .cardread .cardarea .fh-subform .controls-grid th:first-child, #application .form-container .cardread .cardarea .fh-subform .controls-grid td:first-child {
  padding-left: var(--field-content-inset);
}

#application .form-container .cardform .cardarea .area_header:has(.form-group.fg-subform.has-error.error-shown):before {
  color: var(--color-error-ink) !important;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-inventory_id):has(thead th.subformfield-dispensed_quantity):has(thead th.subformfield-nurse_verified) {
  table-layout: fixed;
  width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-inventory_id):has(thead th.subformfield-dispensed_quantity):has(thead th.subformfield-nurse_verified) tbody td.gridedit-subrow:not(.offscreen):has(.fg-input), #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-inventory_id):has(thead th.subformfield-dispensed_quantity):has(thead th.subformfield-nurse_verified) tbody td.gridedit-subrow:not(.offscreen):has(.fg-select) {
  min-width: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-time_taken):has(thead th.subformfield-o2_sat) {
  table-layout: fixed;
  width: 100%;
}

#application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-time_taken):has(thead th.subformfield-o2_sat) tbody td.gridedit-subrow:not(.offscreen):has(.fg-input), #application .form-horizontal .form-group .controls-grid.subform table.table.table-hover.table-striped:has(thead th.subformfield-time_taken):has(thead th.subformfield-o2_sat) tbody td.gridedit-subrow:not(.offscreen):has(.fg-select) {
  min-width: 0 !important;
}

#application .cardarea .fieldgroup > .form-horizontal.form-col-1.fh-subform {
  padding-left: var(--space-2) !important;
}

#application .cardarea .fieldgroup:not(.has-header) > .form-horizontal.form-col-1.fh-subform {
  padding-left: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform table > thead > tr > th.th-checkbox-only {
  text-align: center !important;
}

#application .form-horizontal .form-group .controls-grid.subform table > tbody > tr > td .form-group.fg-checkbox-only > .controls > .checkboxes.checkbox-only {
  margin-left: auto !important;
  margin-right: auto !important;
}

#application .form-horizontal .form-group.fg-subform > .controls-grid.subform > label.control-label:has( > span:not(:empty)) {
  font-size: var(--type-label) !important;
  text-align: left !important;
  margin-bottom: calc(var(--space-1) - var(--space-2) - 5px) !important;
  padding-left: 5px !important;
  top: -2px !important;
}

#application .form-horizontal .form-group.fg-subform > .controls-grid.subform > label.control-label > .required-label {
  width: auto;
  height: 8px;
  margin-top: var(--space-1);
  vertical-align: top;
  margin-left: 2px;
  padding: 0;
  display: inline-block;
}

#application .form-horizontal .form-group.fg-subform > .controls-grid.subform:has( > .sf-table-container > table > tbody > tr[rowid]:not([style*="display: none"])) > label.control-label > .required-label {
  display: none;
}

#application .form-horizontal .form-group .controls-grid.subform:has( > .suform-editable-add) > .sf-table-container > table > tfoot {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform table > thead > tr > th.status:before {
  content: none !important;
}

#application .cardarea.expandable-sections-enabled .fieldgroup.has-subform-grid {
  background-color: var(--white) !important;
}

#application .cardarea.expandable-sections-enabled .fieldgroup.has-subform-grid .sf-table-container, #application .cardarea.expandable-sections-enabled .fieldgroup.has-subform-grid .controls-grid.subform .table {
  background-color: var(--white);
}

#application .cardarea.expandable-sections-enabled .fieldgroup.has-subform-grid .controls-grid.subform .table tbody td:has( > .form-horizontal .form-group:not(.fg-readonly)) {
  padding-left: var(--space-1) !important;
  padding-right: var(--space-1) !important;
}

#application .cardarea.expandable-sections-enabled .fieldgroup.has-subform-grid .controls-grid.subform:has(.suform-editable-add) .table tfoot {
  display: none !important;
}

#application .cardarea.expandable-sections-enabled .fieldgroup.has-subform-grid .controls-grid.subform .suform-editable-add {
  margin-bottom: var(--space-3) !important;
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py {
  background-color: var(--white) !important;
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .sf-table-container, #application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .controls-grid.subform .table {
  background-color: var(--white);
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .controls-grid.subform .table {
  table-layout: fixed !important;
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .controls-grid.subform .table tbody tr:has(.controls) td {
  vertical-align: middle !important;
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .controls-grid.subform .table tbody td .form-group {
  justify-content: center;
  min-height: 0 !important;
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .controls-grid.subform .table tbody td .form-group.fg-input.fg-readonly {
  background-color: #fafafa;
  border-radius: 6px;
}

#application .cardarea.expandable-sections-enabled .form_med_claim_1500_sl_py .controls-grid.subform .table tbody td:has(.form-group.fg-input:not(.fg-readonly)) {
  padding-left: var(--space-1) !important;
  padding-right: var(--space-1) !important;
}

#application .cardarea.expandable-sections-enabled .fh-embedded_table .controls {
  padding: var(--space-3) 0 0 !important;
}

#application .cardarea.expandable-sections-enabled .fieldgroup:has( > .fh-embedded_table) {
  padding-bottom: var(--space-2) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-checkbox-only > .controls, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-checkbox-only > .controls > .checkboxes, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-checkbox-only > .controls > .checkboxes > label.checkbox {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-checkbox-only > .help-container:not(:has(.errormsg:not(:empty))) {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-checkbox:not(.fg-checkbox-only) > .controls > .checkboxes:not(.checkbox-only) {
  align-content: center;
  align-items: center;
  column-gap: var(--space-3);
  row-gap: var(--nudge-1);
  flex-wrap: wrap;
  min-height: 44px;
  height: auto !important;
  padding-left: var(--space-2) !important;
  display: flex !important;
  overflow: visible !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-checkbox:not(.fg-checkbox-only) > .controls > .checkboxes:not(.checkbox-only) > label.checkbox {
  border-radius: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container-multi .select2-choices {
  padding-right: calc(var(--spacing-xxlarge) + var(--space-3) + var(--space-1)) !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container-multi .select2-choices:after {
  align-items: center !important;
  height: auto !important;
  top: 0 !important;
  bottom: 0 !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container .select2-choice .select2-arrow {
  align-items: center !important;
  height: auto !important;
  display: flex !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container .select2-choice abbr {
  height: auto !important;
  padding: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  transform: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container.select2-allowclear .select2-choice abbr {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td .form-horizontal .form-group .controls .select2-container .select2-choice.select2-default abbr {
  display: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-readonly > .controls {
  align-items: center;
  height: 44px;
  display: flex;
  box-shadow: none !important;
  background-color: #0000 !important;
  border: none !important;
}

#application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-readonly > .controls > input, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-readonly > .controls > input[readonly], #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-readonly > .controls > input[disabled], #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-readonly > .controls > .picker, #application .form-horizontal .form-group .controls-grid.subform .table tbody tr td > .form-horizontal > .form-group.fg-readonly > .controls > .picker > input {
  box-shadow: none !important;
  height: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--space-1) !important;
  background-color: #0000 !important;
  border: none !important;
  outline: none !important;
  padding-right: 0 !important;
  line-height: 28px !important;
}

#application:has( > .app.compact) .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td.dataTables_empty), #application:has( > .app.compact) .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td.no-data-entered), #application:has( > .app.compact) .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td#no-data-row), .app.compact #application .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td.dataTables_empty), .app.compact #application .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td.no-data-entered), .app.compact #application .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td#no-data-row) {
  display: none !important;
}

#application:has( > .app.compact) .form-container.form-edit-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.dataTables_empty, td.no-data-entered, td#no-data-row) .dataTables_scrollBody {
  height: 0 !important;
  min-height: 0 !important;
}

#application:has( > .app.compact) .form-container.form-edit-mode .form-horizontal .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.dataTables_empty, td.no-data-entered, td#no-data-row) .controls .dsl-field-embed .dataTables_scroll {
  height: auto !important;
  min-height: 0 !important;
}

:root {
  --table-action-btn-h: 26px;
  --table-action-btn-pad-x: 10px;
  --table-action-btn-font: 11px;
  --table-action-btn-icon: 9px;
  --table-action-btn-icon-box: 12px;
  --table-action-btn-radius: 5px;
  --embed-th-pad-y: 4px;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn {
  height: var(--table-action-btn-h);
  min-height: var(--table-action-btn-h);
  gap: var(--space-1);
  font-size: var(--table-action-btn-font);
  padding: 0 var(--table-action-btn-pad-x);
  line-height: 1;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--table-action-btn-pad-x) !important;
  padding-right: var(--table-action-btn-pad-x) !important;
  border-radius: var(--table-action-btn-radius) !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn:not(.disabled) {
  justify-content: center;
  align-items: center;
  display: inline-flex !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .inner-cont .icon, #application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .inner-cont > i {
  text-align: center;
  width: var(--table-action-btn-icon-box) !important;
  height: var(--table-action-btn-icon-box) !important;
  font-size: var(--table-action-btn-icon) !important;
  line-height: var(--table-action-btn-icon-box) !important;
  display: block !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn i, #application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .icon {
  font-size: var(--table-action-btn-icon) !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn .inner-cont .label, #application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls .dsl-field-embed .compact-btns-container .dsl-action-btn p.label {
  line-height: var(--table-action-btn-icon-box);
  margin: 0;
  font-size: var(--table-action-btn-font) !important;
  font-weight: var(--font-weight-medium) !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn {
  height: var(--table-action-btn-h);
  min-height: var(--table-action-btn-h);
  gap: var(--space-1);
  font-size: var(--table-action-btn-font);
  padding: 0 var(--table-action-btn-pad-x);
  line-height: 1;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--table-action-btn-pad-x) !important;
  padding-right: var(--table-action-btn-pad-x) !important;
  border-radius: var(--table-action-btn-radius) !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn:not(.disabled) {
  justify-content: center;
  align-items: center;
  display: inline-flex !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn .inner-cont .icon, #application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn .inner-cont > i {
  text-align: center;
  width: var(--table-action-btn-icon-box) !important;
  height: var(--table-action-btn-icon-box) !important;
  font-size: var(--table-action-btn-icon) !important;
  line-height: var(--table-action-btn-icon-box) !important;
  display: block !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn i, #application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn .icon {
  font-size: var(--table-action-btn-icon) !important;
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn .inner-cont .label, #application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) .controls-grid .dsl-action-btn p.label {
  line-height: var(--table-action-btn-icon-box);
  margin: 0;
  font-size: var(--table-action-btn-font) !important;
  font-weight: var(--font-weight-medium) !important;
}

#application .form-horizontal .form-group.fg-grid > .controls-grid {
  padding-top: var(--field-label-top);
  row-gap: 0;
}

#application .form-horizontal .form-group.fg-grid > .controls-grid > .control-label {
  line-height: var(--field-label-lh);
  min-height: var(--embed-label-min-h);
  padding-top: 0;
}

#application .form-horizontal .form-group.fg-embedded_table > .control-label {
  margin-bottom: var(--field-label-top);
}

#application .cardread .form-horizontal .form-group.fg-embedded_table > .control-label {
  margin-bottom: var(--field-label-top-read);
}

#application .form-horizontal .form-group .controls .dsl-field-embed .dataTables_scroll .dataTables_scrollHead table thead tr th {
  padding-top: var(--embed-th-pad-y);
  padding-bottom: var(--embed-th-pad-y);
}

#application .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .form-group :is(.dsl-field-embed, .controls-grid) table :is(tbody td, thead th) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#application .form-horizontal.fh-embedded_table .form-group .embedded_table.embed-wrap-cells .dsl-field-embed table tbody td {
  white-space: normal;
  overflow-wrap: break-word;
  text-overflow: clip;
  vertical-align: top;
}

#application .form-horizontal.fh-embedded_table .form-group .embedded_table.embed-wrap-cells .dsl-field-embed table tbody td br {
  display: block;
}

#application td.rank > div {
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding-right: var(--spacing-standard) !important;
}

#application td.rank :is(.move-up, .move-down) {
  font-size: var(--type-label);
  padding: 10px 2px !important;
}

#application :is(th, td).rank {
  text-align: right;
}

#application th.rank {
  padding-right: var(--spacing-standard) !important;
}

#application .dsl-field-embed .dsl-grid-view:after {
  content: "";
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(to top, #3c404829, #3c404800);
  flex: 0 0 12px;
  height: 12px;
  margin-top: -12px;
  transition: opacity .12s ease-out;
  display: block;
  position: sticky;
  bottom: 0;
}

#application .dsl-field-embed .dsl-grid-view.has-bottom-overflow:after {
  opacity: 1;
}

#application .dsl-field-embed .dsl-grid-view > .repeaterwrap {
  flex: 1 0 auto;
}

#application .dsl-field-embed .dsl-grid-view .dataTables_scrollHead {
  box-shadow: none;
  transition: box-shadow .12s ease-out;
}

#application .dsl-field-embed .dsl-grid-view.has-top-overflow .dataTables_scrollHead {
  box-shadow: 0 6px 10px -2px #3c404829;
}

#application .form-container:not(.form-read-mode) .fieldgroup.has-header > .form-horizontal.fh-subform:first-of-type > .form-group.fg-subform:not(:has( > label.control-label)), #application .form-container:not(.form-read-mode) .fieldgroup.has-header > .form-horizontal.fh-subform:first-of-type > .form-group.fg-subform:not(:has( > label.control-label)) > .controls-grid.subform {
  padding-top: 0 !important;
}

#application .form-container:not(.form-read-mode) .fieldgroup.has-header > .form-horizontal.fh-subform:first-of-type > .form-group.fg-subform:not(:has( > label.control-label)) > .controls-grid.subform > .sf-table-container > table {
  margin-top: calc(var(--hairline) - 5px);
}

#application table.subform-editable-table .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty:before {
  content: none;
}

#application .form-container.form-read-mode .cardform:empty {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread {
  flex: 1;
  height: 100%;
  box-shadow: none !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  display: flex !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread:empty {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container.area_header ~ .dsl-tab-container.level_1 .dsl-tab-header.level_1 {
  padding-bottom: var(--spacing-xlarge) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea:not(tr) .fieldgroup > h3:not([tabgroupid]) {
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #0000 !important;
  padding-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .nav-tabs > li.active > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .tab-list-button.toggle-tab input[type="checkbox"]:disabled {
  border: 2px solid var(--gray-200);
  background-color: #00000005 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked {
  border: none;
  background-color: var(--gray-400) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "" !important;
  font-family: FontAwesome !important;
  font-size: var(--type-label) !important;
  text-align: center !important;
  color: var(--white) !important;
  line-height: 16px !important;
  display: inline-block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button:first-child:after {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:disabled {
  border: 2px solid var(--gray-200);
  background-color: #00000005 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked {
  border: none;
  background-color: var(--gray-400) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2 .dsl-tab-header.level_2.tab-list-default .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "" !important;
  font-family: FontAwesome !important;
  font-size: var(--type-label) !important;
  text-align: center !important;
  color: var(--white) !important;
  line-height: 16px !important;
  display: inline-block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area {
  background: var(--white) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area .dsl-tab-header.level_3 .tab-list-button.toggle-tab input[type="checkbox"]:disabled {
  border: 2px solid var(--gray-200);
  background-color: #00000005 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area .dsl-tab-header.level_3 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked {
  border: none;
  background-color: var(--gray-400) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-container.level_2.level_3 .dsl-tab-area .dsl-tab-header.level_3 .tab-list-button.toggle-tab input[type="checkbox"]:disabled:checked:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "" !important;
  font-family: FontAwesome !important;
  font-size: var(--type-label) !important;
  text-align: center !important;
  color: var(--white) !important;
  line-height: 16px !important;
  display: inline-block !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tr[rowid] td {
  border-bottom: 1px solid var(--gray-100) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tr[rowid] td.read-subrow {
  vertical-align: middle !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls-grid.readonly.subform table.subform-editable-table tr[rowid]:last-child td {
  border-bottom: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea {
  box-shadow: none !important;
  padding: var(--density-cardarea-pad-y) 0 !important;
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > h3:first-child:not([tabgroupid]) {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .cardbar {
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea:not(:has(.dsl-tab-container), .expandable-sections-enabled) {
  background-color: var(--white) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > h3 + .container.fieldgroup {
  margin-top: var(--density-section-gap) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled > h3 + .container.fieldgroup {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > h3 {
  padding-left: var(--spacing-xxxxlarge) !important;
  margin-left: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup:not(.has-header) {
  padding-left: 8px !important;
  padding-right: var(--spacing-large) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup:not(.has-header) .fh-embedded_table .form-group .control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup:not(.has-header) .fh-grid .form-group .control-label {
  padding-left: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup h4 {
  padding-left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled .fieldgroup > h3:not([tabgroupid]) {
  z-index: auto !important;
  background-color: #0000 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled .fieldgroup.has-header {
  border: none;
  border-radius: 0;
  box-shadow: none !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: var(--density-section-pad-y) var(--space-2) var(--density-section-gap) !important;
  margin-top: 0 !important;
  position: static !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled .fieldgroup.has-header:has(.has-error) > h3:not([tabgroupid]) {
  color: var(--color-error-ink) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled .fieldgroup.has-header > .form-horizontal + .form-horizontal:not(.form-col-1, .form-col-rowstart) {
  padding-left: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled .fieldgroup.has-header > .form-horizontal:last-of-type {
  margin-right: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container.fieldgroup ~ .container.fieldgroup.has-header {
  margin-top: var(--density-section-gap) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.expandable-sections-enabled > .container.fieldgroup ~ .container.fieldgroup.has-header {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container:has( + .dsl-tab-container.level_1), #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container + .dsl-tab-container.level_1 {
  background-color: var(--color-border-500) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > .container.area_header + .dsl-tab-container.level_1 {
  margin-bottom: var(--spacing-xlarge) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area .dsl-tab-area {
  padding-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area {
  border: none;
  background-color: var(--white) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area .container {
  background-color: var(--white);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area .container h3 {
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup:has( > h3) > .form-horizontal.fh-area, #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .fieldgroup:has( > h4) > .form-horizontal.fh-area {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container {
  width: 100%;
  padding: 0 var(--space-2);
  background-color: var(--color-background-400);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea.patient_medical_hx .container {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .scrolltarget.container.tab-list-default {
  background-color: #0000;
  margin-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread > .form-horizontal.fh-area + .form-horizontal.fh-area {
  padding-left: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread > .form-horizontal.fh-area:not(:last-child) {
  padding-right: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread > .form-horizontal:not(.fh-area) + .form-horizontal.fh-area {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal {
  background: linear-gradient(var(--gray-100), var(--gray-100)) 4px bottom / 100% 1px no-repeat content-box content-box;
  margin-bottom: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-area {
  background: none !important;
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-area textarea {
  border: 1px solid var(--gray-100);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-area .controls > .textarea-wrapper {
  width: calc(100% - 10px);
  margin-left: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-area [class*="col-md"]:has(.wf-cson-editor), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-area [class*="col-xs"]:has(.wf-cson-editor) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-readonly {
  background: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-embedded_table .form-group .control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-grid .form-group .control-label {
  width: auto !important;
  left: 0 !important;
  right: auto !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-embedded_table .form-group > .controls > .embedded_table, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-grid .form-group > .controls-grid {
  margin-left: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group {
  gap: var(--density-row-gap);
  margin: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls input[readonly] {
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-area {
  padding-top: var(--spacing-standard);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-area .control-label {
  font-size: var(--type-label);
  margin-left: var(--spacing-large);
  top: 12px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label span {
  cursor: text;
  padding-bottom: var(--spacing-xxsmall);
  margin-left: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label .required-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .control-label .field-note-icon {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls {
  width: 100%;
  height: fit-content;
  padding-bottom: var(--density-row-pad-y);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group:has(.controls .dsl-field-embed) > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-grid > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-json > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-file > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-media-viewer > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-checkbox > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-checkbox-only > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-radio > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-esign > .controls, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-area > .controls {
  height: auto;
  min-height: max-content;
  padding-bottom: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-color > .controls {
  padding-bottom: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .dropdown-container {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls > textarea, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .textarea-wrapper > textarea {
  min-height: 25px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .controls .dsl-field-embed {
  min-height: auto;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .help-container {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-field-embed .dsl-grid-view {
  border: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap > div {
  min-height: auto !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .rank {
  min-width: 80px;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody tr {
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody {
  cursor: default;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr {
  cursor: default;
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead tr:hover, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead tr:hover, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr:hover, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr:hover {
  background-color: #0000;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead tr th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead tr th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr th {
  cursor: default;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table thead .sorting, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table thead .sorting, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody .sorting, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody .sorting {
  cursor: default !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr {
  border-bottom: 1px solid var(--gray-100);
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tbody tr:last-child, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tbody tr:last-child {
  border-bottom: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table tr, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table th, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table td, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table td, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollHead table .sorting_asc, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .dsl-grid-view .repeaterwrap .dataTables_scroll .dataTables_scrollBody table .sorting_asc {
  cursor: default;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group .checkbox {
  padding: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-unit .control-label {
  width: 100% !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-unit .controls > input:not([type="color"]), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal .form-group.fg-unit .controls input.unit {
  margin-right: 0;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 18px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table) {
  display: inline-block;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file), #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip {
  vertical-align: top;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group {
  flex-wrap: nowrap;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group > label.control-label {
  text-align: left;
  position: relative;
  top: 0;
  left: 0;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls textarea[readonly] {
  min-height: 30px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container {
  max-height: 62px !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container .select2-choice, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container a, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container a {
  flex-direction: row;
  align-items: center;
  display: flex;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container .select2-chosen {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container .select2-choices .select2-search-choice-close, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container .select2-choices .select2-search-choice-close {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .controls .select2-container:hover *, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .controls .select2-container:hover * {
  text-decoration: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .disabledControl, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group input, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group input[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group input[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group textarea[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group textarea[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group select[readonly], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group select[disabled], #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .checkboxes, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .btn-group, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .select2-container a span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .select2-container a span {
  color: var(--color-text-700) !important;
  font-weight: 500 !important;
  font-size: var(--font-size-small) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .select2-chosen, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .select2-chosen {
  padding-top: 0 !important;
  line-height: normal !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .control-label.fdb-field, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .control-label.fdb-field .label-text, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .control-label.fdb-field .label-text {
  color: var(--color-text-500) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .field-field-media-viewer, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .field-field-media-viewer {
  width: 100%;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .field-field-media-viewer .header, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .field-field-media-viewer .header {
  display: none !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .help-container, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .help-container .help-block.note b, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table, .fh-json, .fh-file) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2:not(.fh-json, .fh-file) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3:not(.fh-json, .fh-file) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4:not(.fh-json, .fh-file) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-modifier:not(.fh-json, .fh-file) .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_1 .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_2 .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_city .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_state .form-group .help-container .help-block.note span, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-addr_zip .form-group .help-container .help-block.note span {
  display: none;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-newline {
  clear: both;
  vertical-align: top;
  float: none;
  flex-basis: 100%;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-newline:before {
  content: "";
  clear: both;
  display: table;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1.fh-area .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2.fh-area .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3.fh-area .form-group > label.control-label, #application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4.fh-area .form-group > label.control-label {
  margin-left: var(--spacing-xxsmall) !important;
  position: absolute !important;
  top: 12px !important;
  left: 0 !important;
}

#application .dsl-card-duel-card .form-container .form-horizontal.form-col-3:not(.fh-json), #application .dsl-card-duel-card .form-container .form-horizontal.form-col-4:not(.fh-json), #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_1, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_2, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_city, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_state, #application .dsl-card-duel-card .form-container .form-horizontal.form-col-addr_zip {
  width: calc(50% - 8px);
  margin-right: var(--spacing-standard);
}

#application .dsl-card-duel-card .form-container.form-read-mode .cardarea .form-group.fg-media-preview > .control-label {
  display: none;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) {
  border: 0;
  border-radius: 0;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  place-content: start;
  align-items: start;
  gap: 0;
  position: relative;
  padding: 0 10px 2px var(--readonly-section-gutter) !important;
  margin: var(--density-section-pad-y) 0 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 1000px !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane):not(.hide, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal:not(.offscreen, .hide)) {
  display: grid !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane):before, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane):after {
  content: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > h3 {
  text-transform: uppercase;
  grid-column: auto;
  left: 8px !important;
  top: var(--section-label-top-read) !important;
  width: var(--readonly-section-label-w) !important;
  text-align: right !important;
  color: #6a7f9d !important;
  font-size: var(--type-label) !important;
  letter-spacing: var(--tracking-caps) !important;
  background: none !important;
  border-bottom: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  display: block !important;
  position: absolute !important;
  transform: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > h4, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > h5, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .sectionnote {
  grid-column: 1 / -1;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > div:not([class]), #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > br {
  display: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal {
  margin-bottom: var(--density-row-sep);
  padding-right: 0;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal:not(.form-col-1) {
  margin-right: var(--space-7);
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-embedded_table {
  margin-bottom: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal .controls {
  padding-right: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-1 {
  grid-column: 1 / -1;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-2 {
  grid-column: span 6;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-3 {
  grid-column: span 4;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-4, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-modifier {
  grid-column: span 3;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_1 {
  grid-column: 1 / span 4;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_2, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_zip {
  grid-column: span 2;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_city {
  grid-column: span 3;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_state {
  grid-column: span 1;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-grid .controls-grid > .control-label {
  color: var(--label-color) !important;
  text-transform: none !important;
  font-weight: 500 !important;
  left: 0 !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-readonly .form-group {
  min-height: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-readonly .controls {
  min-height: 28px;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-readonly .controls .btn-group.radios, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-readonly .controls .select2-container, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-readonly .controls > .checkboxes {
  margin-bottom: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.fh-readonly .controls .select2-choices {
  min-height: 0;
  padding-top: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal .control-label {
  max-width: none;
  padding-top: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal .control-label .label-text {
  text-overflow: clip;
  width: max-content;
  overflow: visible;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) {
  box-sizing: border-box;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  place-content: start;
  align-items: start;
  gap: 0;
  width: 100%;
  display: grid !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup > div:not([class]), #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup > br {
  display: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview):before, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview):after, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup:before, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup:after {
  content: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > :not(.container.fieldgroup), #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup:not([data-hide-header="true"]) {
  grid-column: 1 / -1;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup[data-hide-header="true"]:not(.hide, [style*="display: none"], [style*="display:none"], .has-media-preview) {
  padding-left: 0 !important;
  display: contents !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview) > .container.fieldgroup[data-hide-header="true"]:not(.hide, [style*="display: none"], [style*="display:none"], .has-media-preview):before {
  content: "";
  grid-column: 1 / -1;
  height: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area {
  padding-top: var(--space-4) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area:has( > .container.fieldgroup[data-readonly-empty="true"]) {
  display: block;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea > .container.fieldgroup:not(.dsl-tab-header):first-of-type {
  margin-top: var(--density-section-gap) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-container:has(.container.fieldgroup[data-hide-header="true"]) {
  flex: 100%;
  width: 100%;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-horizontal.fh-readonly .controls > input {
  field-sizing: content;
  width: auto;
  min-width: 2ch;
  max-width: 100%;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-horizontal.fh-readonly .controls > .select2-container {
  width: auto;
  min-width: 0;
  max-width: 100%;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-horizontal.fh-readonly .controls .select2-chosen {
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  width: max-content;
  max-width: 100%;
  height: auto;
  overflow: visible;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-horizontal.fh-readonly .controls .select2-choice {
  white-space: normal;
  height: auto;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-horizontal .control-label:has( > .label-text:empty:only-child) {
  display: none;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-group.fg-media-preview > .control-label {
  padding-top: 0;
  line-height: 1.2;
  display: flex;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .form-group.fg-media-preview {
  padding-left: 10px;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area .form-group.fg-media-preview {
  padding-left: 0;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .controls-grid.subform .table tbody tr td {
  height: 32px;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .embedded_table .refresh-icon, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .grid-selected-only .select-checkbox {
  display: none;
}

#application .form-container.form-read-mode .cardread .cardarea .dsl-tab-container:not(.has-media-preview), #application .form-container.form-read-mode .cardread .cardarea .dsl-tab-container .dsl-tab-area:not(.has-media-preview) {
  flex: 1 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

#application .form-container.form-read-mode .cardread .cardarea .dsl-tab-header:not([style*="display: none"], [style*="display:none"]) {
  box-sizing: border-box;
  padding-left: var(--space-4) !important;
}

#application .form-container.form-read-mode .cardread .cardarea:has( > .dsl-tab-container.level_1:first-child) {
  padding-top: 0 !important;
}

#application .form-container.form-read-mode .cardread .cardarea .container.fieldgroup:has( > .form-horizontal.fh-embedded_table) {
  max-width: none !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea:has( > .container.fieldgroup:not([data-hide-header="true"]) > h3:not([tabgroupid])) .dsl-tab-area.has-hidden-header-child:not(.has-media-preview), #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview):has( > .container.fieldgroup:not([data-hide-header="true"], .hide, .is-display-none) > h3:not([tabgroupid])) {
  padding-left: var(--readonly-section-gutter) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview):has( > .container.fieldgroup:not([data-hide-header="true"], .hide, .is-display-none) > h3:not([tabgroupid])) > .container.fieldgroup:not([data-hide-header="true"]) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview):has( > .container.fieldgroup:not([data-hide-header="true"], .hide, .is-display-none) > h3:not([tabgroupid])) > .container.fieldgroup:not([data-hide-header="true"]) > h3 {
  left: calc(8px - var(--readonly-section-gutter)) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .dsl-templ-area .cardread:not(:has(.dsl-tab-container)) {
  background: var(--white) !important;
}

#application .form-container.form-read-mode .cardread .container.fieldgroup {
  background: none;
}

#application .form-container.form-read-mode .required-label {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .control-label, #application .form-container.form-read-mode .cardread .control-label .label-text {
  color: var(--color-text-500) !important;
  font-size: var(--type-label) !important;
  font-weight: 500 !important;
}

#application .form-container.form-read-mode .cardread .controls input, #application .form-container.form-read-mode .cardread .controls textarea, #application .form-container.form-read-mode .cardread .controls .uneditable-input, #application .form-container.form-read-mode .cardread .controls .select2-chosen {
  color: var(--color-text-700) !important;
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .btn-group.radios .btn {
  border: 0;
  box-shadow: none !important;
  color: var(--color-text-700) !important;
  font-size: var(--type-value) !important;
  height: auto !important;
  padding: 0 var(--space-3) 0 0 !important;
  background: none !important;
  margin: 0 !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-search-choice {
  border: 0;
  align-items: center;
  height: 19px !important;
  min-height: 0 !important;
  padding: 0 var(--space-2) !important;
  box-shadow: none !important;
  color: var(--color-text-700) !important;
  font-size: var(--type-label) !important;
  background: #54606e1a !important;
  border-radius: 4px !important;
  width: auto !important;
  margin: 0 !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  display: inline-flex !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container-multi .select2-choices {
  gap: var(--space-1);
  padding: 0 0 0 var(--field-content-inset);
  background: none;
  border: 0;
  flex-wrap: wrap;
  margin-top: 3px;
  display: flex;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group {
  background-image: none;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-status-chip .controls .select2-container .select2-choice .select2-chosen, #application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-status-chip .controls .btn-group.radios .btn.active {
  border: 0;
  align-items: center;
  height: 19px !important;
  min-height: 0 !important;
  padding: 0 var(--space-2) !important;
  box-shadow: none !important;
  color: var(--color-secondary-700) !important;
  font-size: var(--type-label) !important;
  background: #668eba24 !important;
  border-radius: 4px !important;
  width: auto !important;
  margin: 0 !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  display: inline-flex !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-status-chip .controls .btn-group.radios {
  margin-top: 3px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-status-chip .controls .select2-container .select2-choice .select2-chosen {
  margin: 3px 0 0 var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group {
  min-height: 0;
  padding-bottom: var(--spacing-xxsmall) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .control-label {
  height: auto;
  min-height: 0;
  line-height: 15px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .control-label .label-text {
  padding-bottom: 0;
  line-height: 15px;
  display: inline-block;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls {
  height: auto !important;
  min-height: 0 !important;
  line-height: 18px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal {
  margin-bottom: var(--density-row-pad-y) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > .textarea-wrapper > textarea[readonly], #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > .textarea-wrapper > textarea[disabled], #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > .textarea-wrapper:before {
  background: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .uneditable-input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-chosen {
  height: auto !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls textarea, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .uneditable-input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-chosen {
  min-height: 0 !important;
  padding-bottom: 0 !important;
  line-height: 18px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .uneditable-input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-chosen {
  padding-top: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > .textarea-wrapper > textarea, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > textarea {
  padding-top: calc(var(--space-3) + var(--nudge-1)) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container .select2-choice {
  align-items: flex-start !important;
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  line-height: 18px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > input:not([type="color"]), #application .form-container.form-read-mode .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > input[readonly]:not([type="color"]), #application .form-container.form-read-mode .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > input[disabled]:not([type="color"]), #application .form-container.form-read-mode .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > .picker > input, #application .form-container.form-read-mode .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > .picker > input[readonly], #application .form-container.form-read-mode .cardread .form-horizontal .form-group.no-floating-label.fg-readonly:not(.fg-unit, .fg-label-line, .fg-area) > .controls > .picker > input[disabled] {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 18px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .input-group {
  background: none !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: auto !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .input-group > .form-control {
  border-radius: 0;
  box-shadow: none !important;
  padding-right: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .input-group-addon {
  border: 0;
  border-radius: 0;
  color: var(--color-text-500) !important;
  font-size: var(--type-label) !important;
  height: auto !important;
  padding: 0 0 0 var(--space-1) !important;
  background: none !important;
  font-weight: 500 !important;
  line-height: 19px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .btn-group.radios {
  margin-left: 2px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-status-chip .controls .select2-chosen {
  margin-left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox {
  padding-top: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes input[type="checkbox"], #application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes .slider-checkbox-container {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes.checkbox-only label.checkbox:before {
  content: "-";
  width: 12px;
  color: var(--color-text-muted-ink, #6a6f79);
  font-size: var(--type-value);
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes.checkbox-only label.checkbox:has(input:checked):before {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='%234d525c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes:not(.checkbox-only) {
  gap: var(--space-1);
  padding: 0 0 0 var(--field-content-inset);
  flex-wrap: wrap;
  margin-top: 3px;
  display: flex;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes:not(.checkbox-only) label.checkbox {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes:not(.checkbox-only) label.checkbox:has(input:checked) {
  border: 0;
  align-items: center;
  height: 19px !important;
  min-height: 0 !important;
  padding: 0 var(--space-2) !important;
  box-shadow: none !important;
  color: var(--color-text-700) !important;
  font-size: var(--type-label) !important;
  text-overflow: clip !important;
  background: #54606e1a !important;
  border-radius: 4px !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  display: inline-flex !important;
  overflow: visible !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-checkbox .checkboxes:not(.checkbox-only) label.checkbox:has(input:checked) span {
  white-space: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  color: var(--color-text-700) !important;
  line-height: 18px !important;
  font-size: var(--type-label) !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  display: inline !important;
  overflow: visible !important;
}

#application .form-container.form-read-mode .cardread .dataTables_scrollHead, #application .form-container.form-read-mode .cardread .dataTables_scrollHeadInner {
  background: var(--white, #fff) !important;
}

#application .form-container.form-read-mode .cardread .dataTables_scrollBody table thead th {
  border-bottom: 0 !important;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#application .form-container.form-read-mode .cardread .ant-picker.ant-picker-disabled {
  box-shadow: none;
  background: none;
  border: 0;
}

#application .form-container.form-read-mode .cardread table thead tr {
  background: none;
  background-color: #0000 !important;
}

#application .form-container.form-read-mode .cardread table thead th {
  color: var(--color-text-400) !important;
  font-size: var(--type-label) !important;
  padding-top: var(--space-1) !important;
  background: none !important;
  border-bottom: 1px solid #54606e38 !important;
  padding-bottom: 2px !important;
  font-weight: 500 !important;
}

#application .form-container.form-read-mode .cardread table tbody td {
  color: var(--color-text-700) !important;
  font-size: var(--type-value) !important;
  padding-left: var(--spacing-standard) !important;
  padding-right: var(--spacing-standard) !important;
  font-weight: 500 !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup[data-hide-header="true"] + .container.fieldgroup[data-hide-header="true"] {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode.has-expandable-root .cardarea .scrolltarget.container.fieldgroup:not(.section-collapsed, .dsl-tab-header) {
  background-color: var(--white) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls-grid {
  padding-top: 0;
}

#application .form-container.form-read-mode .cardread .controls-grid.subform table thead th {
  padding-top: 1px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls-grid > .control-label {
  margin-bottom: calc(var(--field-label-top-read) + var(--space-2));
}

#application .form-container.form-read-mode .cardread tbody td.dataTables_empty, #application .form-container.form-read-mode .cardread tbody td.no-data-entered, #application .form-container.form-read-mode .cardread tbody td#no-data-row {
  color: var(--color-text-500) !important;
  font-size: var(--type-value) !important;
  text-align: center !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

#application .form-container.form-read-mode .cardread thead th:first-child, #application .form-container.form-read-mode .cardread tbody td:first-child {
  padding-left: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > .textarea-wrapper > textarea[readonly], #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > .textarea-wrapper > textarea[disabled], #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > textarea[readonly], #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls > textarea[disabled] {
  border: 0;
  box-shadow: none !important;
  padding-left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-status-chip .controls .select2-container .select2-choice .select2-chosen:empty {
  padding: 0 !important;
  padding-left: var(--field-content-inset) !important;
  background: none !important;
  height: auto !important;
  display: inline !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group:not(.fg-checkbox-only, .fg-grid, .fg-file, .fg-embedded_table, .fg-label-line, .fh-label-line) > .controls:has( > input:not([type="checkbox"], [type="radio"], [type="file"], [type="hidden"], .json-viewer)[value=""]):before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group:not(.fg-checkbox-only, .fg-grid, .fg-file, .fg-embedded_table, .fg-label-line, .fh-label-line) > .controls:has( > input:not([type="checkbox"], [type="radio"], [type="file"], [type="hidden"], .json-viewer):not([value])):before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group:not(.fg-checkbox-only, .fg-grid, .fg-file, .fg-embedded_table, .fg-label-line, .fh-label-line) > .controls:has( > :not(.select2-container, .select2-container-multi, .btn-group, .checkboxes, .textarea-wrapper) > input:not([type="checkbox"], [type="radio"], [type="file"], [type="hidden"], .json-viewer)[value=""]):before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group:not(.fg-checkbox-only, .fg-grid, .fg-file, .fg-embedded_table, .fg-label-line, .fh-label-line) > .controls:has( > :not(.select2-container, .select2-container-multi, .btn-group, .checkboxes, .textarea-wrapper) > input:not([type="checkbox"], [type="radio"], [type="file"], [type="hidden"], .json-viewer):not([value])):before {
  content: "-";
  top: 0;
  left: var(--field-content-inset);
  color: var(--gray-300);
  font-weight: normal;
  font-size: var(--type-control);
  pointer-events: none;
  line-height: 18px;
  position: absolute;
}

#application .form-container.form-read-mode .cardread > .form-horizontal .form-group > .controls, #application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls {
  position: relative;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls:has( > .textarea-wrapper > textarea:empty):before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls:has( > textarea:empty):before {
  content: "-";
  top: 0;
  left: var(--field-content-inset);
  color: var(--gray-300);
  font-weight: normal;
  font-size: var(--type-control);
  pointer-events: none;
  line-height: 18px;
  position: absolute;
  top: 22px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls:has( > .btn-group.radios):not(:has(.btn.active)):before {
  content: "-";
  top: 0;
  left: var(--field-content-inset);
  color: var(--gray-300);
  font-weight: normal;
  font-size: var(--type-control);
  pointer-events: none;
  line-height: 18px;
  position: absolute;
  top: 3px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls .btn-group.radios:before {
  content: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls:has( > .checkboxes:not(.checkbox-only)):not(:has(input:checked)):before {
  content: "-";
  top: 0;
  left: var(--field-content-inset);
  color: var(--gray-300);
  font-weight: normal;
  font-size: var(--type-control);
  pointer-events: none;
  line-height: 18px;
  position: absolute;
  top: 3px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls > .esignfield {
  background-color: #0000 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls > .esignfield:has( > span:empty):before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls > .esignfield:has(.esign-link:not(.has-signed)):before {
  content: "-";
  color: var(--gray-300);
  font-weight: normal;
  font-size: var(--type-control);
  line-height: 18px;
  display: block;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls > .esignfield:has(.esign-link:not(.has-signed)) > span {
  display: none;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group:is(.fg-label-line, .fh-label-line) > .controls:not(:has(input.label-line ~ input.label-line)) > input.label-line, #application .form-container.form-read-mode .cardread .form-horizontal .form-group:is(.fg-label-line, .fh-label-line) > .controls:not(:has(input.label-line ~ input.label-line)) > div.label-line {
  background-size: 100% 1px !important;
  width: 100% !important;
}

#application .form-container.form-read-mode .cardread table td:not(.select-checkbox) .checkboxes.checkbox-only .slider-checkbox-container, #application .form-container.form-read-mode .cardread table td:not(.select-checkbox) .checkboxes.checkbox-only > label.checkbox > input[type="checkbox"] {
  display: none !important;
}

#application .form-container.form-read-mode .cardread table td:not(.select-checkbox) .checkboxes.checkbox-only > label.checkbox:before {
  content: "-";
  width: 12px;
  color: var(--color-text-muted-ink, #6a6f79);
  font-size: var(--type-value);
  text-align: center;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

#application .form-container.form-read-mode .cardread table td:not(.select-checkbox) .checkboxes.checkbox-only > label.checkbox:has( > input:checked):before {
  content: "";
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='%234d525c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: inline-block;
}

#application .form-container.form-read-mode .cardread table.dataTable td.select-checkbox:before, #application .form-container.form-read-mode .cardread table.dataTable td.select-checkbox:after {
  content: none !important;
}

#application .form-container.form-read-mode .cardread table.dataTable tr.selected td.select-checkbox:after {
  content: "" !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='%234d525c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 10px 10px !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal.fh-label-line:has(.fg-label-line) {
  padding-right: var(--space-7) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls > .textarea-wrapper > textarea:empty, #application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls > textarea:empty {
  height: 40px !important;
  min-height: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.has-checkbox-only-child > .controls {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.has-checkbox-only-child > .control-label .label-text:after {
  content: "-";
  width: 12px;
  margin-left: var(--space-1);
  text-align: center;
  color: var(--color-text-muted-ink, #6a6f79);
  font-size: var(--type-value);
  vertical-align: baseline;
  font-weight: 500;
  display: inline-block;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.has-checkbox-only-child:has( > .controls > .checkboxes.checkbox-only input:checked) > .control-label .label-text:after {
  content: "";
  vertical-align: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='%234d525c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls textarea {
  resize: none;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-barcode, #application .form-container.form-read-mode .cardread .form-horizontal.fh-barcode {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .container.fieldgroup > .form-horizontal.fh-area:first-of-type {
  margin-top: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal.fh-area .form-group.fg-area > label.control-label {
  top: var(--field-label-top-read) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-area {
  padding-top: 0;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-area .controls > .textarea-wrapper > textarea, #application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-area .controls > textarea {
  padding-top: calc(var(--space-3) + var(--nudge-1)) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.fh-area:is(.form-col-1, .form-col-2, .form-col-3, .form-col-4) .form-group.fg-area > label.control-label {
  top: var(--field-label-top-read) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group.fg-area .controls textarea {
  field-sizing: content;
  height: auto !important;
  padding-bottom: var(--space-1) !important;
}

#application .form-container.form-read-mode .cardread table tbody tr:last-child > td {
  border-bottom: 0 !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls:has( > .checkboxes.checkbox-group):not(:has(input:checked)) {
  min-height: var(--type-row-line) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group > .controls:has( > .checkboxes.checkbox-group):not(:has(input:checked)):before {
  content: "-";
  top: 0;
  left: var(--field-content-inset);
  color: var(--gray-300);
  font-weight: normal;
  font-size: var(--type-control);
  pointer-events: none;
  line-height: 18px;
  position: absolute;
}

#application .form-container.form-read-mode .cardarea.has-header-section .container.fieldgroup:not(.has-header):not(.has-section-band):not(.dsl-tab-header) {
  padding-top: 0 !important;
  padding-bottom: var(--space-1) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea:not(:has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden))) .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) {
  padding-left: var(--space-2) !important;
}

#application .form-container.form-read-mode .cardarea.has-header-section .container.fieldgroup:not(.dsl-tab-header):not(.is-block-end) {
  padding-bottom: var(--space-1) !important;
}

#application .form-container.form-read-mode .cardarea.has-header-section .container.fieldgroup:not(.dsl-tab-header).is-block-end {
  padding-bottom: var(--spacing-xxxlarge) !important;
}

#application .form-container.form-read-mode .dsl-tab-area > .container.fieldgroup {
  grid-column: 1 / -1;
}

#application .form-container.form-read-mode .dsl-tab-area .form-horizontal .form-group.fg-media-preview > .control-label {
  left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container.fieldgroup:not(:has( > .form-horizontal:not(.offscreen, .hide))) {
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .container.fieldgroup:not(.dsl-tab-header, :has( > .form-horizontal:not(.offscreen, .hide))) {
  background-color: #0000 !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td.dataTables_empty), #application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td.no-data-entered), #application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) tbody tr:has( > td#no-data-row) {
  display: none !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.dataTables_empty) .ag-root.ag-layout-auto-height > .ag-body > .ag-body-viewport > .ag-center-cols-viewport, #application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.dataTables_empty) .dataTables_scroll, #application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.no-data-entered) .dataTables_scroll, #application:has( > .app.compact) .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td#no-data-row) .dataTables_scroll, .app.compact #application .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.dataTables_empty) .dataTables_scroll, .app.compact #application .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td.no-data-entered) .dataTables_scroll, .app.compact #application .form-container.form-read-mode .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):has(td#no-data-row) .dataTables_scroll {
  min-height: 0 !important;
}

#application .form-container.form-read-mode .cardarea .form-group > .control-label {
  align-items: flex-start !important;
}

#application .form-container.form-read-mode .cardarea .form-group > .control-label span.label-text {
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-embedded_table, #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-grid, #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-subform, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-embedded_table, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-grid, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-subform {
  margin-bottom: var(--space-2) !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .fieldgroup:has( > .form-horizontal:is(.form-col-4, .form-col-6, .form-col-12)) > .form-horizontal.fh-readonly:is(.fh-input, .fh-select, .fh-area, .fh-esign, .fh-radio, .fh-checkbox):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))):is(.form-col-1, .form-col-2, .form-col-3), .app.compact #application .form-container.form-read-mode .cardread .fieldgroup:has( > .form-horizontal:is(.form-col-4, .form-col-6, .form-col-12)) > .form-horizontal.fh-readonly:is(.fh-input, .fh-select, .fh-area, .fh-esign, .fh-radio, .fh-checkbox):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))):is(.form-col-1, .form-col-2, .form-col-3) {
  grid-column: span 3 !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .fieldgroup:not(:has( > .form-horizontal:is(.form-col-4, .form-col-6, .form-col-12))):has( > .form-horizontal.form-col-3) > .form-horizontal.fh-readonly:is(.fh-input, .fh-select, .fh-area, .fh-esign, .fh-radio, .fh-checkbox):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))):is(.form-col-1, .form-col-2), .app.compact #application .form-container.form-read-mode .cardread .fieldgroup:not(:has( > .form-horizontal:is(.form-col-4, .form-col-6, .form-col-12))):has( > .form-horizontal.form-col-3) > .form-horizontal.fh-readonly:is(.fh-input, .fh-select, .fh-area, .fh-esign, .fh-radio, .fh-checkbox):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))):is(.form-col-1, .form-col-2) {
  grid-column: span 4 !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .fieldgroup:not(:has( > .form-horizontal:is(.form-col-3, .form-col-4, .form-col-6, .form-col-12))):has( > .form-horizontal.form-col-2) > .form-horizontal.fh-readonly:is(.fh-input, .fh-select, .fh-area, .fh-esign, .fh-radio, .fh-checkbox):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))).form-col-1, .app.compact #application .form-container.form-read-mode .cardread .fieldgroup:not(:has( > .form-horizontal:is(.form-col-3, .form-col-4, .form-col-6, .form-col-12))):has( > .form-horizontal.form-col-2) > .form-horizontal.fh-readonly:is(.fh-input, .fh-select, .fh-area, .fh-esign, .fh-radio, .fh-checkbox):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))).form-col-1 {
  grid-column: span 6 !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal .form-group, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal .form-group {
  gap: .5px;
}

#application .form-container.form-read-mode .cardread .form-horizontal .form-group, #application .form-container.form-read-mode .cardread .cardarea .container.fieldgroup {
  background: none !important;
}

#application .form-container.form-read-mode .cardread .cardarea:not(.expandable-sections-enabled, .has-expandable-root) .container.fieldgroup:has( > .form-horizontal:is(.form-col-4, .form-col-6, .form-col-12)) {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 100% !important;
}

#application .form-container.form-read-mode .cardread .cardarea:not(.expandable-sections-enabled, .has-expandable-root) .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) {
  max-width: 100% !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea:has( > .dsl-tab-container) {
  padding-bottom: 0 !important;
}

#application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea .dsl-tab-area {
  padding-right: var(--spacing-standard) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group.fg-unit > .controls .input-group-addon.showunit {
  display: none !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group > .control-label {
  opacity: 1 !important;
  color: var(--gray-300) !important;
}

#application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group > .control-label > span, #application .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):is(:has(td.dataTables_empty), :has(td.no-data-entered), :has(td#no-data-row)) .control-label, #application .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):is(:has(td.dataTables_empty), :has(td.no-data-entered), :has(td#no-data-row)) .control-label > span {
  color: var(--gray-300) !important;
}

#application .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):is(:has(td.dataTables_empty), :has(td.no-data-entered), :has(td#no-data-row)) thead th {
  color: var(--gray-300) !important;
  border-bottom-color: #54606e1a !important;
}

#application .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform):is(:has(td.dataTables_empty), :has(td.no-data-entered), :has(td#no-data-row)) :is(td.dataTables_empty, td.no-data-entered, td#no-data-row), #application .form-container.form-read-mode .cardread .form-group .controls:has(input.no-val[value=""]):before, #application .form-container.form-read-mode .cardread .form-group .controls:has(input.no-val:not([value])):before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container.select2-container-disabled .select2-choice > .select2-chosen:empty:before, #application .form-container.form-read-mode .cardread .form-horizontal .form-group .controls .select2-container-multi.select2-container-disabled .select2-choices:has(li.select2-search-field:only-child):before, #application .form-container.form-read-mode .cardread .form-group.fg-checkbox-only:not(.fg-missing-info) > .control-label .label-text:after {
  color: var(--gray-300) !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:not(.fh-area):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group > .controls, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:not(.fh-area):not(.fh-label-line):not(:has( > .form-group.fg-label-line)):not(:has( > .form-group.fh-label-line)):is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group > .controls {
  display: none !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group > .controls:before, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) > .form-group > .controls:before, #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) .checkboxes label.checkbox:before, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) .checkboxes label.checkbox:before, #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) .checkboxes label.checkbox .slider-checkbox:before, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly:is(:has( > .form-group > .controls > .select2-container .select2-chosen:empty), :has( > .form-group > .controls > input[value=""]), :has( > .form-group > .controls > input:not([value])), :has( > .form-group > .controls > .input-group > input[value=""]), :has( > .form-group > .controls > .input-group > input:not([value])), :has( > .form-group > .controls > textarea:empty), :has( > .form-group > .controls > .textarea-wrapper > textarea:empty), .fh-radio:not(.fh-select):not(:has(label.active)):not(:has(.btn.active)), .fh-checkbox:not(:has(input:checked)), .fh-esign:has(.esignfield > span:empty), .fh-esign:has(.esign-link:not(.has-signed)), :has( > .form-group > .controls > .fileupload:not(.has-file))) .checkboxes label.checkbox .slider-checkbox:before, #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-readonly .form-group.has-checkbox-only-child:not(.fg-missing-info):not(:has(input:checked)) > .control-label .label-text:after, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-readonly .form-group.has-checkbox-only-child:not(.fg-missing-info):not(:has(input:checked)) > .control-label .label-text:after {
  content: none !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-area .form-group > .controls > .textarea-wrapper > textarea:empty, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-area .form-group > .controls > .textarea-wrapper > textarea:empty, #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal.fh-area .form-group > .controls > textarea:empty, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal.fh-area .form-group > .controls > textarea:empty {
  border: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) table tbody tr, .app.compact #application .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) table tbody tr {
  height: auto !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) table tbody td, .app.compact #application .form-container.form-read-mode .cardread .form-group:is(.fg-embedded_table, .fg-grid, .fg-subform) table tbody td {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform), .app.compact #application .form-container.form-read-mode .cardread .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) {
  margin-top: var(--space-2) !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .embedded_table, .app.compact #application .form-container.form-read-mode .cardread .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) .embedded_table {
  margin-top: var(--space-1) !important;
}

#application:has( > .app.compact) .form-container.form-read-mode .cardread .fieldgroup > .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform):first-child, #application:has( > .app.compact) .form-container.form-read-mode .cardread .fieldgroup > :not(.form-horizontal) + .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform), .app.compact #application .form-container.form-read-mode .cardread .fieldgroup > .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform):first-child, .app.compact #application .form-container.form-read-mode .cardread .fieldgroup > :not(.form-horizontal) + .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform), #application:has( > .app.compact) .form-container.form-read-mode .cardread .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) + .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform), .app.compact #application .form-container.form-read-mode .cardread .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) + .form-horizontal:is(.fh-embedded_table, .fh-grid, .fh-subform) {
  margin-top: 0 !important;
}

:root {
  --field-read-label-gap: 6px;
}

#application .form-container.form-read-mode .form-horizontal:not(.fh-embedded_table, .fh-grid, .fh-subform, .fh-label-line) .form-group:not(.fg-label-line) > .controls {
  margin-top: var(--field-read-label-gap);
}

#application .form-container.form-read-mode .form-horizontal:not(.fh-embedded_table, .fh-grid, .fh-subform, .fh-label-line) > .form-group:not(.fg-label-line, .fg-checkbox, .fg-checkbox-only, .fg-embedded_table, .fg-grid) {
  min-height: calc(var(--field-label-top-read, 6px) + var(--field-label-lh, 15px) + var(--field-read-label-gap, 6px)) !important;
}

#application .form-container.form-read-mode .cardread {
  container: dslform / inline-size;
}

@container dslform (width <= 1399px) {
  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) {
    padding: 0 10px 2px var(--space-3, 12px) !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea:has( > .container.fieldgroup:not([data-hide-header="true"]) > h3:not([tabgroupid])) .dsl-tab-area.has-hidden-header-child:not(.has-media-preview), #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .dsl-tab-area.has-hidden-header-child:not(.has-media-preview):has( > .container.fieldgroup:not([data-hide-header="true"], .hide, .is-display-none) > h3:not([tabgroupid])) {
    padding-left: var(--space-3, 12px) !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane)[data-section-name*=" "]:has( > h3) {
    min-height: 0 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > h3 {
    text-align: left !important;
    width: auto !important;
    margin: 0 0 var(--space-2) 0 !important;
    grid-column: 1 / -1 !important;
    padding-top: 0 !important;
    position: static !important;
  }
}

@container dslform (width >= 940px) and (width <= 1399px) {
  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-3 {
    grid-column: span 6 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-4, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-modifier {
    grid-column: span 4 !important;
  }
}

@container dslform (width >= 640px) and (width <= 939px) {
  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-3, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-4, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-modifier {
    grid-column: span 6 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_1 {
    grid-column: 1 / span 6 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_2, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_city {
    grid-column: span 6 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_state {
    grid-column: span 2 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_zip {
    grid-column: span 4 !important;
  }
}

@container dslform (width <= 639px) {
  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-2, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-3, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-4, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-modifier, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_1, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_2, #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_city {
    grid-column: 1 / -1 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_state {
    grid-column: 1 / span 5 !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane) > .form-horizontal.form-col-addr_zip {
    grid-column: span 7 !important;
  }
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea .container.fieldgroup:not(.dsl-tab-header, .is-media-pane)[data-section-name*=" "]:has( > h3) {
  min-height: calc(var(--section-label-top-read) + 3 * 1.15 * var(--type-label));
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]):has( + .dsl-tab-container.level_2) {
  top: var(--section-label-top-read);
  z-index: 1;
  height: 0 !important;
  width: var(--readonly-section-label-w) !important;
  margin: var(--space-3) 0 0 8px !important;
  text-align: right !important;
  color: #6a7f9d !important;
  font-size: var(--type-label) !important;
  letter-spacing: var(--tracking-caps) !important;
  border: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  position: relative !important;
  overflow: visible !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 {
  position: relative;
  padding-left: var(--readonly-section-gutter) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2:before {
  content: "" !important;
  top: calc(-1 * var(--space-3)) !important;
  background: color-mix(in srgb, var(--color-tertiary) 20%, transparent) !important;
  pointer-events: none !important;
  height: 1px !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 > .dsl-tab-header.level_2 {
  height: auto !important;
  padding: 0 var(--space-2) var(--space-2) 0 !important;
  padding-left: var(--field-content-inset) !important;
}

#application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 > .dsl-tab-area.level_2 {
  padding-left: 0 !important;
}

@container dslform (width <= 1399px) {
  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]):has( + .dsl-tab-container.level_2) {
    top: 0;
    text-align: left !important;
    width: auto !important;
    height: auto !important;
    margin: var(--space-3) 0 var(--space-2) var(--space-3) !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 {
    padding-left: var(--space-3) !important;
  }

  #application .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2:before {
    top: calc(-1 * (var(--space-3) + var(--space-2) + 1.15 * var(--type-label) + var(--space-3))) !important;
  }
}

#application .form-container.form-read-mode .cardarea .form-group > .control-label:is(.fdb-field, .cms-1500-field) {
  align-items: baseline !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]):has( + .dsl-tab-container.level_2) {
  z-index: 1;
  width: calc(clamp(136px, 11%, 204px) - 26px) !important;
  height: 0 !important;
  margin: var(--space-3) 0 0 8px !important;
  text-align: right !important;
  color: #6a7f9d !important;
  font-size: var(--type-label) !important;
  letter-spacing: var(--tracking-caps) !important;
  border: 0 !important;
  padding: 0 !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  position: relative !important;
  overflow: visible !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 {
  position: relative;
  padding-left: clamp(136px, 11%, 204px) !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2:before {
  content: "" !important;
  top: calc(-1 * var(--space-3)) !important;
  background: color-mix(in srgb, var(--color-tertiary) 20%, transparent) !important;
  pointer-events: none !important;
  height: 1px !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 > .dsl-tab-header.level_2 {
  height: auto !important;
  padding-bottom: var(--space-2) !important;
  padding-left: var(--field-content-inset) !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 > .dsl-tab-header.level_2 .tab-list-button:first-child:after {
  display: none !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 > .dsl-tab-area.level_2 {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
}

#application .form-container:not(.form-read-mode, .expandable-sections-enabled, .has-expandable-root) .cardarea h3[tabgroupid]:not([style*="display: none"], [style*="display:none"]) + .dsl-tab-container.level_2 > .dsl-tab-area.level_2 > .container.fieldgroup.fieldgroup.fieldgroup.fieldgroup {
  padding-left: 0 !important;
}

#application .form-container.form-read-mode .cardread .fieldgroup > :not(.form-horizontal) + .form-horizontal.fh-subform:has( > .form-group > .controls-grid > label.control-label > span:empty), #application .form-container.form-read-mode .cardread .fieldgroup > .form-horizontal.fh-subform:first-child:has( > .form-group > .controls-grid > label.control-label > span:empty) {
  padding-top: calc(var(--field-label-top-read) - 1px);
}

#application .window-container .form-container.form-read-mode .dsl-templ-area .cardread .dsl-tab-header.level_1 {
  background-color: #e9e9ec !important;
}

@media (width <= 576px) {
  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table) .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group {
    flex-direction: column !important;
  }

  .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table) .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group label.control-label, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-1:not(.fh-grid, .fh-subform, .fh-embedded_table) .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-2 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-3 .form-group .controls, .form-container.form-read-mode .dsl-templ-area .cardread .form-horizontal.form-col-4 .form-group .controls {
    width: 100% !important;
    margin-right: 0% !important;
  }
}

.scrolltarget > div[style*="width:100%"][style*="height:0"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.dsl-tab-header.tab-list-default {
  z-index: 10;
  background-color: #0000;
  transition: box-shadow .3s, border-color .3s;
  top: 0;
  position: sticky !important;
}

.dsl-tab-header.tab-list-default.level_1 {
  z-index: 10;
}

.dsl-tab-header.tab-list-default.level_2 {
  z-index: 9;
}

.dsl-tab-header.tab-list-default.level_3 {
  z-index: 8;
}

.dsl-tab-header.tab-list-default.level_4 {
  z-index: 7;
}

.dsl-tab-header.tab-list-default.scrolled {
  background: var(--white);
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000000f;
}

#application .form-horizontal .form-group .control-label {
  pointer-events: auto;
}

#application .form-horizontal .form-group .control-label .field-error-icon, #application .form-horizontal .form-group .control-label .field-note-icon, #application .form-horizontal .form-group .control-label .audit-trail, #application .form-horizontal .form-group .control-label .audit-trail-grid, #application .form-horizontal .form-group .control-label .label-text, #application .form-horizontal .form-group .control-label .required-label, #application .form-horizontal .form-group .control-label, #application .form-horizontal .form-group .control-label [data-toggle="popover"] {
  pointer-events: auto !important;
}

#application .cardread .form-horizontal .form-group:not(.fg-checkbox-only, .fg-label-line, .fh-label-line) .control-label {
  top: var(--field-label-top-read) !important;
}

#application .cardread .form-horizontal .form-group.fg-label-line > .control-label, #application .cardread .form-horizontal .form-group.fh-label-line > .control-label {
  flex: none;
  align-items: flex-end;
  padding-bottom: 0;
  top: 0 !important;
}

.dsl-form-skeleton {
  gap: var(--space-3);
  padding: var(--spacing-xxxlarge);
  background: var(--white);
  flex-direction: column;
  display: flex;
}

.dsl-form-skeleton .dsl-form-skeleton-row {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.dsl-form-skeleton .dsl-form-skeleton-label, .dsl-form-skeleton .dsl-form-skeleton-field {
  background: #0000000a;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.dsl-form-skeleton .dsl-form-skeleton-label:after, .dsl-form-skeleton .dsl-form-skeleton-field:after {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #fff9 50%, #0000 100%);
  animation: 1.8s ease-in-out infinite dsl-form-skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.dsl-form-skeleton .dsl-form-skeleton-label {
  width: 35%;
  height: 14px;
}

.dsl-form-skeleton .dsl-form-skeleton-field {
  height: 36px;
}

@keyframes dsl-form-skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

#application .mini-form .cardarea {
  padding-top: var(--spacing-xxlarge);
  padding-bottom: var(--spacing-xxxlarge);
}

#application .mini-form .cardarea:has(.area_header) {
  padding-top: var(--spacing-xxxxxlarge);
}

#application .mini-form .cardarea .container.fieldgroup ~ .container.fieldgroup.has-header {
  margin-top: var(--spacing-xxxxxxlarge) !important;
}

.form-container .cardarea .fieldgroup.has-header {
  padding-bottom: var(--spacing-xlarge) !important;
}

#application .form-horizontal .form-group.no-floating-label:not(.fg-readonly) .controls .select2-container-multi .select2-choices, #application .form-horizontal .form-group.no-floating-label:not(.fg-readonly) .controls .select2-container-multi.select2-container-disabled .select2-choices {
  padding-top: 0 !important;
}

#application .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi .select2-choices, #application .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi.select2-container-disabled .select2-choices {
  align-items: flex-start;
  padding-top: var(--space-7) !important;
}

#application .form-container:not(.form-read-mode, .form-edit-mode, .form-add-mode) .form-horizontal .form-group.no-floating-label.fg-readonly.fg-select .controls .select2-container-multi.select2-container-disabled .select2-choices {
  padding-top: var(--space-1) !important;
  height: auto !important;
  min-height: 28px !important;
}

#application .form-container:is(.form-edit-mode, .form-add-mode) .form-horizontal .form-group.no-floating-label.fg-readonly.fg-select .controls .select2-container-multi.select2-container-disabled .select2-choices {
  padding-top: calc(var(--space-7) + var(--space-1)) !important;
}

#application .form-container:not(.form-read-mode, .form-edit-mode, .form-add-mode) .form-horizontal .form-group.no-floating-label.fg-readonly.fg-select:has(.select2-container-multi) > .control-label {
  top: 6px !important;
}

#application .form-read-mode .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi .select2-choices:has(li.select2-search-choice), #application .form-read-mode .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi.select2-container-disabled .select2-choices:has(li.select2-search-choice) {
  padding-top: 1px !important;
}

#application .form-read-mode .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi .select2-choices:not(:has(li.select2-search-choice)), #application .form-read-mode .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi.select2-container-disabled .select2-choices:not(:has(li.select2-search-choice)) {
  height: auto !important;
  min-height: 18px !important;
  padding-top: 0 !important;
  line-height: 18px !important;
}

#application .form-read-mode .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi .select2-choices:not(:has(li.select2-search-choice)):before, #application .form-read-mode .form-horizontal .form-group.no-floating-label.fg-readonly .controls .select2-container-multi.select2-container-disabled .select2-choices:not(:has(li.select2-search-choice)):before {
  line-height: 18px !important;
}

#application .form-horizontal .form-group.no-floating-label .controls .select2-container-multi .select2-choices .select2-search-choice, #application .form-horizontal .form-group.no-floating-label .controls .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding-top: var(--spacing-xxsmall) !important;
  margin-top: 0 !important;
}

#application .form-horizontal .form-group .controls .select2-container-multi .select2-choices .select2-search-choice > div {
  line-height: 1;
}

#application .mini-form .cardarea:has(.area_header):not(.expandable-sections-enabled) {
  padding-top: var(--spacing-xlarge);
}

.mini-form .cardarea > .container.fieldgroup.has-header {
  padding-top: var(--spacing-xxxxlarge) !important;
}

.mini-form .cardarea .fieldgroup .form-horizontal.form-col-2 {
  vertical-align: top !important;
}

#application .form-container:not(.form-read-mode) .cardarea .fieldgroup > .form-horizontal {
  vertical-align: top;
}

#application .form-container .cardform .formerror-container {
  padding: var(--space-4) var(--space-5) var(--space-4);
  z-index: 2;
  box-shadow: none;
  background-color: #0000;
  align-items: center;
  position: relative;
  border-radius: var(--radius-large) !important;
  width: 100% !important;
  margin: 0 !important;
}

#application .form-container .cardform .formerror-container:has(.formerror:empty) {
  display: none !important;
}

#application .form-container .cardform .formerror-container:not(:has(.formerror:empty)) .formerror {
  width: fit-content;
  white-space: normal !important;
  text-overflow: clip !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.form-container .cardarea:not(tr) > .container.fieldgroup {
  margin-left: var(--spacing-xlarge) !important;
  margin-right: var(--spacing-xlarge) !important;
  width: calc(100% - 24px) !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
}

.form-container .cardarea.expandable-sections-enabled:not(tr) > .container.fieldgroup {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#application .form-container .cardbar {
  padding: var(--space-4) var(--space-3) !important;
  background-color: var(--color-background-200, #fafafa) !important;
  border-top: 1px solid var(--color-border-200, #fafafa) !important;
  border-radius: 0 0 10px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

#application .form-container .wizard-bottom-bar {
  padding: 0 var(--space-2) !important;
  width: 100% !important;
  margin: 0 !important;
}

#application .dsl-card-duel-card > .wizard-bottom-bar {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .cardbar .form-buttons-bottom {
  justify-content: space-between !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#application .form-container .cardform .cardarea .subform-error-container .formerror {
  border-radius: var(--radius-medium) !important;
  width: calc(100% - var(--edge-mark) / 2) !important;
  max-width: calc(100% - var(--edge-mark) / 2) !important;
  margin-left: calc(var(--edge-mark) / 2) !important;
  white-space: normal !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

#application .form-container .cardform .cardbar {
  padding: var(--space-4) var(--space-5) !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  width: calc(100% + 16px) !important;
  margin-bottom: -8px !important;
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.cardbar:has(.form-buttons-bottom.hide) {
  display: none !important;
}

.cardform .form-group:has( > .control-label .required-label):not(.has-value):not(.fg-readonly):not(:has(.controls input:checked)):not(:has(.controls .active)):not(:has(.select2-search-choice)):not(:has(.select2-chosen:not(:empty))):not(:has(.esign-link.has-signed)):not(:has(.dsl-field-embed tbody td:not(.dataTables_empty))):not(:has(.fileupload.has-file)) > .control-label, .cardform .form-group:has( > .control-label .required-label):not(.has-value):not(.fg-readonly):not(:has(.controls input:checked)):not(:has(.controls .active)):not(:has(.select2-search-choice)):not(:has(.select2-chosen:not(:empty))):not(:has(.esign-link.has-signed)):not(:has(.dsl-field-embed tbody td:not(.dataTables_empty))):not(:has(.fileupload.has-file)) > .control-label.clickable-label > span {
  color: var(--color-error-ink) !important;
}

.cardform .fieldgroup .form-horizontal .form-group.has-value > label.control-label.clickable-label > span .required-label, .cardform .fieldgroup .form-horizontal .form-group:has(.select2-search-choice) > .control-label.clickable-label > span .required-label, .cardform .fieldgroup .form-horizontal .form-group:has(.select2-chosen:not(:empty)) > .control-label.clickable-label > span .required-label, .cardform .form-group:has(.esign-link.has-signed) > .control-label .required-label, .cardform .form-group:has(.fileupload.has-file) > .control-label .required-label, .cardform .form-group:has(.dsl-field-embed tbody td:not(.dataTables_empty)) > .control-label .required-label {
  color: inherit !important;
}

.cardform .form-group.has-value > .control-label .required-label, .cardform .form-group:has(.controls input:checked) > .control-label .required-label, .cardform .form-group:has(.controls .active) > .control-label .required-label, .cardform .form-group:has(.select2-search-choice) > .control-label .required-label, .cardform .form-group:has(.select2-chosen:not(:empty)) > .control-label .required-label, .cardform .form-group:has(.esign-link.has-signed) > .control-label .required-label, .cardform .form-group:has(.fileupload.has-file) > .control-label .required-label, .cardform .form-group:has(.dsl-field-embed tbody td:not(.dataTables_empty)) > .control-label .required-label {
  display: none !important;
}

#application .cardarea .dsl-tab-area {
  padding-right: 0 !important;
}

#application .cardarea .fieldgroup > .form-horizontal.form-col-1 {
  padding-right: var(--space-2) !important;
}

#application .cardarea .container.fieldgroup.has-header {
  padding-top: var(--space-3) !important;
  padding-bottom: var(--space-4) !important;
}

#application .cardarea .container.fieldgroup.has-header:has( > .form-horizontal.fh-embedded_table:last-child) {
  padding-bottom: var(--space-2) !important;
}

#application .form-group.fg-embedded_table > .control-label:has( > .label-text:empty) {
  height: 18px;
  min-height: 0;
}

#application .form-group.fg-missing-info:not(.fg-embedded_table, .has-value) > .control-label .label-text:after, #application .form-group.fg-missing-info.fg-embedded_table:has(td.dataTables_empty) > .control-label .label-text:after {
  content: " MISSING";
  margin-left: var(--space-1);
  color: var(--color-error-ink);
  font-size: var(--type-micro);
  vertical-align: baseline;
  font-weight: 500;
}

#application .form-group.fg-missing-info .help-container:has(.warningmsg:not(:empty)) {
  display: none !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) .dsl-tab-area > .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header {
  padding-right: 0 !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)):is(.wizard-tab-content .mini-form *) > .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header {
  padding-right: var(--space-1) !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)):is(.wizard-tab-content .mini-form *) > .container.fieldgroup.has-header + .container.fieldgroup.has-header:before {
  width: calc(100% - 2 * var(--spacing-standard)) !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)):is(.mini-form *) > .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header:first-child, #application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) > h3[id^="secgroup_"] + .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header, #application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) > .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header:not(.container.fieldgroup:not(.hide, .is-display-none):has( > :not(.offscreen, .hide, .sectionnote:empty, :empty, h3, h4, .is-display-none, .is-visibility-hidden)) ~ *), #application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) .dsl-tab-area > .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header:not(.container.fieldgroup:not(.hide, .is-display-none):has( > :not(.offscreen, .hide, .sectionnote:empty, :empty, h3, h4, .is-display-none, .is-visibility-hidden)) ~ *) {
  margin-top: 0 !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header {
  position: relative;
  padding: 0 10px var(--density-section-pad-y) clamp(136px, 11%, 204px) !important;
  margin: var(--density-section-gap-lg) 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) .container.fieldgroup:not(.dsl-tab-header, .is-media-pane).has-header > h3:not([tabgroupid]) {
  z-index: auto;
  text-transform: uppercase;
  white-space: normal;
  top: var(--section-label-top) !important;
  text-align: right !important;
  color: #6a7f9d !important;
  width: calc(clamp(136px, 11%, 204px) - 26px) !important;
  font-size: var(--type-label) !important;
  font-weight: 500 !important;
  line-height: var(--section-label-lh, 15px) !important;
  letter-spacing: var(--tracking-caps) !important;
  background: none !important;
  border-bottom: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  left: 8px !important;
  transform: none !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid]) ~ :not(.offscreen, .hide, .sectionnote:empty, h3, h4, .is-display-none, .is-visibility-hidden)) .container.fieldgroup:not(.has-header, .dsl-tab-container, .dsl-tab-header, .is-media-pane) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: clamp(136px, 11%, 204px) !important;
}

#application .mini-form .form-container:not(.form-read-mode) .cardarea:not(tr) > .container.fieldgroup.has-header {
  padding-left: var(--space-2) !important;
  padding-top: var(--spacing-xxxxlarge) !important;
  margin: var(--spacing-xxxxxxlarge) var(--spacing-xlarge) 0 !important;
  border: 1px solid #54606e1a !important;
  border-radius: 10px !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
}

#application .mini-form .form-container:not(.form-read-mode) .cardarea:not(tr) > .container.fieldgroup.has-header > h3:not([tabgroupid]) {
  text-transform: none;
  text-align: left !important;
  background-color: var(--white) !important;
  width: auto !important;
  padding: 0 var(--space-1) !important;
  font-size: var(--type-control) !important;
  line-height: 1.15 !important;
  display: flex !important;
  top: 0 !important;
  left: 4px !important;
  transform: translateY(-50%) !important;
}

#application .mini-form .form-container:not(.form-read-mode) .cardarea:not(tr) > .container.fieldgroup:not(.has-header, .dsl-tab-container) {
  padding-left: 0 !important;
}

#application .form-container:not(.form-read-mode) .cardarea:not(.expandable-sections-enabled, tr):has(.container.fieldgroup:not(.hide, .dsl-tab-header, .is-display-none) > h3:not([tabgroupid])) .dsl-tab-area {
  background-color: var(--white) !important;
}

#application .dsl-tab-header {
  overflow-x: auto !important;
}

#application .form-group .controls > .checkboxes.checkbox-only label.checkbox {
  height: auto !important;
  padding-bottom: var(--space-1) !important;
}

#application .form-container:not(.form-read-mode) .cardarea .container.fieldgroup > br {
  display: none;
}

#application .form-container:not(.form-read-mode) .cardarea .container.fieldgroup > .form-horizontal:not(.offscreen, .hide, .is-display-none):has( > :not(.is-display-none)) ~ br {
  display: block;
}

#application .cardarea .container.fieldgroup:not(:has( > .form-horizontal:not(.offscreen, .hide))) {
  min-height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#application .cardarea {
  border-right: var(--spacing-standard) solid transparent;
}

#application .form-container:not(.form-read-mode) .cardarea:has( > .dsl-tab-container) {
  border-right-width: 0;
}

#application .form-group > .manage > a:is(.manage-add, .manage-edit, .manage-list):before {
  border-radius: var(--radius-xsmall, 4px);
  justify-content: center;
  width: 20px;
  transition: background-color .12s, color .12s;
}

#application .form-group > .manage > a:is(.manage-add, .manage-edit, .manage-list):hover:before, #application .form-group > .manage > a:is(.manage-add, .manage-edit, .manage-list):focus-visible:before {
  background-color: var(--color-primary-50) !important;
  color: var(--color-tertiary) !important;
}

#application .form-group > .manage > a:is(.manage-add, .manage-edit, .manage-list):active:before {
  background-color: var(--color-primary-200) !important;
}

#application .form-container .form-group.fg-readonly > .manage, #application .form-container .form-group > .manage.is-display-none {
  display: none !important;
}

#application .form-group:not(.has-value) > .manage > a.manage-edit {
  opacity: .4;
  cursor: not-allowed;
}

#application .form-group:not(.has-value) > .manage > a.manage-edit:hover:before, #application .form-group:not(.has-value) > .manage > a.manage-edit:focus-visible:before, #application .form-group:not(.has-value) > .manage > a.manage-edit:active:before {
  background-size: 14px;
  color: var(--color-text-muted-ink) !important;
  background-color: #0000 !important;
}

#application .form-container:not(.form-read-mode) .cardarea > .container.fieldgroup.has-header + .container.fieldgroup.has-header:before {
  left: var(--spacing-standard) !important;
}

#application .form-segment-container-flyout .form-container:not(.form-read-mode) .cardarea > .container.fieldgroup.has-header + .container.fieldgroup.has-header:before {
  width: calc(100% - 2 * var(--spacing-standard)) !important;
}

#application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])) {
  flex-direction: column !important;
  display: flex !important;
}

#application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))), #application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))), #application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group {
  flex-direction: column !important;
  flex: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

#application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group > .controls {
  flex-direction: column !important;
  flex: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

#application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group > .controls > .embedded_table {
  flex-direction: column !important;
  flex: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

#application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):has( > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .form-horizontal.fh-embedded_table ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(:has( ~ .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .form-group > .controls > .embedded_table .dsl-field-embed {
  flex: auto !important;
  min-height: 300px !important;
  max-height: none !important;
}

#application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) {
  contain: size !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 340px !important;
  display: flex !important;
}

#application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]), #application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-group, #application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-group > .controls, #application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table {
  flex-direction: column !important;
  flex: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
}

#application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) .dsl-field-embed {
  flex: 1 !important;
  min-height: 300px !important;
  max-height: none !important;
}

#application .form-container.form-read-mode .cardarea .dsl-tab-area:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])):not(:has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]):not(.fh-embedded_table)), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"])), :has( > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) ~ .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]))) > .container.fieldgroup:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) > .form-horizontal.fh-embedded_table:not(.hide, .offscreen, .is-display-none, [style*="display: none"], [style*="display:none"]) .dsl-field-embed > .dsl-grid-view {
  flex: 1 !important;
  min-height: 0 !important;
}

#application .window-container .form-container:not(.form-read-mode) .cardarea:not(tr, .expandable-sections-enabled):not(:has( > .dsl-tab-container)):not(.dsl-card-duel-card *) {
  border-right-width: 0 !important;
}

#application .window-container .form-container:not(.form-read-mode) .cardarea:not(tr, .expandable-sections-enabled):not(:has( > .dsl-tab-container)):not(.dsl-card-duel-card *) > .container.fieldgroup:not(.has-header, .dsl-tab-header) {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#application .form-container:not(.form-read-mode) .form-horizontal .form-group.no-floating-label.fg-readonly.fg-radio > .control-label {
  padding-top: 10px !important;
}

#application .form-container:not(.form-read-mode) .cardarea .dsl-tab-area > .container.fieldgroup.has-header:not(.is-display-none) + .container.fieldgroup.has-header:before {
  left: 0 !important;
  right: var(--spacing-standard) !important;
  width: auto !important;
}

#application .form-container.form-read-mode .cardarea {
  border-left: var(--spacing-standard) solid transparent;
  background-clip: padding-box;
}

#application .cardarea > .container.fieldgroup.has-header + .container.fieldgroup.has-header:before, #application .cardarea .dsl-tab-area > .container.fieldgroup.has-header:not(.is-display-none) + .container.fieldgroup.has-header:before {
  content: "" !important;
  background: color-mix(in srgb, var(--color-tertiary) 20%, transparent) !important;
  pointer-events: none !important;
  width: 100vw !important;
  height: 1px !important;
  display: block !important;
  position: absolute !important;
  top: -4px !important;
  left: 0 !important;
}

#application .form-container .cardarea:not(tr) > h3[id^="secgroup_"], #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > h3[id^="secgroup_"] {
  text-transform: uppercase;
  line-height: 1.15;
  display: block;
  position: relative;
  margin: var(--space-4) 0 var(--space-2) !important;
  padding: 0 0 0 var(--space-3) !important;
  font-size: var(--type-label) !important;
  letter-spacing: var(--tracking-caps) !important;
  color: #6a7f9d !important;
  font-weight: 500 !important;
}

#application .form-container .cardarea:not(tr) > h3[id^="secgroup_"]:before, #application .form-container.form-read-mode .dsl-templ-area .cardread .cardarea > h3[id^="secgroup_"]:before {
  content: "";
  background: color-mix(in srgb, var(--color-tertiary) 20%, transparent);
  pointer-events: none;
  width: 100vw;
  height: 1px;
  position: absolute;
  top: -4px;
  left: 0;
}

#application .cardarea .dsl-tab-area > .container.fieldgroup.has-header:not(.is-display-none) + .container.fieldgroup.has-header:before {
  width: 100% !important;
}

#application .dsl-action-btn.is-loading {
  cursor: progress;
  pointer-events: none;
}

.cardarea.is-saving-slow > :not(.form-save-progress) {
  opacity: .85;
  transition: opacity .2s;
}

#application .cardform:has( > .cardarea.is-saving-slow) {
  position: relative;
}

#application .cardform:has( > .cardarea.is-saving-slow):after {
  content: "";
  inset: var(--save-shimmer-top, 0px) 0 0 0;
  z-index: 5;
  pointer-events: none;
  border-radius: inherit;
  background-image: linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--color-primary) 16%, transparent) 50%, transparent 70%);
  background-repeat: no-repeat;
  background-size: 250% 100%;
  animation: 1.4s ease-in-out infinite form-save-shimmer;
  position: absolute;
}

@keyframes form-save-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

.cardarea > .form-save-progress {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  #application .cardform:has( > .cardarea.is-saving-slow):after {
    background-image: none;
    animation: none;
  }
}

.form-container.form-container-hidden {
  pointer-events: none;
  inset: 0;
  visibility: hidden !important;
  position: absolute !important;
}

.layout-form-content:has( > .form-container-hidden) {
  position: relative;
}

@media (width <= 1200px) {
  .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-3 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-4 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-5 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-6 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-7 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-8 label.checkbox {
    width: 45% !important;
  }
}

@media (width <= 992px) {
  .form-card-menu {
    z-index: -1;
    transition: all .5s;
    display: none !important;
  }

  .form-card-menu.cardmenu-show {
    z-index: 3;
    display: block !important;
  }

  .dsl-tab-header.tab-list-default {
    z-index: 15;
    background-color: #0000;
    transition: box-shadow .3s, border-color .3s;
    position: sticky;
    top: 0;
  }

  .dsl-tab-header.tab-list-default.scrolled {
    background: var(--white);
    border-bottom: 1px solid #0000001a;
    box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000000f;
  }

  .cardform, .cardread {
    margin-right: 0;
  }

  .form-horizontal .form-group {
    flex-direction: column;
    display: flex;
  }

  .form-horizontal .form-group > label {
    text-align: left;
    font-family: Soehne, sans-serif;
    font-weight: 500;
    font-size: var(--font-size-14);
    line-height: var(--line-height-24);
    color: #333;
    margin: 0;
  }

  .form-horizontal .form-group .manage {
    flex-direction: row;
    justify-content: flex-start;
    width: 43%;
    display: flex;
  }

  .form-horizontal .form-group .controls-grid {
    width: 95%;
    overflow: auto;
  }

  .form-horizontal .form-group .note {
    width: 90%;
  }

  .cardform .cardbar, .cardread .cardbar {
    flex-direction: column;
    display: flex;
  }

  .cardform .cardbar .formerror, .cardread .cardbar .formerror {
    width: 100%;
  }

  .cardform .cardbar .form-buttons-bottom, .cardread .cardbar .form-buttons-bottom {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
}

@media (width <= 768px) {
  .action-btn-cnt {
    height: auto;
  }
}

@media (width <= 576px) {
  .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-2 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-3 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-4 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-5 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-6 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-7 label.checkbox, .form-container .cardarea .fieldgroup .form-horizontal .form-group .controls > .checkboxes.checkbox-8 label.checkbox {
    width: 100% !important;
  }
}

@media (width <= 1200px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-3, .form-container .cardarea .fieldgroup .form-horizontal.form-col-4 {
    width: calc(50% - var(--spacing-standard)) !important;
  }
}

@media (width <= 768px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-3, .form-container .cardarea .fieldgroup .form-horizontal.form-col-4, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_1 {
    width: 100% !important;
  }

  .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_city, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_state, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_zip {
    width: calc(50% - var(--spacing-standard)) !important;
  }
}

@media (width <= 425px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-modifier {
    width: 50% !important;
  }
}

@media (width <= 320px) {
  .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_1, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_2, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_city, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_state, .form-container .cardarea .fieldgroup .form-horizontal.form-col-addr_zip {
    width: 100% !important;
  }
}

.form-widget-container > .form-widget-warning-row {
  min-width: 0;
  padding-top: var(--space-2, 8px);
  padding-bottom: var(--space-1, 4px);
  justify-content: center;
  display: flex;
}

.form-widget-container > .form-widget-warning-row > .form-top-warning {
  margin: 0 0 0 calc(var(--edge-mark) / 2);
}

.base-style-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-primary i, .base-style-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-style-primary.disabled, .base-style-primary[disabled], .base-style-primary[aria-disabled="true"], .base-style-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.base-style-primary.disabled i, .base-style-primary[disabled] i, .base-style-primary[aria-disabled="true"] i, .base-style-primary:disabled i, .base-style-primary.disabled .icon, .base-style-primary[disabled] .icon, .base-style-primary[aria-disabled="true"] .icon, .base-style-primary:disabled .icon, .base-style-primary.disabled svg, .base-style-primary[disabled] svg, .base-style-primary[aria-disabled="true"] svg, .base-style-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-style-primary.disabled svg *, .base-style-primary[disabled] svg *, .base-style-primary[aria-disabled="true"] svg *, .base-style-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-style-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-primary:focus-visible {
  box-shadow: none;
}

.base-style-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-style-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-style-info {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-info i, .base-style-info .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-style-info.disabled, .base-style-info[disabled], .base-style-info[aria-disabled="true"], .base-style-info:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.base-style-info.disabled i, .base-style-info[disabled] i, .base-style-info[aria-disabled="true"] i, .base-style-info:disabled i, .base-style-info.disabled .icon, .base-style-info[disabled] .icon, .base-style-info[aria-disabled="true"] .icon, .base-style-info:disabled .icon, .base-style-info.disabled svg, .base-style-info[disabled] svg, .base-style-info[aria-disabled="true"] svg, .base-style-info:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-style-info.disabled svg *, .base-style-info[disabled] svg *, .base-style-info[aria-disabled="true"] svg *, .base-style-info:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-style-info:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-info:focus-visible {
  box-shadow: none;
}

.base-style-info:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-style-info:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-style-error {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-error i, .base-style-error .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-style-error.disabled, .base-style-error[disabled], .base-style-error[aria-disabled="true"], .base-style-error:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.base-style-error.disabled i, .base-style-error[disabled] i, .base-style-error[aria-disabled="true"] i, .base-style-error:disabled i, .base-style-error.disabled .icon, .base-style-error[disabled] .icon, .base-style-error[aria-disabled="true"] .icon, .base-style-error:disabled .icon, .base-style-error.disabled svg, .base-style-error[disabled] svg, .base-style-error[aria-disabled="true"] svg, .base-style-error:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-style-error.disabled svg *, .base-style-error[disabled] svg *, .base-style-error[aria-disabled="true"] svg *, .base-style-error:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-style-error:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-error:focus-visible {
  box-shadow: none;
}

.base-style-error:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-style-error:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-style-warning {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #bd6d2c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-warning i, .base-style-warning .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-style-warning.disabled, .base-style-warning[disabled], .base-style-warning[aria-disabled="true"], .base-style-warning:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #dc9c69 0%, #d68c51 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: none;
  transform: none;
}

.base-style-warning.disabled i, .base-style-warning[disabled] i, .base-style-warning[aria-disabled="true"] i, .base-style-warning:disabled i, .base-style-warning.disabled .icon, .base-style-warning[disabled] .icon, .base-style-warning[aria-disabled="true"] .icon, .base-style-warning:disabled .icon, .base-style-warning.disabled svg, .base-style-warning[disabled] svg, .base-style-warning[aria-disabled="true"] svg, .base-style-warning:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-style-warning.disabled svg *, .base-style-warning[disabled] svg *, .base-style-warning[aria-disabled="true"] svg *, .base-style-warning:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-style-warning:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-warning:focus-visible {
  box-shadow: none;
}

.base-style-warning:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-style-warning:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-style-accept {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-accept i, .base-style-accept .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-style-accept.disabled, .base-style-accept[disabled], .base-style-accept[aria-disabled="true"], .base-style-accept:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.base-style-accept.disabled i, .base-style-accept[disabled] i, .base-style-accept[aria-disabled="true"] i, .base-style-accept:disabled i, .base-style-accept.disabled .icon, .base-style-accept[disabled] .icon, .base-style-accept[aria-disabled="true"] .icon, .base-style-accept:disabled .icon, .base-style-accept.disabled svg, .base-style-accept[disabled] svg, .base-style-accept[aria-disabled="true"] svg, .base-style-accept:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-style-accept.disabled svg *, .base-style-accept[disabled] svg *, .base-style-accept[aria-disabled="true"] svg *, .base-style-accept:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-style-accept:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-style-accept:focus-visible {
  box-shadow: none;
}

.base-style-accept:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-style-accept:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-style-default {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-style-default i, .base-style-default .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-style-default.disabled, .base-style-default[disabled], .base-style-default[aria-disabled="true"], .base-style-default:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.base-style-default.disabled i, .base-style-default[disabled] i, .base-style-default[aria-disabled="true"] i, .base-style-default:disabled i, .base-style-default.disabled .icon, .base-style-default[disabled] .icon, .base-style-default[aria-disabled="true"] .icon, .base-style-default:disabled .icon, .base-style-default.disabled svg, .base-style-default[disabled] svg, .base-style-default[aria-disabled="true"] svg, .base-style-default:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.base-style-default.disabled svg *, .base-style-default[disabled] svg *, .base-style-default[aria-disabled="true"] svg *, .base-style-default:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-style-default:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.base-style-default:focus-visible {
  box-shadow: none;
}

.base-style-default:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-style-default:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-action-btn.wizard-bottom-btn-default {
  padding-left: var(--spacing-xlarge) !important;
  padding-right: var(--spacing-xlarge) !important;
}

.dsl-action-btn.wizard-bottom-btn-default.disabled {
  cursor: not-allowed !important;
  background: var(--btn-disabled-bg, #d7d7d766) !important;
  color: var(--btn-disabled-ink, var(--gray-400)) !important;
}

.dsl-action-btn.wizard-bottom-btn-default.disabled i, .dsl-action-btn.wizard-bottom-btn-default.disabled .icon, .dsl-action-btn.wizard-bottom-btn-default.disabled .label {
  color: var(--btn-disabled-ink, var(--gray-400)) !important;
}

.dsl-action-btn.wizard-bottom-btn-default.btn-archive.disabled {
  color: #fff !important;
  background: #dcb1b1 !important;
}

.dsl-action-btn.wizard-bottom-btn-default.btn-archive.disabled i, .dsl-action-btn.wizard-bottom-btn-default.btn-archive.disabled .icon {
  color: #fff !important;
}

.base-form-button {
  gap: var(--space-1);
  height: 36px;
  padding-top: var(--spacing-standard) !important;
  padding-right: var(--spacing-xlarge) !important;
  padding-bottom: var(--spacing-standard) !important;
  padding-left: var(--spacing-xlarge) !important;
  border-radius: 8px !important;
  overflow: visible !important;
}

.base-form-button .inner-cont .icon {
  font-weight: 300;
  line-height: 1;
  width: 18px !important;
  height: 18px !important;
}

.base-form-button .inner-cont p.label {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  margin: 0;
  line-height: 20px;
}

.base-form-button .inner-cont .label-stack {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-micro);
  line-height: var(--line-height-xxsmall);
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  display: inline-flex;
}

.base-form-button.style-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-primary i, .base-form-button.style-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-form-button.style-primary.disabled, .base-form-button.style-primary[disabled], .base-form-button.style-primary[aria-disabled="true"], .base-form-button.style-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.base-form-button.style-primary.disabled i, .base-form-button.style-primary[disabled] i, .base-form-button.style-primary[aria-disabled="true"] i, .base-form-button.style-primary:disabled i, .base-form-button.style-primary.disabled .icon, .base-form-button.style-primary[disabled] .icon, .base-form-button.style-primary[aria-disabled="true"] .icon, .base-form-button.style-primary:disabled .icon, .base-form-button.style-primary.disabled svg, .base-form-button.style-primary[disabled] svg, .base-form-button.style-primary[aria-disabled="true"] svg, .base-form-button.style-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-form-button.style-primary.disabled svg *, .base-form-button.style-primary[disabled] svg *, .base-form-button.style-primary[aria-disabled="true"] svg *, .base-form-button.style-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-form-button.style-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-primary:focus-visible {
  box-shadow: none;
}

.base-form-button.style-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-form-button.style-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-form-button.style-info {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-info i, .base-form-button.style-info .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-form-button.style-info.disabled, .base-form-button.style-info[disabled], .base-form-button.style-info[aria-disabled="true"], .base-form-button.style-info:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.base-form-button.style-info.disabled i, .base-form-button.style-info[disabled] i, .base-form-button.style-info[aria-disabled="true"] i, .base-form-button.style-info:disabled i, .base-form-button.style-info.disabled .icon, .base-form-button.style-info[disabled] .icon, .base-form-button.style-info[aria-disabled="true"] .icon, .base-form-button.style-info:disabled .icon, .base-form-button.style-info.disabled svg, .base-form-button.style-info[disabled] svg, .base-form-button.style-info[aria-disabled="true"] svg, .base-form-button.style-info:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-form-button.style-info.disabled svg *, .base-form-button.style-info[disabled] svg *, .base-form-button.style-info[aria-disabled="true"] svg *, .base-form-button.style-info:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-form-button.style-info:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-info:focus-visible {
  box-shadow: none;
}

.base-form-button.style-info:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-form-button.style-info:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-form-button.style-error {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-error i, .base-form-button.style-error .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-form-button.style-error.disabled, .base-form-button.style-error[disabled], .base-form-button.style-error[aria-disabled="true"], .base-form-button.style-error:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.base-form-button.style-error.disabled i, .base-form-button.style-error[disabled] i, .base-form-button.style-error[aria-disabled="true"] i, .base-form-button.style-error:disabled i, .base-form-button.style-error.disabled .icon, .base-form-button.style-error[disabled] .icon, .base-form-button.style-error[aria-disabled="true"] .icon, .base-form-button.style-error:disabled .icon, .base-form-button.style-error.disabled svg, .base-form-button.style-error[disabled] svg, .base-form-button.style-error[aria-disabled="true"] svg, .base-form-button.style-error:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-form-button.style-error.disabled svg *, .base-form-button.style-error[disabled] svg *, .base-form-button.style-error[aria-disabled="true"] svg *, .base-form-button.style-error:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-form-button.style-error:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-error:focus-visible {
  box-shadow: none;
}

.base-form-button.style-error:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-form-button.style-error:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-form-button.style-warning {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #bd6d2c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-warning i, .base-form-button.style-warning .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-form-button.style-warning.disabled, .base-form-button.style-warning[disabled], .base-form-button.style-warning[aria-disabled="true"], .base-form-button.style-warning:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #dc9c69 0%, #d68c51 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: none;
  transform: none;
}

.base-form-button.style-warning.disabled i, .base-form-button.style-warning[disabled] i, .base-form-button.style-warning[aria-disabled="true"] i, .base-form-button.style-warning:disabled i, .base-form-button.style-warning.disabled .icon, .base-form-button.style-warning[disabled] .icon, .base-form-button.style-warning[aria-disabled="true"] .icon, .base-form-button.style-warning:disabled .icon, .base-form-button.style-warning.disabled svg, .base-form-button.style-warning[disabled] svg, .base-form-button.style-warning[aria-disabled="true"] svg, .base-form-button.style-warning:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-form-button.style-warning.disabled svg *, .base-form-button.style-warning[disabled] svg *, .base-form-button.style-warning[aria-disabled="true"] svg *, .base-form-button.style-warning:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-form-button.style-warning:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-warning:focus-visible {
  box-shadow: none;
}

.base-form-button.style-warning:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-form-button.style-warning:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-form-button.style-default {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-default i, .base-form-button.style-default .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-form-button.style-default.disabled, .base-form-button.style-default[disabled], .base-form-button.style-default[aria-disabled="true"], .base-form-button.style-default:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.base-form-button.style-default.disabled i, .base-form-button.style-default[disabled] i, .base-form-button.style-default[aria-disabled="true"] i, .base-form-button.style-default:disabled i, .base-form-button.style-default.disabled .icon, .base-form-button.style-default[disabled] .icon, .base-form-button.style-default[aria-disabled="true"] .icon, .base-form-button.style-default:disabled .icon, .base-form-button.style-default.disabled svg, .base-form-button.style-default[disabled] svg, .base-form-button.style-default[aria-disabled="true"] svg, .base-form-button.style-default:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.base-form-button.style-default.disabled svg *, .base-form-button.style-default[disabled] svg *, .base-form-button.style-default[aria-disabled="true"] svg *, .base-form-button.style-default:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-form-button.style-default:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.base-form-button.style-default:focus-visible {
  box-shadow: none;
}

.base-form-button.style-default:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-form-button.style-default:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.base-form-button.style-accept {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.base-form-button.style-accept i, .base-form-button.style-accept .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.base-form-button.style-accept.disabled, .base-form-button.style-accept[disabled], .base-form-button.style-accept[aria-disabled="true"], .base-form-button.style-accept:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.base-form-button.style-accept.disabled i, .base-form-button.style-accept[disabled] i, .base-form-button.style-accept[aria-disabled="true"] i, .base-form-button.style-accept:disabled i, .base-form-button.style-accept.disabled .icon, .base-form-button.style-accept[disabled] .icon, .base-form-button.style-accept[aria-disabled="true"] .icon, .base-form-button.style-accept:disabled .icon, .base-form-button.style-accept.disabled svg, .base-form-button.style-accept[disabled] svg, .base-form-button.style-accept[aria-disabled="true"] svg, .base-form-button.style-accept:disabled svg {
  color: #fff;
  font-weight: 300;
}

.base-form-button.style-accept.disabled svg *, .base-form-button.style-accept[disabled] svg *, .base-form-button.style-accept[aria-disabled="true"] svg *, .base-form-button.style-accept:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.base-form-button.style-accept:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.base-form-button.style-accept:focus-visible {
  box-shadow: none;
}

.base-form-button.style-accept:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.base-form-button.style-accept:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-action-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-action-btn i, .dsl-action-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-action-btn.disabled, .dsl-action-btn[disabled], .dsl-action-btn[aria-disabled="true"], .dsl-action-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.dsl-action-btn.disabled i, .dsl-action-btn[disabled] i, .dsl-action-btn[aria-disabled="true"] i, .dsl-action-btn:disabled i, .dsl-action-btn.disabled .icon, .dsl-action-btn[disabled] .icon, .dsl-action-btn[aria-disabled="true"] .icon, .dsl-action-btn:disabled .icon, .dsl-action-btn.disabled svg, .dsl-action-btn[disabled] svg, .dsl-action-btn[aria-disabled="true"] svg, .dsl-action-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.dsl-action-btn.disabled svg *, .dsl-action-btn[disabled] svg *, .dsl-action-btn[aria-disabled="true"] svg *, .dsl-action-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.dsl-action-btn:focus-visible {
  box-shadow: none;
}

.dsl-action-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-action-btn .inner-cont {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  flex-direction: row;
  min-width: 50px;
  display: flex;
}

.dsl-action-btn .inner-cont .icon {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-weight: 300;
  line-height: 1;
  display: inline-flex;
}

.dsl-action-btn .inner-cont .label {
  background-color: inherit;
  color: inherit;
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
  margin: 0;
  padding: 0;
}

.action-btn-group-container {
  padding: var(--space-1) 0 var(--space-1) 0;
  justify-content: space-between;
  gap: var(--spacing-standard);
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
  min-height: auto !important;
}

.action-btn-group-container:has( > .action-btn-group-cnt.center:not(:empty)) > .action-btn-group-cnt.left, .action-btn-group-container:has( > .action-btn-group-cnt.center:not(:empty)) > .action-btn-group-cnt.right {
  flex: 1 1 0;
}

.action-btn-group-container:has( > .action-btn-group-cnt.center:not(:empty)) > .action-btn-group-cnt.center {
  flex: 0 auto;
  min-width: 0;
}

.action-btn-group-container .action-btn-group-cnt {
  -webkit-user-select: none;
  user-select: none;
  justify-content: flex-start;
  gap: var(--spacing-standard);
  flex-direction: row;
  width: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.action-btn-group-container .action-btn-group-cnt.cnt-label {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  padding: 0 var(--space-2);
  flex-direction: row;
  height: 100%;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt.cnt-label span {
  font-size: var(--type-label);
  color: var(--color-text);
  align-items: center;
  font-weight: 500;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt.cnt-label span i {
  font-weight: 300;
  font-size: var(--type-value);
  margin-left: var(--spacing-xsmall);
  margin-right: var(--spacing-xsmall);
  color: var(--color-text);
}

.action-btn-group-container .action-btn-group-cnt:has(.mini-btn-group-container) {
  gap: var(--space-1) !important;
}

.action-btn-group-container .action-btn-group-cnt.left {
  justify-content: flex-start;
}

.action-btn-group-container .action-btn-group-cnt.center {
  justify-content: center;
  row-gap: var(--spacing-standard);
  flex-wrap: wrap;
  width: auto;
  min-width: 0;
}

.action-btn-group-container .action-btn-group-cnt.right {
  justify-content: flex-end;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown {
  align-items: center;
  display: flex;
  position: relative;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown.split {
  gap: 0;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown.split .dsl-action-btn.split-btn-main {
  clip-path: inset(-8px 0 -8px -8px);
  padding-right: var(--space-1) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown.split .dsl-action-btn.split-btn-caret {
  clip-path: inset(-8px -8px -8px 0);
  margin-left: -1px;
  padding: 0 var(--space-3) 0 calc(var(--space-1) + 1px) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown.split .dsl-action-btn.split-btn-caret .inner-cont {
  min-width: 0;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown.split:hover > .dsl-action-btn:not(:disabled, [disabled], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  opacity: 1;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown.split:active > .dsl-action-btn:not(:disabled, [disabled], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-trigger .inner-cont .dropdown-caret {
  font-weight: 900;
  font-size: var(--type-value);
  opacity: .7;
  transition: transform .15s;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-trigger.open .inner-cont .dropdown-caret {
  transform: rotate(180deg);
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu {
  z-index: 20000;
  background: var(--white);
  border: 1px solid var(--gray-200);
  min-width: 210px;
  padding: var(--space-1) 0;
  border-radius: 8px;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  box-shadow: 0 12px 30px #00000014, 0 2px 6px #0000000a;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-transform: none;
  flex-direction: row;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item .menu-item-icon {
  justify-content: center;
  width: 18px;
  display: inline-flex;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item .menu-item-icon i {
  font-weight: 300;
  font-size: var(--type-value);
  color: #a3a3a3;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item .menu-item-icon img {
  width: 14px;
  height: 14px;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item .menu-item-text {
  font-family: Soehne;
  font-size: var(--type-value);
  color: var(--color-text);
  white-space: nowrap;
  line-height: 20px;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item:hover {
  background: #0000000b;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item:hover .menu-item-icon i {
  color: #737373;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-dropdown-menu .action-btn-dropdown-item.disabled:hover {
  background: none;
}

.action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-group-container .action-btn-group-cnt .action-btn-dropdown:has( > .dsl-action-btn.btn-cancel) .action-btn-dropdown-menu .action-btn-dropdown-item .menu-item-icon i, .action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-group-container .action-btn-group-cnt .action-btn-dropdown:has( > .dsl-action-btn.btn-cancel) .action-btn-dropdown-menu .action-btn-dropdown-item .menu-item-text, .action-btn-group-container .action-btn-group-cnt .action-btn-dropdown .action-btn-group-container .action-btn-group-cnt .action-btn-dropdown:has( > .dsl-action-btn.btn-cancel) .action-btn-dropdown-menu .action-btn-dropdown-item:hover .menu-item-icon i {
  color: var(--color-error-ink);
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group-container {
  justify-content: flex-start;
  gap: var(--space-1);
  flex-direction: row;
  width: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group {
  justify-content: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  width: auto;
  padding: 0;
  display: flex;
  overflow: visible;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn {
  height: 28px;
  padding: 0 var(--space-3) !important;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn .inner-cont {
  flex-direction: row;
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn .inner-cont p.label {
  font-size: var(--type-label);
}

.action-btn-group-container .action-btn-group-cnt .mini-btn-group .dsl-action-btn .inner-cont i {
  font-size: var(--type-label);
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt.nolabel .label {
  display: none;
}

.action-btn-group-container .action-btn-group-cnt.nolabel .dsl-action-btn {
  max-width: 34px !important;
}

.action-btn-group-container .action-btn-group-cnt.vertical {
  min-width: fit-content;
  padding: var(--spacing-large);
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  background: #fff !important;
  box-shadow: 0 1px 4px #18100a14 !important;
}

.action-btn-group-container .action-btn-group-cnt.vertical .dsl-action-btn {
  min-width: 100% !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar i, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar.disabled, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[disabled], .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-print-toolbar:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack {
  justify-content: center;
  gap: var(--space-1);
  flex-direction: column;
  align-self: center;
  width: fit-content;
  min-width: fit-content;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  display: flex;
  padding: 0 var(--space-3) 0 var(--space-2) !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default .inner-cont {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  width: 100%;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default .inner-cont .icon, .action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default .inner-cont i {
  flex-shrink: 0;
  line-height: 1;
  position: static;
  transform: none;
  width: 12px !important;
  height: 12px !important;
  font-size: var(--type-label) !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default .inner-cont .label {
  font-size: var(--type-label);
  text-align: center;
  white-space: nowrap;
  width: 100%;
  padding: 0;
  line-height: 1;
  margin: 0 !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack:has( > .dsl-action-btn.icon-only) {
  gap: var(--space-1);
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only {
  border: none;
  justify-content: center;
  width: 28px;
  min-width: 28px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  transition: background-color .15s;
  box-shadow: none !important;
  background: none !important;
  border-radius: 6px !important;
  padding: 0 !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only .inner-cont {
  justify-content: center;
  gap: 0;
  width: 100%;
  min-width: 0;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only .inner-cont .icon, .action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only .inner-cont i {
  color: #567ba6;
  width: 16px !important;
  height: 16px !important;
  font-size: var(--type-value) !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only:hover:not(.disabled) {
  transform: none;
  background: #567ba61f !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only:hover:not(.disabled) .inner-cont .icon, .action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only:hover:not(.disabled) .inner-cont i {
  color: #456284;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only.disabled {
  box-shadow: none !important;
  cursor: not-allowed !important;
  background: none !important;
}

.action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only.disabled .inner-cont .icon, .action-btn-group-container .action-btn-group-cnt .print-btn-stack .dsl-action-btn.wizard-bottom-btn-default.icon-only.disabled .inner-cont i {
  color: var(--gray-400);
}

.action-btn-group-container .action-btn-group-cnt .btn-archive {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive i, .action-btn-group-container .action-btn-group-cnt .btn-archive .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-archive.disabled, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled], .action-btn-group-container .action-btn-group-cnt .btn-archive[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-archive[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-archive.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-archive[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-archive.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-archive[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-archive[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-archive[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-archive:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-archive:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled], .action-btn-group-container .action-btn-group-cnt .btn-unarchive[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-unarchive[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-unarchive:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-unarchive:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify i, .action-btn-group-container .action-btn-group-cnt .btn-verify .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify.disabled, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled], .action-btn-group-container .action-btn-group-cnt .btn-verify[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-verify[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-verify.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-verify[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-verify[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-verify[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-verify:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields i, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields.disabled, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[disabled], .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-verify-fields:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-verify-fields:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-verify-fields:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-review {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-review i, .action-btn-group-container .action-btn-group-cnt .btn-review .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-review.disabled, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled], .action-btn-group-container .action-btn-group-cnt .btn-review[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-review:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-review.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-review[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-review:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-review.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-review[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-review:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-review.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-review[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-review:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-review.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-review[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-review[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-review:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-review:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-more {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-more i, .action-btn-group-container .action-btn-group-cnt .btn-more .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-more.disabled, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled], .action-btn-group-container .action-btn-group-cnt .btn-more[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-more:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-more.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-more[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-more:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-more.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-more[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-more:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-more.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-more[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-more:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-more.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-more[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-more[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-more:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-more:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default {
  border: 0 solid #0000;
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  padding-left: var(--spacing-xlarge) !important;
  padding-right: var(--spacing-xlarge) !important;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default .inner-cont {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-standard);
  flex-direction: row;
  width: auto;
  display: flex;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default .inner-cont .icon {
  align-self: center;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event) {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event) i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event) .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event).disabled, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[disabled], .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event).disabled i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[disabled] i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):disabled i, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event).disabled .icon, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):disabled .icon, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event).disabled svg, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[disabled] svg, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):disabled svg {
  color: #45494f;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event).disabled svg *, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event)[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .wizard-bottom-btn-default:not([class*="style-"], .btn-collect, .btn-print, .btn-print_preview, .btn-save, .btn-save-next, .btn-edit, .btn-cancel, .btn-print, .btn-archive, .btn-unarchive, .btn-verify, .btn-verify-fields, .btn-review, .btn-cancel, .btn-more, .btn-special_event):active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event i, .action-btn-group-container .action-btn-group-cnt .btn-special_event .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled], .action-btn-group-container .action-btn-group-cnt .btn-special_event[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-special_event[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-special_event[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-special_event[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-special_event[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-special_event[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-special_event:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-special_event:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save i, .action-btn-group-container .action-btn-group-cnt .btn-save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-save.disabled, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled], .action-btn-group-container .action-btn-group-cnt .btn-save[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-save[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-save:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-save[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-save:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-save.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-save[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-save.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-save[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-save[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #5b538e, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next i, .action-btn-group-container .action-btn-group-cnt .btn-save-next .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.disabled, .action-btn-group-container .action-btn-group-cnt .btn-save-next[disabled], .action-btn-group-container .action-btn-group-cnt .btn-save-next[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-save-next:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #8c85b8 0%, #7a71ac 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#8c85b8 0%, #7a71ac 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save-next[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-save-next[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-save-next:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save-next.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-save-next[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-save-next[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-save-next:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-save-next[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-save-next[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-save-next:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read i, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read.disabled, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[disabled], .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-save-next.btn-save-next-read:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-collect {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect i, .action-btn-group-container .action-btn-group-cnt .btn-collect .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-collect.disabled, .action-btn-group-container .action-btn-group-cnt .btn-collect[disabled], .action-btn-group-container .action-btn-group-cnt .btn-collect[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-collect:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-collect[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-collect[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-collect:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-collect.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-collect[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-collect[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-collect:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-collect.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-collect[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-collect[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-collect:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-collect[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-collect[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-collect:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-collect:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-edit {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit i, .action-btn-group-container .action-btn-group-cnt .btn-edit .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-edit.disabled, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled], .action-btn-group-container .action-btn-group-cnt .btn-edit[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-edit[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-edit.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-edit[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-edit.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-edit[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-edit[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-edit[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-edit:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-edit:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel i, .action-btn-group-container .action-btn-group-cnt .btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled], .action-btn-group-container .action-btn-group-cnt .btn-cancel[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-cancel[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-cancel[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-cancel[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-cancel[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default i, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default.disabled, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[disabled], .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[aria-disabled="true"], .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default.disabled i, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[disabled] i, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[aria-disabled="true"] i, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:disabled i, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default.disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[disabled] .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[aria-disabled="true"] .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:disabled .icon, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default.disabled svg, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[disabled] svg, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[aria-disabled="true"] svg, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default.disabled svg *, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[disabled] svg *, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default[aria-disabled="true"] svg *, .action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:focus-visible {
  box-shadow: none;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.action-btn-group-container .action-btn-group-cnt .btn-cancel.style-default:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.action-btn-group-container .action-btn-group-cnt .btn-sections {
  display: none;
}

@media (width <= 740px) {
  .action-btn-group-container .action-btn-group-cnt {
    width: 100%;
    height: auto;
    min-height: 40px;
    padding: var(--space-1);
    z-index: 3;
    flex-direction: row-reverse;
    position: relative;
    overflow: visible;
  }

  .action-btn-group-container .action-btn-group-cnt .btn-sections {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

#application .dsl-action-btn i.fa-solid, #application .dsl-action-btn i.fa-solid:before, #application .dsl-action-btn .icon.fa-solid, #application .dsl-action-btn .icon.fa-solid:before {
  font-weight: 900 !important;
}

#application .dsl-action-btn.btn-add.add-row {
  padding: var(--space-2) var(--space-3) !important;
}

#application .dsl-action-btn.btn-add.add-row i[class*="fa-"] {
  font-size: var(--type-value) !important;
  text-align: center !important;
  width: 20px !important;
  font-weight: 900 !important;
}

#application .dsl-action-btn.btn-add.add-row i[class*="fa-"]:before {
  font-weight: 900 !important;
}

#application .dsl-action-btn.btn-add.add-row .label {
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

#application .dsl-action-btn.btn-add.add-subrow-dum, #application .dsl-action-btn.btn-add.add-subrow-flyout {
  padding: var(--space-2) var(--space-3);
}

#application .dsl-action-btn.btn-add.add-subrow-dum > i, #application .dsl-action-btn.btn-add.add-subrow-flyout > i, #application .dsl-action-btn.btn-add.add-subrow-dum > .fa-plus, #application .dsl-action-btn.btn-add.add-subrow-flyout > .fa-plus {
  font-size: var(--type-value);
  text-align: center;
  width: 20px;
}

.dsl-action-btn .inner-cont i.icon.fa-print {
  font-size: var(--icon-size-inline);
}

.action-btn-group-container .action-btn-group-cnt .dsl-action-btn .inner-cont > i:not(.dropdown-caret), .action-btn-group-container .action-btn-group-cnt .dsl-action-btn .inner-cont > .icon {
  font-size: var(--type-value);
}

.dsl-state-checkbox {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  flex-direction: row;
  margin: 0;
  display: flex;
}

.dsl-state-checkbox:has(input[type="checkbox"]:disabled), .dsl-state-checkbox:has(input[type="checkbox"]:disabled) span {
  cursor: not-allowed;
}

.dsl-state-checkbox.has-tooltip, .dsl-state-checkbox.has-tooltip:has(input[type="checkbox"]:disabled), .dsl-state-checkbox.has-tooltip span, .dsl-state-checkbox.has-tooltip:has(input[type="checkbox"]:disabled) span, .dsl-state-checkbox.has-tooltip input[type="checkbox"], .dsl-state-checkbox.has-tooltip:has(input[type="checkbox"]:disabled) input[type="checkbox"], .dsl-state-checkbox.has-tooltip input[type="checkbox"]:disabled, .dsl-state-checkbox.has-tooltip:has(input[type="checkbox"]:disabled) input[type="checkbox"]:disabled {
  cursor: help;
}

.dsl-state-checkbox input[type="checkbox"] {
  appearance: none;
  background-color: var(--white);
  border: 1px solid var(--gray-300, #b6bac2);
  cursor: pointer;
  border-radius: 4px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  transition: all .15s;
  position: relative;
  margin: 0 !important;
}

.dsl-state-checkbox input[type="checkbox"]:hover {
  border-color: #668eba;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #668eba;
}

.dsl-state-checkbox input[type="checkbox"]:focus, .dsl-state-checkbox input[type="checkbox"]:focus-visible {
  border-color: #668eba;
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #668eba;
}

.dsl-state-checkbox input[type="checkbox"]:checked {
  background-color: #668eba;
  border-color: #668eba;
}

.dsl-state-checkbox input[type="checkbox"]:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-state-checkbox input[type="checkbox"]:checked:hover {
  background-color: #4d79aa;
  border-color: #4d79aa;
}

.dsl-state-checkbox input[type="checkbox"]:disabled {
  opacity: .5;
  border: 1px solid var(--gray-300, #b6bac2);
  cursor: not-allowed;
  background-color: #fff;
  box-shadow: none !important;
}

.dsl-state-checkbox input[type="checkbox"]:disabled:hover {
  border-color: #fff !important;
  border: 1px solid var(--gray-300, #b6bac2) !important;
  box-shadow: none !important;
}

.dsl-state-checkbox input[type="checkbox"]:disabled:after {
  display: none;
}

.dsl-state-checkbox input[type="checkbox"]:disabled:checked {
  background-color: #0000 !important;
  border-color: #0000 !important;
}

.dsl-state-checkbox input[type="checkbox"]:disabled:checked:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M8.5 2.5L4 7.5L1.5 5' stroke='%234d525c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dsl-state-checkbox span {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 400;
}

.dsl-card-active-field {
  align-items: center;
  gap: var(--space-4);
  padding-right: calc(var(--space-4) - var(--spacing-standard));
  display: flex;
}

.record-stamp {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  gap: calc(var(--space-1) / 2);
  min-width: 0;
  margin-right: var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  text-align: left;
  flex-direction: column;
  line-height: 1.3;
  display: flex;
}

.record-stamp .record-stamp-line {
  cursor: default;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.record-stamp.record-stamp--with-link {
  font-size: var(--type-micro);
  gap: 0;
  line-height: 13px;
}

.record-stamp .record-stamp-history {
  font: inherit;
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.record-stamp .record-stamp-history:hover {
  text-decoration: underline;
}

.record-stamp .record-stamp-history:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}

.ReactModalPortal .list-viewer-popover {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.ReactModalPortal .list-viewer-popover .body {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ReactModalPortal .list-viewer-popover .body .dsl-list-tab-container {
  backdrop-filter: none !important;
  box-shadow: none !important;
  background: #ededed !important;
  border: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ReactModalPortal .list-viewer-popover .body .dsl-list-tab-container .dsl-list-top {
  padding-top: 0 !important;
  padding-left: var(--space-3) !important;
  padding-right: var(--space-3) !important;
  background: #ededed !important;
  border-radius: 0 !important;
}

.ReactModalPortal .list-viewer-popover .body .dsl-list-tab-container .dsl-list-bottom {
  margin-left: var(--space-3) !important;
  margin-right: var(--space-3) !important;
  margin-bottom: var(--space-3) !important;
  background: #fff !important;
  border-radius: 8px !important;
  padding: 0 !important;
}

#application.ReactModal__Content {
  background-image: unset;
}

.ReactModalPortal .generic-card-container .header {
  padding-top: var(--space-1);
}

.ReactModalPortal .generic-card-container .header .title {
  font-weight: 500;
}

.ReactModalPortal .generic-card-container .action-btn-group-container {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}

.ReactModalPortal .generic-card-container > .modal-footer-bar {
  width: auto;
  margin: 0 var(--space-2) var(--space-2);
}

.ReactModalPortal .generic-card-container > .modal-footer-bar .action-btn-group-container {
  padding: 0;
}

.ReactModal__Content .generic-card-container {
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity .22s cubic-bezier(.16, 1, .3, 1), transform .22s cubic-bezier(.16, 1, .3, 1);
  transform: translateY(12px) scale(.985);
}

.ReactModal__Content--after-open .generic-card-container {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.ReactModal__Content--before-close .generic-card-container {
  opacity: 0;
  transform: translateY(12px) scale(.985);
}

.ReactModal__Overlay {
  transition: opacity .22s cubic-bezier(.16, 1, .3, 1);
}

.ReactModal__Overlay--before-close {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ReactModal__Content .generic-card-container {
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
  }

  .ReactModal__Content--before-close .generic-card-container {
    opacity: 0 !important;
  }

  .ReactModal__Overlay {
    transition: none !important;
  }
}

.ant-modal-root .ant-modal-mask {
  backdrop-filter: none;
  background: var(--color-overlay-dim) !important;
}

.ant-modal-root .ant-modal {
  isolation: isolate;
}

.ant-modal-root .ant-modal .ant-modal-content {
  background-color: #ededed !important;
  border: 1px solid #b4b4b480 !important;
  box-shadow: 0 12px 32px #1419281a !important;
}

.ant-modal-root .ant-modal .ant-modal-close {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
  background-color: #0000 !important;
}

.ant-modal-root .ant-modal .ant-modal-close:hover {
  background-color: #0000 !important;
}

.ant-modal-root .ant-modal .ant-modal-close:hover .ant-modal-close-x {
  color: #a6aab1 !important;
}

.ant-modal-root .ant-modal .ant-modal-close .ant-modal-close-x {
  width: 100%;
  height: 100%;
  font-size: var(--type-value);
  color: #717680;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: color .15s;
  display: flex;
}

.ant-modal-root .ant-modal .ant-modal-close .ant-modal-close-x .anticon {
  font-size: var(--type-value);
  color: inherit;
}

.ant-modal-root .ant-modal .ant-modal-close:active .ant-modal-close-x {
  color: #595d65;
}

.ant-select:not([class*="table-select"]) {
  height: 38px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  background: #fff !important;
  border: 1px solid #0000001a !important;
  border-radius: 8px !important;
  transition: all .15s !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selector {
  height: 38px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  padding: 0 var(--space-3) !important;
  background: #fff !important;
  border: 1px solid #0000001a !important;
  border-radius: 8px !important;
  align-items: center !important;
  transition: all .15s !important;
  display: flex !important;
}

.ant-select:not([class*="table-select"]) .ant-select-content {
  flex-direction: row;
  overflow-x: auto;
  height: 100% !important;
  box-shadow: none !important;
  padding: 0 var(--space-3) !important;
  background: none !important;
  border: none !important;
  align-items: center !important;
  display: flex !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-wrap {
  align-items: center !important;
  height: 100% !important;
  display: flex !important;
}

.ant-select:not([class*="table-select"]):hover, .ant-select:not([class*="table-select"]).ant-select-focused, .ant-select:not([class*="table-select"]).ant-select-open, .ant-select:not([class*="table-select"]):hover .ant-select-selector, .ant-select:not([class*="table-select"]).ant-select-focused .ant-select-selector, .ant-select:not([class*="table-select"]).ant-select-open .ant-select-selector {
  border-color: color-mix(in srgb, var(--color-primary) 50%, transparent) !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-item, .ant-select:not([class*="table-select"]) .ant-select-selection-placeholder {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  line-height: normal !important;
}

.ant-select:not([class*="table-select"]) .ant-select-selection-item {
  color: var(--color-text-700);
}

.ant-select:not([class*="table-select"]) .ant-select-selection-placeholder {
  color: var(--color-text-300);
}

.ant-select:not([class*="table-select"]) .ant-select-arrow, .ant-select:not([class*="table-select"]) .ant-select-suffix {
  top: 0;
  right: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 100%;
  margin-top: 0;
  display: flex;
  inset-inline-end: 4px;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow > *, .ant-select:not([class*="table-select"]) .ant-select-suffix > * {
  visibility: hidden !important;
  display: none !important;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow:after, .ant-select:not([class*="table-select"]) .ant-select-suffix:after {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 1;
  visibility: visible !important;
  display: block !important;
}

.ant-select:not([class*="table-select"]) .ant-select-arrow:hover:after, .ant-select:not([class*="table-select"]) .ant-select-suffix:hover:after {
  color: var(--color-text);
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  border-color: #5b83b0 !important;
}

.ant-radio-wrapper .ant-radio-checked .ant-radio-inner:after {
  background-color: #5b83b0 !important;
}

.ant-radio-wrapper .ant-radio.ant-radio-checked {
  background-color: #5b83b0 !important;
  border-color: #5b83b0 !important;
}

.ant-input:focus, .ant-input-focused, .ant-input-number-focused {
  border-color: color-mix(in srgb, var(--color-primary) 50%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
}

.ant-select.ant-select-focused .ant-select-selector, .ant-select.ant-select-open .ant-select-selector {
  box-shadow: none !important;
}

.ant-select-dropdown {
  background-color: var(--white) !important;
  border: 1px solid var(--gray-200) !important;
  border-radius: var(--radius-small) !important;
  padding: var(--spacing-small) !important;
  box-shadow: 0 3px 5px -2px #0000000a, 0 0 1px -2px #0000000a, 0 3px 6px 2px #00000014 !important;
}

.ant-select-dropdown .ant-select-item {
  font-family: Soehne, sans-serif !important;
  font-weight: 400 !important;
  font-size: var(--font-size-xsmall) !important;
  color: var(--gray-700) !important;
  border-radius: var(--radius-small) !important;
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-standard) !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  background-color: #0000 !important;
  align-items: center !important;
  min-height: 32px !important;
  line-height: normal !important;
  transition: background-color .12s !important;
  display: flex !important;
}

.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--brand-100) !important;
  color: var(--gray-700) !important;
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: var(--gray-700) !important;
  background-color: #eef6ff !important;
  font-weight: normal !important;
}

.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: #6b8db5 !important;
  align-items: center !important;
  display: flex !important;
}

.ant-select-dropdown .ant-select-item-option-content {
  font-family: Soehne, sans-serif !important;
  font-size: var(--font-size-xsmall) !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.ant-select-dropdown .ant-select-item-option-disabled {
  color: var(--gray-300) !important;
  cursor: not-allowed !important;
}

.ant-select-dropdown .ant-select-item-empty {
  color: var(--color-text-muted-ink) !important;
  font-family: Soehne, sans-serif !important;
  font-size: var(--font-size-xsmall) !important;
  padding: var(--spacing-large) !important;
}

.ant-select-dropdown .rc-virtual-list-holder-inner {
  gap: var(--spacing-small) !important;
}

.ant-select-dropdown, .ant-picker-dropdown, .ant-tooltip, .ant-popover, .ant-dropdown {
  z-index: var(--z-portal-dropdown) !important;
}

.flex-row {
  flex-direction: row;
  display: flex;
}

.flex-column {
  flex-direction: column;
  display: flex;
}

@keyframes wiggleIcon {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(10deg);
  }

  50% {
    transform: rotate(-10deg);
  }

  75% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes iconClickBounce {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(.85);
  }

  100% {
    transform: scale(1);
  }
}

.inc-container .header-container .pt-info .status-container .hdr-merged {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.form-segment-container-flyout .inc-container .header-container .pt-info .status-container span:first-of-type {
  font-size: 18px;
}

.inc-container {
  margin: var(--space-2) var(--space-2) 0 var(--space-2);
  background: #ffffff40;
  border: 1px solid #ffffff4d;
  flex-direction: column;
  display: flex;
  overflow: visible;
  flex-shrink: 0 !important;
}

.inc-container .header-container {
  gap: var(--space-2);
  box-sizing: border-box;
  height: var(--patient-header-h);
  line-height: var(--patient-header-line);
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.inc-container .header-container p {
  line-height: inherit;
}

.inc-container .header-container .pt-info {
  overflow-clip-margin: 4px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-width: 20%;
  display: flex;
  overflow: clip;
}

.inc-container .header-container .pt-info .status-container {
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--patient-header-gap);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .clinical-icon, .inc-container .header-container .pt-info .status-container .billing-icon {
  cursor: pointer;
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.inc-container .header-container .pt-info .status-container .clinical-icon:not(.has-alert), .inc-container .header-container .pt-info .status-container .billing-icon:not(.has-alert) {
  gap: var(--space-1);
  box-sizing: border-box;
  min-height: 16px;
  padding: 1px var(--space-2);
  border: 1px dashed color-mix(in srgb, var(--color-text-muted-ink) 60%, transparent);
  font-family: Soehne, sans-serif;
  font-size: var(--type-micro);
  white-space: nowrap;
  color: var(--color-text-muted-ink);
  background: none;
  border-radius: 999px;
  font-weight: 500;
  line-height: 12px;
  transition: color .12s, border-color .12s, background-color .12s;
}

.inc-container .header-container .pt-info .status-container .clinical-icon:not(.has-alert) i, .inc-container .header-container .pt-info .status-container .billing-icon:not(.has-alert) i {
  font-size: 9px;
  line-height: 1;
}

.inc-container .header-container .pt-info .status-container .clinical-icon:not(.has-alert):hover, .inc-container .header-container .pt-info .status-container .billing-icon:not(.has-alert):hover {
  border-style: solid;
  border-color: var(--color-primary-ink);
  color: var(--color-primary-ink);
  background: color-mix(in srgb, var(--color-primary) 6%, transparent);
}

.inc-container .header-container .pt-info .status-container .clinical-icon.has-alert {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .billing-icon.has-alert {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .clinical-icon.has-alert, .inc-container .header-container .pt-info .status-container .billing-icon.has-alert {
  transition: filter .12s;
}

.inc-container .header-container .pt-info .status-container .clinical-icon.has-alert:hover, .inc-container .header-container .pt-info .status-container .billing-icon.has-alert:hover {
  filter: brightness(.96);
}

.inc-container .header-container .pt-info .status-container span:first-of-type {
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .hdr-mrn {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-weight: 400;
  line-height: 24px;
}

.inc-container .header-container .pt-info .status-container .status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949492 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .active {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .on-hold {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .pending {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .inactive, .inc-container .header-container .pt-info .status-container .discharged, .inc-container .header-container .pt-info .status-container .cancelled {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .tag-bubble {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: color-mix(in srgb, var(--tag-color, #838894) 65%, black);
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  background-color: color-mix(in srgb, var(--tag-color, #838894) 20%, white);
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .pmp-value {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .pmp-opt-in {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .pmp-opt-out {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .status, .inc-container .header-container .pt-info .status-container .tag-bubble, .inc-container .header-container .pt-info .status-container .pmp-value, .inc-container .header-container .pt-info .status-container .pmp-opt-in, .inc-container .header-container .pt-info .status-container .pmp-opt-out, .inc-container .header-container .pt-info .status-container .sms-opted-in, .inc-container .header-container .pt-info .status-container .sms-opted-out, .inc-container .header-container .pt-info .status-container .sms-pending, .inc-container .header-container .pt-info .status-container .esign-missing, .inc-container .header-container .pt-info .status-container .esign-missing-max, .inc-container .header-container .pt-info .status-container .esign-signed, .inc-container .header-container .pt-info .status-container .esign-not-sent {
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
}

.inc-container .header-container .pt-info .status-container .sms-opted-in {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .sms-opted-out {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .sms-pending, .inc-container .header-container .pt-info .status-container .esign-missing {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .esign-missing-max {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .esign-signed {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .esign-not-sent {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .status-container .status-icon:before {
  content: "";
  color: #e58787;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  font-weight: 300;
}

.inc-container .header-container .pt-info .status-container .status-active:before {
  content: "";
  color: #837bb2;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
}

.inc-container .header-container .pt-info .status-container .default-status:before {
  content: "";
  color: #949492;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
}

.inc-container .header-container .pt-info .status-container .demographics-icon {
  cursor: pointer;
  margin-left: var(--space-1);
  transition: transform .2s;
  display: inline-block;
}

.inc-container .header-container .pt-info .status-container .demographics-icon i {
  color: var(--color-text-muted-ink);
  font-weight: 300;
  font-size: var(--type-control);
  transition: color .2s;
}

.inc-container .header-container .pt-info .status-container .demographics-icon:hover {
  animation: .5s wiggleIcon;
}

.inc-container .header-container .pt-info .status-container .demographics-icon:hover i {
  color: var(--color-primary-ink);
}

.inc-container .header-container .pt-info .status-container .status-icon:before, .inc-container .header-container .pt-info .status-container .status-active:before, .inc-container .header-container .pt-info .status-container .default-status:before {
  cursor: pointer;
  transition: transform .2s;
  display: inline-block;
}

.inc-container .header-container .pt-info .status-container .status-icon:hover:before, .inc-container .header-container .pt-info .status-container .status-active:hover:before, .inc-container .header-container .pt-info .status-container .default-status:hover:before {
  animation: .5s wiggleIcon;
}

.inc-container .header-container .pt-info .status-container > h1 {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .address-row {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .address-row > .address-container {
  flex: 0 auto;
  min-width: 0;
}

.inc-container .header-container .pt-info .info-nav .hdr-actions {
  align-items: center;
  gap: var(--space-1);
  flex: none;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-1);
  height: var(--patient-header-line);
  padding: 0 var(--space-2);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  white-space: nowrap;
  backdrop-filter: blur(6px) saturate(160%);
  background: #ffffff73;
  border: 1px solid #fffc;
  line-height: 1;
  transition: background-color .15s, box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 0 0 1px #45494f1a, 0 1px 2px #45494f1f, inset 0 1px #fff9;
  border-radius: .6rem !important;
  border-radius: var(--radius-xsmall) !important;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn i, .inc-container .header-container .pt-info .info-nav .hdr-action-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn.disabled, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[disabled], .inc-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"], .inc-container .header-container .pt-info .info-nav .hdr-action-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #ebecef 0%, #d9dce1 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#ebecef 0%, #d9dce1 100%);
  border: none;
  transform: none;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn.disabled i, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] i, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] i, .inc-container .header-container .pt-info .info-nav .hdr-action-btn:disabled i, .inc-container .header-container .pt-info .info-nav .hdr-action-btn.disabled .icon, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] .icon, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] .icon, .inc-container .header-container .pt-info .info-nav .hdr-action-btn:disabled .icon, .inc-container .header-container .pt-info .info-nav .hdr-action-btn.disabled svg, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] svg, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] svg, .inc-container .header-container .pt-info .info-nav .hdr-action-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn.disabled svg *, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] svg *, .inc-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] svg *, .inc-container .header-container .pt-info .info-nav .hdr-action-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:focus-visible {
  box-shadow: none;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn i {
  font-size: 9px;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  background: #ffffffb8;
  box-shadow: 0 0 0 1px #45494f24, inset 0 1px #ffffffb3;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  background: #fff9;
  box-shadow: 0 0 0 1px #45494f29;
}

.inc-container .header-container .pt-info .info-nav .hdr-action-btn:focus-visible {
  box-shadow: 0 0 0 1px #45494f24, 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent);
  outline: none;
}

.inc-container .header-container .pt-info .info-nav .general-info {
  gap: var(--patient-header-gap);
  flex-direction: column;
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .general-info .info-child {
  gap: var(--space-4);
  display: flex;
}

.inc-container .header-container .pt-info .info-nav .general-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav .general-info .phone:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .pt-info .info-nav .general-info .address-container {
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav .general-info .address-container > p {
  color: #4d525c;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .pt-info .info-nav .address-container:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .med-info {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
  gap: var(--patient-header-gap);
  min-width: 0;
  max-width: 20%;
  padding: var(--patient-header-pad-y) var(--space-2);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .med-info .med-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .med-info .med-name:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .med-info .med-desc {
  color: var(--color-error-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
  font-weight: 500 !important;
}

.inc-container .header-container .med-info .med-desc:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .med-info .therapy-container {
  flex-direction: row;
  display: flex;
}

.inc-container .header-container .med-info .med-team {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .med-info .flag-icon:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .primary-phy-info {
  justify-content: center;
  gap: var(--patient-header-gap);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: fit-content;
  padding: var(--patient-header-pad-y) var(--space-2);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-name:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .primary-phy-info .primary-phy-contact-row {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.inc-container .header-container .primary-phy-info .primary-phy-pcontact {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-pcontact:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .primary-phy-info .primary-phy-fax {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-fax:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .primary-phy-info .primary-phy-specialty {
  color: #4d525c;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .primary-phy-info .primary-phy-specialty:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .secondary-phy-info {
  justify-content: center;
  gap: var(--patient-header-gap);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 20%;
  padding: var(--patient-header-pad-y) var(--space-2);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .pharmacy {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .pharmacy:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .secondary-phy-info .secondary-location {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .secondary-location:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .secondary-phy-info .secondary-emergency {
  color: #4d525c;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .secondary-phy-info .secondary-emergency:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .insurance-info {
  flex-direction: column;
  flex: unset;
  justify-content: center;
  width: 100%;
  min-width: 0;
  max-width: 20%;
  display: flex;
  position: relative;
}

.inc-container .header-container .insurance-info .ins-top {
  row-gap: var(--patient-header-gap);
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content {
  display: contents;
}

.inc-container .header-container .insurance-info .ins-top .content > .ins-header, .inc-container .header-container .insurance-info .ins-top .content > .insurance-details, .inc-container .header-container .insurance-info .ins-top .content > .des-section {
  grid-column: 1;
  min-width: 0;
}

.inc-container .header-container .insurance-info .ins-top .content > .ins-header {
  grid-row: 1;
}

.inc-container .header-container .insurance-info .ins-top .content > .insurance-details {
  grid-row: 2;
}

.inc-container .header-container .insurance-info .ins-top .content > .des-section {
  grid-row: 3;
}

.inc-container .header-container .insurance-info .ins-top .content .ins-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content .ins-header span {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content .ins-header .title:before {
  content: "";
  color: var(--color-error-ink);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 300;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details, .inc-container .header-container .insurance-info .ins-top .content .des-section {
  gap: var(--space-2);
  flex-direction: row;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .p-box, .inc-container .header-container .insurance-info .ins-top .content .des-section .p-box, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .fax-box, .inc-container .header-container .insurance-info .ins-top .content .des-section .fax-box, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .id-container, .inc-container .header-container .insurance-info .ins-top .content .des-section .id-container, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .group-container, .inc-container .header-container .insurance-info .ins-top .content .des-section .group-container, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .des-section, .inc-container .header-container .insurance-info .ins-top .content .des-section .des-section {
  align-items: center;
  gap: var(--space-2);
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .p-box > div, .inc-container .header-container .insurance-info .ins-top .content .des-section .p-box > div, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .fax-box > div, .inc-container .header-container .insurance-info .ins-top .content .des-section .fax-box > div, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .id-container > div, .inc-container .header-container .insurance-info .ins-top .content .des-section .id-container > div, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .group-container > div, .inc-container .header-container .insurance-info .ins-top .content .des-section .group-container > div, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .des-section > div, .inc-container .header-container .insurance-info .ins-top .content .des-section .des-section > div {
  align-items: center;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details .p-box span, .inc-container .header-container .insurance-info .ins-top .content .des-section .p-box span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .fax-box span, .inc-container .header-container .insurance-info .ins-top .content .des-section .fax-box span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .id-container span, .inc-container .header-container .insurance-info .ins-top .content .des-section .id-container span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .group-container span, .inc-container .header-container .insurance-info .ins-top .content .des-section .group-container span, .inc-container .header-container .insurance-info .ins-top .content .insurance-details .des-section span, .inc-container .header-container .insurance-info .ins-top .content .des-section .des-section span {
  color: #4d525c;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.inc-container .header-container .insurance-info .ins-top .content .insurance-details i, .inc-container .header-container .insurance-info .ins-top .content .des-section i {
  text-align: center;
  width: 1.25em;
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex: none;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .insurance-info .ins-top .content .external-link-cond, .inc-container .header-container .insurance-info .ins-top .content .arrow-down-cond {
  display: none;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container {
  display: contents;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .external-link {
  transition: transform .2s;
  display: none;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .external-link:active {
  animation: .3s iconClickBounce;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .external-link:before {
  content: "";
  color: #837bb2;
  cursor: pointer;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
  transition: transform .2s;
  display: inline-block;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-rank {
  display: contents;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-rank-label, .inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager {
  margin-left: var(--space-2);
  grid-column: 2;
  justify-self: center;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-rank-label {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  grid-row: 1;
  line-height: 1;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager {
  align-items: center;
  gap: var(--space-1);
  grid-row: 2;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager .ins-pager-step {
  appearance: none;
  padding: var(--space-1);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager .ins-pager-step:hover:not(:disabled) {
  color: var(--color-text);
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager .ins-pager-step:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager .ins-pager-step:disabled {
  opacity: .35;
  cursor: default;
}

.inc-container .header-container .insurance-info .ins-top .wgdt-container .ins-pager .ins-pager-rank {
  text-align: center;
  min-width: 2ch;
  font-size: var(--type-label);
  color: var(--color-text);
  font-weight: 500;
}

.inc-container .header-container .dispensed-rental-info {
  justify-content: center;
  gap: var(--patient-header-gap);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 20%;
  padding: var(--patient-header-pad-y) var(--space-2);
  color: var(--color-text-700);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .dispensed-rental-info i {
  text-align: center;
  width: 1.25em;
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-2);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .dispensed-rental-info > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.cond-background {
  background-color: #e9e9ec;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.inc-container .header-container .hdr-empty {
  color: var(--color-text-muted-ink);
  opacity: .6;
}

.inc-container .header-container .header-more-btn {
  border-radius: var(--radius-small);
  width: 28px;
  height: 28px;
  color: var(--color-text-muted-ink);
  font-size: var(--icon-size-sm);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 0;
  transition: color .12s;
  display: flex;
}

.inc-container .header-container .header-more-btn:hover, .inc-container .header-container .header-more-btn.open {
  color: var(--color-primary-ink);
}

.inc-container .header-container .header-more-btn:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  outline: none;
}

.patient-header-more-paper {
  border-radius: 12px !important;
  box-shadow: 0 12px 32px #00000024, 0 2px 6px #0000000f !important;
}

.inc-container .header-container.hdr-compact > .med-info, .inc-container .header-container.hdr-compact > .insurance-info {
  max-width: 28%;
}

.inc-container.patient-header-more {
  width: auto;
  padding: var(--space-2) var(--space-3);
  background: var(--white);
  border: 0;
  margin: 0;
}

.inc-container.patient-header-more .header-container {
  justify-content: flex-start;
  gap: var(--space-4);
}

.inc-container.patient-header-more .header-container > .med-info, .inc-container.patient-header-more .header-container > .primary-phy-info, .inc-container.patient-header-more .header-container > .secondary-phy-info, .inc-container.patient-header-more .header-container > .dispensed-rental-info {
  max-width: 320px;
}

.hdr-pill-menu {
  max-width: 420px;
}

.hdr-pill-menu .hdr-pill-menu-meta {
  font-size: var(--type-micro);
  color: var(--color-text-muted-ink);
  display: block;
}

.hdr-alert-tip {
  flex-direction: column;
  gap: 2px;
  max-width: 280px;
  display: flex;
}

.hdr-alert-tip > span {
  white-space: pre-line;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.inc-container .header-container .hdr-group {
  grid-template-columns: max-content minmax(0, 1fr);
  grid-template-rows: 24px var(--patient-header-line) var(--patient-header-line);
  align-items: center;
  row-gap: var(--patient-header-gap);
  min-width: 0;
  padding: var(--patient-header-pad-y) 0 var(--patient-header-pad-y) var(--space-4);
  border-left: 1px solid var(--gray-100);
  white-space: nowrap;
  align-content: center;
  display: grid;
  overflow: hidden;
}

.inc-container .header-container .hdr-group > .hdr-group-title, .inc-container .header-container .hdr-group > .hdr-line:not(.hdr-kv) {
  grid-column: 1 / -1;
}

.inc-container .header-container .hdr-group > .hdr-line.hdr-kv {
  display: contents;
}

.inc-container .header-container .hdr-group > .hdr-line.hdr-kv > .hdr-label {
  margin-right: var(--space-2);
}

.inc-container .header-container .hdr-group .hdr-group-title {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  display: flex;
}

.inc-container .header-container .hdr-group .hdr-group-name {
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 500;
  line-height: 12px;
}

.inc-container .header-container .hdr-group .hdr-group-aside {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  font-size: var(--type-label);
  display: flex;
}

.inc-container .header-container .hdr-group .hdr-line {
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  color: var(--color-text-700);
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.inc-container .header-container .hdr-group .hdr-pair {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.inc-container .header-container .hdr-group .hdr-label {
  margin-right: var(--space-1);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  flex-shrink: 0;
  font-weight: 400;
}

.inc-container .header-container .hdr-group .hdr-value {
  text-overflow: ellipsis;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
}

.inc-container .header-container .hdr-group .hdr-strong {
  font-weight: 500;
}

.inc-container .header-container .hdr-group .hdr-sub {
  color: var(--color-text-muted-ink);
  flex-shrink: 1;
  font-weight: 400;
}

.inc-container .header-container .hdr-group .hdr-allergies {
  color: var(--color-error-ink);
}

.inc-container .header-container .hdr-group .hdr-phone:before, .inc-container .header-container .hdr-group .hdr-fax:before, .inc-container .header-container .hdr-group .hdr-email:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-1);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.inc-container .header-container .hdr-group .hdr-fax:before {
  content: "";
}

.inc-container .header-container .hdr-group .hdr-email:before {
  content: "";
}

.inc-container .header-container .hdr-group .hdr-email {
  flex-shrink: 1;
  min-width: 0;
}

.inc-container .header-container .hdr-group .hdr-preferred, .inc-container .header-container .hdr-group .hdr-preferred:before, .inc-container .header-container .hdr-group .hdr-preferred-route {
  color: var(--color-primary-ink);
}

.inc-container .header-container .hdr-group .hdr-preferred-route {
  white-space: nowrap;
  font-weight: 500;
}

.inc-container .header-container .hdr-group .ins-name:before {
  content: "";
  color: var(--color-error-ink);
  margin-right: var(--space-2);
  vertical-align: 1px;
  font-family: "Font Awesome 6 Pro";
  font-size: 8px;
  font-weight: 300;
}

.inc-container .header-container .hdr-group .external-link {
  display: none;
}

.inc-container .header-container .hdr-group .med-team {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.inc-container .header-container .hdr-group .ins-rank {
  align-items: center;
  display: flex;
}

.inc-container .header-container .hdr-group .ins-pager {
  align-items: center;
  gap: var(--space-1);
  display: flex;
}

.inc-container .header-container .hdr-group .ins-pager .ins-pager-step {
  appearance: none;
  padding: 0 var(--space-1);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
}

.inc-container .header-container .hdr-group .ins-pager .ins-pager-step:hover:not(:disabled) {
  color: var(--color-text);
}

.inc-container .header-container .hdr-group .ins-pager .ins-pager-step:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}

.inc-container .header-container .hdr-group .ins-pager .ins-pager-step:disabled {
  opacity: .35;
  cursor: default;
}

.inc-container .header-container .hdr-group .ins-pager .ins-pager-rank {
  text-align: center;
  min-width: 2ch;
  font-size: var(--type-label);
  color: var(--color-text);
  font-weight: 500;
}

.inc-container .header-container .insurance-info.hdr-group {
  flex: 1 0 240px;
  max-width: 24%;
  container: hdrins / inline-size;
}

.inc-container .header-container .insurance-info.hdr-group > .hdr-line:last-child > .hdr-pair {
  flex: 0 auto;
}

.inc-container .header-container .insurance-info.hdr-group > .hdr-line:last-child > .hdr-pair:first-child {
  flex-basis: 7.5em;
}

.inc-container .header-container .insurance-info.hdr-group > .hdr-line:last-child > .hdr-phone {
  flex-basis: 9.5em;
}

@container hdrins (width <= 330px) {
  .inc-container .header-container .insurance-info.hdr-group > .hdr-line:last-child > .hdr-fax {
    display: none;
  }
}

.inc-container .header-container .primary-phy-info.hdr-group > .hdr-contacts {
  max-height: var(--patient-header-line);
  flex-wrap: wrap;
  align-self: start;
}

.inc-container .header-container .primary-phy-info.hdr-group > .hdr-contacts > .hdr-gives-way {
  order: 1;
}

.inc-container .header-container .hdr-age {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.dsl-toolbar-more-btn {
  border-radius: var(--radius-small);
  width: 28px;
  height: 28px;
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.dsl-toolbar-more-btn i {
  font-size: var(--icon-size-sm);
}

.dsl-toolbar-more-btn:hover {
  opacity: .7;
}

.dsl-toolbar-more-btn.is-open {
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  opacity: 1;
}

.dsl-toolbar-more-btn:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  outline: none;
}

.dsl-toolbar-more-menu {
  min-width: 180px;
}

.dsl-toolbar-more-menu .MuiMenuItem-root {
  gap: var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
}

.dsl-toolbar-more-menu .MuiMenuItem-root i {
  text-align: center;
  width: 16px;
  color: var(--color-text-muted-ink);
}

.barContainer {
  padding: 10px var(--space-4);
  background: #0000000a;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: row;
  gap: 10px;
  box-shadow: inset 0 1px 2px 1px #38383814;
  display: none !important;
}

.barContainer p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.barContainer .heading, .barContainer .orderStatusContainer, .barContainer .refillInfo, .barContainer .nexFillInfo, .barContainer .flag-container {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.barContainer .heading > p, .barContainer .orderStatusContainer > p, .barContainer .flag-container > p {
  font-size: var(--type-label);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.barContainer .heading > p {
  font-size: var(--type-control);
  color: #5e636b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.barContainer .orderStatusContainer > p, .barContainer .flag-container > p {
  color: #fff;
  padding: 2px var(--space-2);
  border-radius: 16px;
}

.barContainer .orderStatusContainer > p {
  background-color: #949491;
}

.barContainer .flag-container > p {
  background-color: #838894;
}

.barContainer .refillInfo:before, .barContainer .nexFillInfo:before, .barContainer .flag-container:before {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: #9b9fa8;
}

.barContainer .refillInfo:before {
  content: "";
}

.barContainer .nexFillInfo:before {
  content: "";
}

.barContainer .flag-container:before {
  content: "";
}

a.contact-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

a.contact-link:hover, a.contact-link:focus-visible {
  color: var(--color-primary-ink);
  text-decoration: underline;
}

a.contact-link:focus-visible {
  border-radius: var(--radius-small);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 30%, transparent);
  outline: none;
}

.dsl-field-alert-container {
  width: 100%;
  height: 100%;
  z-index: var(--z-alert);
  isolation: isolate;
  background: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.dsl-field-alert {
  min-width: 400px;
  max-width: min(480px, 100vw - 56px);
  padding: var(--spacing-xxxxxxlarge);
  gap: var(--space-4);
  background-color: #e9e9ec;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  background-image: none !important;
}

.dsl-field-alert .dsl-field-alert-icon {
  display: none;
}

.dsl-field-alert .dsl-field-alert-header {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dsl-field-alert-title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  text-transform: uppercase;
  color: var(--color-text);
  text-align: center;
  font-weight: 500;
}

.dsl-field-alert-content {
  backdrop-filter: blur(4px) brightness() saturate(80%);
  isolation: isolate;
  width: 100%;
  min-height: 100px;
  padding: var(--spacing-xlarge);
  gap: var(--space-2);
  background-color: #ffffff8a;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
}

.dsl-field-alert-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--label-color, #3c3c43b8);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  line-height: 1.3;
}

.dsl-field-alert-label .required-mark {
  color: var(--color-error-ink);
}

.dsl-field-alert-value {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--color-text, #45494f);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  width: 100%;
  min-height: var(--field-row-height);
  resize: vertical;
  background: none;
  border: none;
  padding: 0;
  line-height: 1.5;
}

.dsl-field-alert-value:focus {
  outline: none;
}

.dsl-field-alert-value.area-dynamic {
  height: auto;
  min-height: var(--field-row-height);
  max-height: min(750px, 50vh);
  overflow-y: auto;
}

.dsl-field-alert-form, .dsl-field-alert-record, .dsl-field-alert-mode {
  display: none;
}

.dsl-field-alert-actions {
  gap: var(--space-2);
  width: 100%;
  margin-top: var(--spacing-standard);
  flex-direction: row;
  display: flex;
}

.dsl-field-alert-button {
  width: 100%;
  font-size: var(--type-control);
}

.dsl-field-alert-button.confirm {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-field-alert-button.confirm i, .dsl-field-alert-button.confirm .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-field-alert-button.confirm.disabled, .dsl-field-alert-button.confirm[disabled], .dsl-field-alert-button.confirm[aria-disabled="true"], .dsl-field-alert-button.confirm:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.dsl-field-alert-button.confirm.disabled i, .dsl-field-alert-button.confirm[disabled] i, .dsl-field-alert-button.confirm[aria-disabled="true"] i, .dsl-field-alert-button.confirm:disabled i, .dsl-field-alert-button.confirm.disabled .icon, .dsl-field-alert-button.confirm[disabled] .icon, .dsl-field-alert-button.confirm[aria-disabled="true"] .icon, .dsl-field-alert-button.confirm:disabled .icon, .dsl-field-alert-button.confirm.disabled svg, .dsl-field-alert-button.confirm[disabled] svg, .dsl-field-alert-button.confirm[aria-disabled="true"] svg, .dsl-field-alert-button.confirm:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dsl-field-alert-button.confirm.disabled svg *, .dsl-field-alert-button.confirm[disabled] svg *, .dsl-field-alert-button.confirm[aria-disabled="true"] svg *, .dsl-field-alert-button.confirm:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-field-alert-button.confirm:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-field-alert-button.confirm:focus-visible {
  box-shadow: none;
}

.dsl-field-alert-button.confirm:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-field-alert-button.confirm:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-field-alert-button.save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-field-alert-button.save i, .dsl-field-alert-button.save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-field-alert-button.save.disabled, .dsl-field-alert-button.save[disabled], .dsl-field-alert-button.save[aria-disabled="true"], .dsl-field-alert-button.save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.dsl-field-alert-button.save.disabled i, .dsl-field-alert-button.save[disabled] i, .dsl-field-alert-button.save[aria-disabled="true"] i, .dsl-field-alert-button.save:disabled i, .dsl-field-alert-button.save.disabled .icon, .dsl-field-alert-button.save[disabled] .icon, .dsl-field-alert-button.save[aria-disabled="true"] .icon, .dsl-field-alert-button.save:disabled .icon, .dsl-field-alert-button.save.disabled svg, .dsl-field-alert-button.save[disabled] svg, .dsl-field-alert-button.save[aria-disabled="true"] svg, .dsl-field-alert-button.save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dsl-field-alert-button.save.disabled svg *, .dsl-field-alert-button.save[disabled] svg *, .dsl-field-alert-button.save[aria-disabled="true"] svg *, .dsl-field-alert-button.save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-field-alert-button.save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-field-alert-button.save:focus-visible {
  box-shadow: none;
}

.dsl-field-alert-button.save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-field-alert-button.save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-field-alert-button.change {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-field-alert-button.change i, .dsl-field-alert-button.change .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-field-alert-button.change.disabled, .dsl-field-alert-button.change[disabled], .dsl-field-alert-button.change[aria-disabled="true"], .dsl-field-alert-button.change:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.dsl-field-alert-button.change.disabled i, .dsl-field-alert-button.change[disabled] i, .dsl-field-alert-button.change[aria-disabled="true"] i, .dsl-field-alert-button.change:disabled i, .dsl-field-alert-button.change.disabled .icon, .dsl-field-alert-button.change[disabled] .icon, .dsl-field-alert-button.change[aria-disabled="true"] .icon, .dsl-field-alert-button.change:disabled .icon, .dsl-field-alert-button.change.disabled svg, .dsl-field-alert-button.change[disabled] svg, .dsl-field-alert-button.change[aria-disabled="true"] svg, .dsl-field-alert-button.change:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.dsl-field-alert-button.change.disabled svg *, .dsl-field-alert-button.change[disabled] svg *, .dsl-field-alert-button.change[aria-disabled="true"] svg *, .dsl-field-alert-button.change:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-field-alert-button.change:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.dsl-field-alert-button.change:focus-visible {
  box-shadow: none;
}

.dsl-field-alert-button.change:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-field-alert-button.change:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.doc-viewer .doc-viewer-list-pane {
  background: var(--white, #fff);
  flex-direction: column;
  flex: 0 320px;
  min-width: 220px;
  max-width: 380px;
}

.doc-viewer .doc-viewer-preview-pane {
  border-color: #58505b47;
  flex: 1 1 0;
}

.doc-viewer-list {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.doc-viewer-search {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  max-width: 100%;
  margin: 10px var(--space-3);
  align-items: center;
  gap: 10px;
  gap: var(--space-2);
  flex: none;
  width: auto;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.doc-viewer-search:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.doc-viewer-search:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.doc-viewer-search:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.doc-viewer-search > div {
  flex: 1;
}

.doc-viewer-search > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.doc-viewer-search > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.doc-viewer-search > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.doc-viewer-search:focus-within input::placeholder {
  opacity: .35;
}

.doc-viewer-search img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.doc-viewer-search:focus-within img {
  opacity: .95;
}

.doc-viewer-search i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.doc-viewer-search > i {
  color: var(--color-text-muted-ink);
  flex: none;
}

.doc-viewer-search > div {
  min-width: 0;
}

.doc-viewer-rows {
  padding: var(--space-2) 0;
  flex: auto;
  overflow-y: auto;
}

.doc-viewer-row {
  padding: 10px var(--space-4);
  cursor: pointer;
  border-right: 3px solid #0000;
  align-items: center;
  gap: 10px;
  display: flex;
}

.doc-viewer-row:hover {
  background: #f1f6fa;
}

.doc-viewer-row.doc-viewer-row--active {
  border-right-color: var(--color-primary, #668eba);
  --color-text-muted-ink: var(--color-text-600);
  background: var(--grid-selected-row-background);
}

.doc-viewer-row-text {
  flex-direction: column;
  flex: auto;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.doc-viewer-row-name {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.doc-viewer-row-meta {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  display: flex;
}

.doc-viewer-row-type {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.doc-viewer-row-date {
  white-space: nowrap;
  flex: none;
}

.doc-viewer-no-match, .doc-viewer-empty {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  height: 100%;
  padding: var(--space-6) var(--space-4);
  text-align: center;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  flex-direction: column;
  display: flex;
}

.doc-viewer-no-match > i, .doc-viewer-empty > i {
  opacity: .6;
  font-size: 28px;
}

.doc-viewer-load-more {
  width: calc(100% - 32px);
  margin: var(--space-2) var(--space-4);
  padding: var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  border: 1px solid var(--cui-bg-panels-border, #d4d8d9);
  cursor: pointer;
  background: none;
  border-radius: 8px;
  display: block;
}

.doc-viewer-load-more:hover:not(:disabled) {
  background: #f1f6fa;
}

.doc-viewer-load-more:disabled {
  cursor: default;
  color: var(--color-text-400);
}

.doc-viewer-popout-root {
  height: 100%;
  padding: var(--space-3, 12px);
  box-sizing: border-box;
  background: var(--cui-bg-panels-section, #eef0f1);
  display: flex;
}

.doc-viewer-popout-root > .doc-viewer-popout-shell {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.doc-viewer-popout-shell {
  gap: var(--space-3, 12px);
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.doc-viewer-popout-shell > .inc-container {
  padding: var(--space-2, 8px);
  background: var(--cui-bg-panels, #fff);
  border: 1px solid var(--color-border, #1419281a);
  border-radius: 12px;
  flex: none;
  margin: 0;
}

.doc-viewer-popout-shell > .inc-container .header-container {
  padding-bottom: 0;
}

.doc-viewer-popout-shell > .doc-viewer-popout-body {
  flex: auto;
  min-height: 0;
  display: flex;
}

.doc-viewer-popout-shell > .doc-viewer-popout-body > .doc-viewer {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.intake-wizard {
  gap: var(--space-3);
  flex-direction: row;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.intake-wizard-preview {
  border: 1px solid var(--gray-200);
  background: #fff;
  border-radius: 12px;
  flex: 50%;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.intake-wizard-preview > * {
  flex: auto;
  min-width: 0;
  min-height: 0;
}

.intake-wizard-preview-empty {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  color: #717680;
  font-size: var(--type-value);
  flex-direction: column;
  flex: auto;
  display: flex;
}

.intake-wizard-preview-empty > i {
  font-size: var(--icon-size-xl);
  opacity: .6;
}

.intake-wizard-panel {
  flex-direction: column;
  flex: 50%;
  min-width: 0;
  min-height: 0;
  display: flex;
  position: relative;
}

.intake-wizard-shelf {
  bottom: 0;
  left: 0;
  right: 0;
  top: calc(-1 * var(--intake-shelf-lift, 0px));
  visibility: hidden;
  pointer-events: none;
  position: absolute;
}

.intake-wizard-card {
  border: 1px solid var(--gray-200);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.intake-wizard-header {
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-4) var(--space-2);
  background: var(--color-background-400);
  border-bottom: 1px solid #58505b1f;
  flex-direction: row;
  flex: none;
  display: flex;
}

.intake-wizard-add-step {
  align-items: center;
  gap: var(--space-1);
  margin-top: var(--space-1);
  padding: var(--space-1) 10px;
  color: var(--color-primary);
  font-size: var(--type-value);
  cursor: pointer;
  background: none;
  border: 1px dashed #d9d9d4;
  border-radius: 8px;
  flex: none;
  font-weight: 500;
  transition: background .15s, border-color .15s;
  display: inline-flex;
}

.intake-wizard-add-step:hover {
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
  border-color: var(--color-primary);
}

.intake-wizard-add-step > i {
  font-size: var(--type-label);
}

.intake-wizard-stepper {
  flex: auto;
  min-width: 0;
}

.intake-wizard-stepper .MuiStepConnector-root {
  top: 16px;
  left: calc(30px - 50%);
  right: calc(50% + 30px);
}

.intake-wizard-step-icon {
  color: #717680;
  width: 32px;
  height: 32px;
  font-size: var(--type-value);
  background: #d9d9d4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: background .15s, color .15s;
  display: inline-flex;
  position: relative;
}

.intake-wizard-step-icon.state-active {
  background: var(--color-primary);
  color: #fff;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.intake-wizard-step-icon.state-completed {
  color: #fff;
  background: #7db8a5;
}

.intake-wizard-step-icon.is-active {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.intake-wizard-group-container {
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow-y: auto;
}

.intake-wizard-group-row {
  border: 1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);
  background: #fff;
  border-radius: 8px;
  flex: none;
  transition: border-color .2s, box-shadow .2s;
  overflow: hidden;
}

.intake-wizard-group-row:hover {
  box-shadow: 0 1px 2px #0000000d, 0 4px 10px #0000000d;
}

.intake-wizard-group-row--expanded, .intake-wizard-group-row--expanded:hover {
  box-shadow: none;
}

.intake-wizard-group-row-header {
  background: var(--color-background-200, #fafafa);
  padding: 10px var(--space-3);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

.intake-wizard-group-row-header:focus-visible {
  outline: var(--nudge-1) solid color-mix(in srgb, var(--color-primary) 60%, transparent);
  outline-offset: calc(-1 * var(--nudge-1));
}

.intake-wizard-group-row--expanded .intake-wizard-group-row-header {
  z-index: 1;
  box-shadow: var(--shadow-header-lift);
  border-bottom: 1px solid #58505b1f;
  position: relative;
}

.intake-wizard-group-row-header .intake-wizard-group-row-toggle {
  color: #717680;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: inline-flex;
}

.intake-wizard-group-row-header .intake-wizard-group-row-toggle i {
  font-size: var(--type-label);
  line-height: 1;
  transition: transform .2s;
}

.intake-wizard-group-row-header .intake-wizard-group-row-toggle--expanded {
  color: var(--color-primary);
}

.intake-wizard-group-row-header .intake-wizard-group-row-toggle--expanded i {
  transform: rotate(90deg);
}

.intake-wizard-group-row-header .intake-wizard-group-row-title {
  font-size: var(--type-value);
  color: #717680;
  flex: auto;
  font-weight: 500;
}

.intake-wizard-group-row--expanded .intake-wizard-group-row-header .intake-wizard-group-row-title {
  color: var(--color-primary);
}

.intake-wizard-group-row-header .status-cell > p {
  margin: 0 !important;
}

.intake-wizard-group-row-content {
  padding: 10px var(--space-3);
}

.intake-wizard-group-row-content .dsl-advanced-grid {
  height: var(--intake-grid-h, 220px);
}

.intake-wizard-group-row-content .intake-form-record-handler .dsl-list-tab-container .dsl-list-bottom {
  min-height: var(--intake-grid-h, 220px) !important;
}

.intake-wizard-group-row-content .intake-form-record-handler .dsl-advanced-grid .ag-row.ag-row-last {
  border-bottom-color: #0000 !important;
}

.intake-wizard-step-check {
  color: #7db8a5;
  width: 14px;
  height: 14px;
  font-size: var(--type-label);
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 2px;
  display: inline-flex;
  position: absolute;
  bottom: -2px;
  right: -2px;
  box-shadow: 0 0 0 1px #7db8a5;
}

.intake-wizard-step-check--locked {
  color: #717680;
  font-size: var(--type-micro);
  line-height: 11px;
  box-shadow: 0 0 0 1px #717680;
}

.intake-wizard-step-badge {
  min-width: 16px;
  height: 16px;
  padding: 0 var(--space-1);
  background: var(--color-primary);
  color: #fff;
  font-size: var(--type-micro);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  position: absolute;
  top: -4px;
  right: -4px;
  box-shadow: 0 0 0 2px #fff;
}

.intake-wizard-body {
  min-height: 0;
  padding: var(--space-3);
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: auto;
}

.intake-wizard-body > * {
  flex: auto;
  min-height: 0;
}

.intake-wizard-step-blocked {
  color: #717680;
  font-size: var(--type-value);
  padding: var(--space-6);
  text-align: center;
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.intake-wizard-actions {
  padding: var(--space-2) 0 0;
  background: none;
  flex: none;
}

.ReactModal__Overlay[data-shelf-self="1"] .generic-card-container {
  top: calc(var(--shelf-top, 0px) + -4px) !important;
  left: calc(var(--shelf-left, 0px) + -4px) !important;
  width: calc(var(--shelf-width, 100%) - -8px) !important;
  height: calc(var(--shelf-height, 100%) - -8px) !important;
  border: 1px solid var(--gray-200) !important;
  box-shadow: 0 4px 14px #14192838 !important;
}

#application #flyout .form.flyout-with-shelf-element {
  padding: 0 !important;
  overflow: visible !important;
}

#application #flyout .form.flyout-with-shelf-element .form-container-flyout {
  border: 1px solid var(--gray-200) !important;
  width: calc(100% + 8px) !important;
  max-width: none !important;
  height: calc(100% + 8px) !important;
  max-height: none !important;
  margin: -4px !important;
  box-shadow: 0 4px 14px #14192838 !important;
}

.ReactModal__Overlay[data-shelf-scoped="1"], .ReactModal__Overlay[data-shelf-scoped="1"] > .ReactModal__Content {
  top: var(--shelf-top, 0px) !important;
  left: var(--shelf-left, 0px) !important;
  width: var(--shelf-width, 100%) !important;
  height: var(--shelf-height, 100%) !important;
  bottom: auto !important;
  right: auto !important;
}

body.ReactModal__Body--open.modal-shelf-scoped.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-segment-container-flyout, body.ReactModal__Body--open.modal-shelf-scoped.has-flyout:has(.ReactModal__Content.react-modal-above-flyout) #application #flyout .form:not(.flyout-with-shelf-element) .form-container-flyout {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  contain: none !important;
  transform: none !important;
}

body.modal-shelf-scoped #application #flyout .blocker, body:has(#flyout .form.flyout-with-shelf-element) #application #flyout .blocker {
  background: var(--color-overlay-dim);
  backdrop-filter: blur(2px);
  z-index: 10000;
}

body:has(.animated-tab-container:not(.inactive) .window-container):has(#flyout .form.flyout-with-shelf-element) #application #flyout .blocker {
  backdrop-filter: none;
  background: none;
}

#application .dsl-narrow-form .form-container .form-horizontal.form-col-3:not(.fh-json), #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-3:not(.fh-json), #application .dsl-narrow-form .form-container .form-horizontal.form-col-4:not(.fh-json), #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-4:not(.fh-json), #application .dsl-narrow-form .form-container .form-horizontal.form-col-mod, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-mod {
  width: calc(50% - 8px);
}

#application .dsl-narrow-form .form-container .form-horizontal.form-col-addr_1, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-addr_1, #application .dsl-narrow-form .form-container .form-horizontal.form-col-addr_2, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-addr_2 {
  width: 100%;
  margin-right: 0;
}

#application .dsl-narrow-form .form-container .form-horizontal.form-col-addr_city, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-addr_city {
  width: calc(50% - 8px);
}

#application .dsl-narrow-form .form-container .form-horizontal.form-col-addr_state, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-addr_state, #application .dsl-narrow-form .form-container .form-horizontal.form-col-addr_zip, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal.form-col-addr_zip {
  width: calc(25% - 8px);
}

#application .dsl-narrow-form .form-container .form-horizontal:has( > .form-group > .controls > .checkboxes), #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal:has( > .form-group > .controls > .checkboxes) {
  width: 100%;
  margin-right: 0;
}

#application .dsl-narrow-form .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-3, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-3, #application .dsl-narrow-form .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-4, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-4, #application .dsl-narrow-form .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-5, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-5, #application .dsl-narrow-form .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-6, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-6, #application .dsl-narrow-form .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-7, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-7, #application .dsl-narrow-form .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-8, #application #flyout .form.flyout-with-shelf-element .form-container .form-horizontal .form-group .controls > .checkboxes.checkbox-8 {
  width: calc(50% - 8px);
}

body.has-flyout #application #flyout .form.intake-wizard-flyout.flyout-with-shelf-element .form-container-flyout {
  border-color: var(--gray-250) !important;
}

#application #flyout .form.intake-wizard-flyout .form-flyout-header-bar .form-link-icons-container {
  display: none !important;
}

.tiff-media-viewer {
  max-height: -webkit-fill-available;
  position: relative;
  overflow-y: auto;
}

.tiff-media-viewer canvas {
  display: block;
}

.tiff-media-viewer .pagination-container {
  width: auto;
  padding: var(--space-1) 0;
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  z-index: 10;
  background-color: #d4d4d438;
  border: 1px solid #fff6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  display: flex;
  position: sticky;
  top: 0;
}

.tiff-media-viewer .pagination-container .pagination-bar {
  align-items: center;
  gap: var(--space-1);
  display: flex;
}

.tiff-media-viewer .pagination-container .pagination-btn {
  min-width: 28px;
  height: 28px;
  padding: 0 var(--space-1);
  color: var(--gray-700);
  font-size: var(--type-label);
  text-align: center;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 2px;
  font-weight: 500;
  line-height: 28px;
  transition: background .15s, border-color .15s;
}

.dsl-templ-area img {
  height: auto;
  max-height: -webkit-fill-available;
}

.dsl-templ-area:has( > img) {
  background-color: #fff;
}

.media-viewer {
  width: 40vw;
  height: calc(100vh - 20px);
  margin: 10px;
  position: fixed;
  top: 0;
  left: 0;
}

.media-viewer img {
  object-fit: contain;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
}

.media-viewer .body {
  padding: 0 !important;
}

.media-viewer.media-viewer--docked {
  flex-direction: column;
  display: flex;
}

.media-viewer.media-viewer--docked > .body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.media-viewer.media-viewer--docked > .body > * {
  flex: auto;
  min-height: 0;
}

.media-viewer.media-viewer--docked > .body iframe.pdf-iframe {
  height: 100% !important;
}

.media-viewer.media-viewer--spreadsheet {
  width: 90vw;
  max-width: 1400px;
  height: 60vh;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.media-viewer.media-viewer--spreadsheet .body {
  height: calc(100% - 50px);
  overflow: hidden;
}

.media-viewer.media-viewer--spreadsheet .ag-theme-alpine {
  height: 100% !important;
}

.lZkl4W_noDataFoundContainer {
  padding-bottom: var(--space-3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lZkl4W_noDataFoundContainer .lZkl4W_noDataFondText {
  text-align: center;
  color: var(--color-text-muted-ink);
  font-style: italic;
  font-weight: 500;
  font-size: var(--type-value);
}

.file-outer-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  background-color: #0000 !important;
  width: 100% !important;
}

.file-drop-zone-container {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.file-drop-zone-container.clickable {
  cursor: pointer;
}

.file-drop-zone-container.clickable:focus-visible {
  outline: 2px solid var(--color-primary, #668eba);
  outline-offset: 2px;
}

.file-upload-placeholder-container {
  border-radius: var(--radius-medium);
  border: 1px dashed var(--gray-100);
  width: 100%;
  padding: var(--space-2) 0;
  gap: var(--spacing-large);
  height: 100%;
  margin-top: var(--spacing-large);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.file-upload-placeholder-container.hover {
  border-color: var(--color-text-900);
  background: #f9f9f9;
}

.file-upload-placeholder-container .file-icon-area {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.file-upload-placeholder-container .file-icon-area i {
  color: var(--color-primary-ink);
  font-size: var(--icon-size-md);
  font-weight: 400;
}

.file-upload-placeholder-container .file-text-area {
  text-align: center;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 20px;
}

.file-upload-placeholder-container .file-text-area span {
  color: var(--color-primary-ink);
  font-weight: 500;
}

.file-errors-placeholder-container {
  border-radius: var(--radius-medium);
  border: 1px dashed var(--gray-100);
  width: 100%;
  padding: var(--space-2) 0;
  gap: var(--spacing-large);
  height: 100%;
  margin-top: var(--spacing-large);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.file-errors-placeholder-container.hover {
  border-color: var(--color-text-900);
  background: #f9f9f9;
}

.file-errors-placeholder-container .file-icon-area {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.file-errors-placeholder-container .file-icon-area i {
  color: #d98080;
  font-size: var(--icon-size-md);
  font-weight: 400;
}

.file-errors-placeholder-container .file-text-area {
  text-align: center;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 20px;
}

.file-errors-placeholder-container .file-text-area span {
  color: #d98080;
  font-weight: 500;
}

.file-drop-zone-overlay {
  background: rgba(var(--color-primary-rgb, 59, 130, 246), .15);
  -webkit-backdrop-filter: blur(2px);
  border-radius: var(--radius-medium);
  pointer-events: all;
  opacity: 1;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0;
}

.file-drop-zone-overlay.hide {
  opacity: 0;
  pointer-events: none;
}

.file-drop-zone-overlay.visible {
  opacity: 1;
  pointer-events: all;
}

.file-drop-zone-overlay.fullscreen {
  z-index: 9999;
  background: rgba(var(--color-primary-rgb, 59, 130, 246), .2);
  border-radius: 0;
  position: fixed;
  inset: 0;
}

.file-drop-zone-overlay .file-upload-placeholder-container {
  border-radius: var(--radius-medium);
  border: 1px dashed var(--gray-100);
  width: 100%;
  padding: var(--space-2) 0;
  gap: var(--spacing-large);
  height: 100%;
  margin-top: var(--spacing-large);
  border-radius: var(--radius-large);
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
  box-shadow: 0 10px 40px #00000026;
}

.file-drop-zone-overlay .file-upload-placeholder-container.hover {
  border-color: var(--color-text-900);
  background: #f9f9f9;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-icon-area {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-icon-area i {
  color: var(--color-primary-ink);
  font-size: var(--icon-size-md);
  font-weight: 400;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-text-area {
  text-align: center;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 20px;
}

.file-drop-zone-overlay .file-upload-placeholder-container .file-text-area span {
  color: var(--color-primary-ink);
  font-weight: 500;
}

@keyframes MX3YdG_spin {
  to {
    transform: rotate(360deg);
  }
}

.MX3YdG_pageLoadingOverlay {
  isolation: isolate;
  z-index: 2000;
  background: none;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.MX3YdG_containedLoadingOverlay {
  isolation: isolate;
  z-index: 100;
  background: none;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.MX3YdG_loader {
  backdrop-filter: blur(2px);
  isolation: isolate;
  will-change: transform;
  background: #ffffff2e;
  border: 1px solid #ffffff47;
  border-radius: 999px;
  width: 48px;
  height: 48px;
  margin: 40px;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 10px 30px #0000002e, inset 0 1px #ffffff59;
}

.MX3YdG_loader:before {
  content: "";
  opacity: .9;
  background: conic-gradient(#14141400 0deg, #1414148c 40deg, #14141414 120deg, #14141400 360deg);
  border-radius: 999px;
  animation: .9s linear infinite MX3YdG_spin;
  position: absolute;
  inset: 10px;
  mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
}

@media (prefers-reduced-motion: reduce) {
  .MX3YdG_loader:before {
    animation: none;
  }
}

.k9bWwG_wizardBottomBar {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: fit-content;
  display: flex;
}

.print-markup-modal {
  width: 420px;
  max-width: calc(100vw - var(--space-6));
}

.print-markup-modal .print-markup-modal__body {
  gap: var(--space-3);
  padding: var(--space-4);
  flex-direction: column;
  display: flex;
}

.print-markup-modal .print-markup-modal__text {
  font-size: var(--type-value);
  color: var(--gray-700);
  margin: 0;
  line-height: 1.4;
}

.print-markup-modal .print-markup-modal__options {
  gap: var(--space-2);
  font-size: var(--type-value);
  flex-direction: column;
  display: flex;
}

.print-markup-modal .print-markup-modal__options .ant-radio-wrapper {
  font-size: var(--type-value);
  color: var(--gray-700) !important;
  font-weight: 400 !important;
}

.print-markup-modal .print-markup-modal__footer .action-btn-group-container {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

.qz-tray-missing-notice {
  gap: var(--space-1);
  max-width: 520px;
  padding: var(--space-3);
  border-radius: var(--radius-medium);
  background-color: var(--color-warning-25);
  border: 1px solid var(--color-warning-100);
  flex-direction: column;
  font-family: Soehne, sans-serif;
  display: flex;
}

.qz-tray-missing-notice .qz-tray-missing-title {
  color: var(--color-warning-ink);
  font-weight: 500;
}

.qz-tray-missing-notice .qz-tray-missing-body {
  color: var(--color-text);
  font-weight: 400;
}

.qz-tray-missing-notice .qz-tray-missing-link {
  color: var(--color-primary-ink);
  font-weight: 500;
  text-decoration: underline;
}

.field-select {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.field-select span {
  font-size: var(--type-label);
  letter-spacing: 0;
  text-align: left;
  color: #77797d;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  line-height: 14px;
}

.field-select input, .field-select textarea {
  border: unset;
  border-bottom: 1px solid #dcdcdc;
  line-height: 17px;
  color: var(--gray-700) !important;
  font-family: Soehne, sans-serif !important;
  font-weight: 500 !important;
}

.field-select .rs__value-container--is-multi {
  flex-wrap: nowrap;
  overflow: auto hidden;
}

.field-select .rs__multi-value {
  padding: 2px var(--space-1) 2px var(--space-2);
  flex: none;
  align-items: center;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a;
  background-color: var(--color-tertiary) !important;
  margin: 2px var(--space-1) 2px 0 !important;
  border-radius: 6px !important;
}

.field-select .rs__multi-value__label {
  font-family: Soehne, sans-serif;
  line-height: 16px;
  color: var(--white) !important;
  font-size: var(--type-label) !important;
  padding: 2px var(--space-1) 2px 0 !important;
  font-weight: 500 !important;
}

.field-select .rs__multi-value__remove {
  cursor: pointer;
  color: var(--white) !important;
  border-radius: 4px !important;
  padding: 2px !important;
}

.field-select .rs__multi-value__remove svg {
  width: 12px;
  height: 12px;
  fill: var(--white) !important;
}

.field-select .rs__multi-value__remove:hover {
  color: var(--white) !important;
  background-color: #ffffff2e !important;
}

.internal-select-field-container {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.internal-select-field-container input {
  caret-color: #0000 !important;
}

.internal-select-field-container .internal-select-field-container:has(.field-select input:focus) .select-field-label, .internal-select-field-container .internal-select-field-container:has(.field-select .rs__single-value) .select-field-label, .internal-select-field-container .internal-select-field-container:has(.field-select .rs__multi-value) .select-field-label {
  top: var(--spacing-standard);
  font-size: var(--font-size-xsmall);
}

.internal-select-field-container .select-field-label {
  top: var(--spacing-standard);
  left: var(--spacing-xlarge);
  font-size: var(--font-size-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--color-text);
  z-index: 1;
  pointer-events: none;
  position: absolute !important;
}

:root {
  --color-primary: var(--color-primary-600);
  --color-primary-50: #f4f7fb;
  --color-primary-200: #d4e0ed;
  --color-primary-500: #7fa7cf;
  --color-primary-600: #668eba;
  --color-primary-700: #5b83b0;
  --color-primary-800: #406591;
  --color-secondary: #8a79ba;
  --color-secondary-50: #f6f5f9;
  --color-secondary-200: #dfdde3;
  --color-secondary-500: #9a94bf;
  --color-secondary-600: #837bb2;
  --color-secondary-700: #6c63a5;
  --color-secondary-800: #5c548c;
  --color-secondary-300: #9a94bf;
  --color-tertiary: #5b83b0;
  --color-success: #7db8a5;
  --color-success-50: #eff7f4;
  --color-success-200: #d2e6e0;
  --color-success-600: #529a82;
  --color-accept: #689989;
  --color-success-800: #4b8c76;
  --color-success-900: #427a68;
  --color-warning: #dab262;
  --color-warning-25: #fcf5e9;
  --color-warning-50: #f8edd8;
  --color-warning-100: #eedbb5;
  --color-warning-600: #c89b41;
  --color-warning-800: #a57b27;
  --color-warning-900: #936d1f;
  --color-warning-950: #89641a;
  --color-error: #d98080;
  --color-error-25: #fef5f5;
  --color-error-50: #fdeaea;
  --color-error-200: #f7c9c9;
  --color-error-400: #eb9d9d;
  --color-error-500: #e58787;
  --color-error-600: #cc7878;
  --color-error-650: #bf7171;
  --color-error-700: #ba6666;
  --color-error-800: #ad5252;
  --color-error-900: #843c3c;
  --color-text: #45494f;
  --color-text-25: #f5f5f5;
  --color-text-50: #e3e5e8;
  --color-text-100: #d7dae0;
  --color-text-200: #b6bac2;
  --color-text-300: #9b9fa8;
  --color-text-400: #838894;
  --color-text-500: #707580;
  --color-text-550: #6a6f79;
  --color-text-600: #535862;
  --color-text-700: #4d525c;
  --color-text-800: #43464d;
  --color-text-900: #383b40;
  --color-background: #ccc;
  --color-background-100: #fcfcfc;
  --color-background-200: #fafafa;
  --color-background-400: #f5f5f5;
  --color-background-950: #999;
  --color-border: #ccc;
  --color-border-200: #fafafa;
  --color-border-500: #ededed;
  --color-border-600: #d9d9d9;
  --disabled-background-200: #e0e0e0;
  --brand-50: #f6f5ff;
  --brand-100: #edebfa;
  --brand-700: #7c74a8;
  --brand-800: #746d9e;
  --blue-200: #7ca3cf;
  --gray-100: #e3e5e8;
  --gray-200: #d7dae0;
  --gray-250: #c7cbd2;
  --gray-300: #b6bac2;
  --gray-400: #9b9fa8;
  --gray-500: #838894;
  --gray-600: #707580;
  --gray-700: #565a62;
  --gray-800: #101217;
  --grid-empty-well: #ffffff73;
  --grid-edge: #54606e38;
  --grid-tab-hover: #54606e14;
  --button-disabled-edge: #54606e24;
  --color-overlay-dim: #00000059;
  --shadow-header-lift: 0 2px 6px #0000000f;
  --grid-header-band: #54606e0f;
  --table-header-band: var(--color-border-500);
  --table-header-ink: #a3a3a3;
  --grid-selected-row-background: #dceaf6;
  --label-color: var(--gray-600);
  --white: #fff;
  --color-transparent-white: #fffffff7;
  --input-bg-disabled: #f5f5f5;
  --color-text-muted-ink: var(--color-text-550);
  --color-error-ink: var(--color-error-800);
  --color-warning-ink: var(--color-warning-950);
  --color-success-ink: var(--color-success-900);
  --color-primary-ink: var(--color-primary-800);
  --color-secondary-ink: var(--color-secondary-700);
  --color-warning-icon: var(--color-warning-600);
  --color-error-icon: var(--color-error-600);
  --color-primary-icon: var(--color-primary-600);
}

html:root {
  --white: #fff;
}

.printer-selection-modal {
  gap: var(--space-4);
  flex-direction: column;
  min-width: 360px;
  display: flex;
}

.printer-selection-modal .printer-select-field-container {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: visible;
}

.printer-selection-modal .printer-select-field-container .printer-select-field-label {
  font-size: var(--type-value);
  padding-left: var(--space-1);
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.printer-selection-modal .printer-select-field-container .field-select {
  padding: 0 var(--space-1);
}

.printer-selection-modal .footer {
  margin-top: var(--space-2);
  justify-content: space-between;
  display: flex;
}

.printer-selection-modal .footer .btn-secondary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.printer-selection-modal .footer .btn-secondary i, .printer-selection-modal .footer .btn-secondary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.printer-selection-modal .footer .btn-secondary.disabled, .printer-selection-modal .footer .btn-secondary[disabled], .printer-selection-modal .footer .btn-secondary[aria-disabled="true"], .printer-selection-modal .footer .btn-secondary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.printer-selection-modal .footer .btn-secondary.disabled i, .printer-selection-modal .footer .btn-secondary[disabled] i, .printer-selection-modal .footer .btn-secondary[aria-disabled="true"] i, .printer-selection-modal .footer .btn-secondary:disabled i, .printer-selection-modal .footer .btn-secondary.disabled .icon, .printer-selection-modal .footer .btn-secondary[disabled] .icon, .printer-selection-modal .footer .btn-secondary[aria-disabled="true"] .icon, .printer-selection-modal .footer .btn-secondary:disabled .icon, .printer-selection-modal .footer .btn-secondary.disabled svg, .printer-selection-modal .footer .btn-secondary[disabled] svg, .printer-selection-modal .footer .btn-secondary[aria-disabled="true"] svg, .printer-selection-modal .footer .btn-secondary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.printer-selection-modal .footer .btn-secondary.disabled svg *, .printer-selection-modal .footer .btn-secondary[disabled] svg *, .printer-selection-modal .footer .btn-secondary[aria-disabled="true"] svg *, .printer-selection-modal .footer .btn-secondary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.printer-selection-modal .footer .btn-secondary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.printer-selection-modal .footer .btn-secondary:focus-visible {
  box-shadow: none;
}

.printer-selection-modal .footer .btn-secondary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.printer-selection-modal .footer .btn-secondary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.printer-selection-modal .footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.printer-selection-modal .footer .btn-primary i, .printer-selection-modal .footer .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.printer-selection-modal .footer .btn-primary.disabled, .printer-selection-modal .footer .btn-primary[disabled], .printer-selection-modal .footer .btn-primary[aria-disabled="true"], .printer-selection-modal .footer .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.printer-selection-modal .footer .btn-primary.disabled i, .printer-selection-modal .footer .btn-primary[disabled] i, .printer-selection-modal .footer .btn-primary[aria-disabled="true"] i, .printer-selection-modal .footer .btn-primary:disabled i, .printer-selection-modal .footer .btn-primary.disabled .icon, .printer-selection-modal .footer .btn-primary[disabled] .icon, .printer-selection-modal .footer .btn-primary[aria-disabled="true"] .icon, .printer-selection-modal .footer .btn-primary:disabled .icon, .printer-selection-modal .footer .btn-primary.disabled svg, .printer-selection-modal .footer .btn-primary[disabled] svg, .printer-selection-modal .footer .btn-primary[aria-disabled="true"] svg, .printer-selection-modal .footer .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.printer-selection-modal .footer .btn-primary.disabled svg *, .printer-selection-modal .footer .btn-primary[disabled] svg *, .printer-selection-modal .footer .btn-primary[aria-disabled="true"] svg *, .printer-selection-modal .footer .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.printer-selection-modal .footer .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.printer-selection-modal .footer .btn-primary:focus-visible {
  box-shadow: none;
}

.printer-selection-modal .footer .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.printer-selection-modal .footer .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.printer-selection-modal .footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.printer-selection-modal .printer-qz-checking {
  color: var(--color-text-muted-ink);
}

.card-with-preview {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  height: 100% !important;
}

.card-with-preview .cardmenu {
  display: none !important;
}

.card-with-preview .form-container > .form-container {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.card-with-preview > .form-container.form-edit-mode {
  align-items: flex-start;
}

.card-with-preview .layout-form-content .form-container > div:first-child {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  flex: 40% !important;
}

.card-with-preview .layout-form-content .form-container > div:last-child {
  height: 100%;
  flex: 60% !important;
}

.dsl-card-duel-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-inline: 0;
  display: flex;
  height: 100% !important;
}

.dsl-card-duel-card .cardmenu {
  display: none !important;
}

.dsl-card-duel-card .form-container > .form-container {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.dsl-card-duel-card > .form-container.form-edit-mode {
  align-items: flex-start;
}

.dsl-card-duel-card .layout-form-content .form-container > div:first-child {
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
  flex: 40% !important;
}

.dsl-card-duel-card .layout-form-content .form-container > div:last-child {
  height: 100%;
  flex: 60% !important;
}

.dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup {
  padding-left: var(--space-2) !important;
  padding-right: var(--space-2) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.dsl-card-duel-card > .form-container {
  gap: 0;
}

.dsl-card-duel-card > .form-container > div:first-child {
  flex: 0 50%;
  width: 50%;
  min-width: 0;
  height: 100% !important;
}

.dsl-card-duel-card > .form-container > div:first-child .dsl-tab-container {
  height: 100% !important;
}

.dsl-card-duel-card > .form-container > div:last-child {
  flex: 0 50%;
  width: 50%;
  min-width: 0;
  height: 100% !important;
}

.dsl-card-duel-card > .form-container > div:last-child .dsl-tab-area {
  min-height: auto !important;
}

.dsl-card-duel-card > div.form-container > div.form-container > div.dsl-templ-area .cardarea > h3 {
  display: none;
}

.dsl-card-duel-card.flip > .form-container {
  flex-direction: row-reverse;
}

.dsl-card-duel-card .layout-form-content .form-container > div:first-child, .dsl-card-duel-card .layout-form-content .form-container > div:last-child {
  height: 100%;
  flex: 50% !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line {
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  overflow-y: hidden !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) {
  max-height: 100%;
  flex-flow: column !important;
  flex: 0 auto !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]), #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) {
  flex-direction: column !important;
  flex: 0 auto !important;
  min-height: 0 !important;
  display: flex !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group {
  flex-direction: column;
  flex: 0 auto;
  min-height: 0;
  display: flex;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls {
  flex: 0 auto;
  min-height: 0;
  flex-direction: column !important;
  height: auto !important;
  display: flex !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table {
  flex-direction: column;
  flex: 0 auto;
  min-height: 0;
  display: flex;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed {
  flex-direction: column;
  flex: 0 auto;
  display: flex;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view {
  height: auto;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap > div, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge line"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap > div, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap > div, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="charge lines"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view .repeaterwrap > div {
  min-height: 0;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) {
  flex-flow: column !important;
  flex: auto !important;
  min-height: 50% !important;
  padding-bottom: 2px !important;
  display: flex !important;
  overflow: hidden !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) {
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .controls {
  flex: none;
  height: auto !important;
  min-height: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer, #application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer .field-field-media-viewer, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer .field-field-media-viewer {
  flex-direction: column;
  flex: 1;
  margin-bottom: 0;
  display: flex;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer .body, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer .body {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer .pdf-iframe, #application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup[section="last claim response"]:not(.hide) > .form-horizontal:not(.offscreen, [style*="display: none"], [style*="display:none"]) > .form-group > .field-field-media-viewer .pdf-iframe {
  border-radius: 7px;
  flex: 1;
  min-height: 0;
  height: 100% !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line:has( > .container.fieldgroup[section="last claim response"]:not(.hide)) > .container.fieldgroup[section="charge line"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line:has( > .container.fieldgroup[section="last claim response"]:not(.hide)) > .container.fieldgroup[section="charge line"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_test_charge_line:has( > .container.fieldgroup[section="last claim response"]:not(.hide)) > .container.fieldgroup[section="charge lines"]:not(.hide), #application .dsl-card-duel-card .cardarea.view_ledger_charge_line:has( > .container.fieldgroup[section="last claim response"]:not(.hide)) > .container.fieldgroup[section="charge lines"]:not(.hide) {
  max-height: 50%;
}

#application .dsl-card-duel-card .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea.view_test_charge_line > .container.fieldgroup.scrolltarget[section="charge line"]:not(.hide, .dsl-tab-header), #application .dsl-card-duel-card .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea.view_ledger_charge_line > .container.fieldgroup.scrolltarget[section="charge line"]:not(.hide, .dsl-tab-header), #application .dsl-card-duel-card .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea.view_test_charge_line > .container.fieldgroup.scrolltarget[section="charge lines"]:not(.hide, .dsl-tab-header), #application .dsl-card-duel-card .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea.view_ledger_charge_line > .container.fieldgroup.scrolltarget[section="charge lines"]:not(.hide, .dsl-tab-header), #application .dsl-card-duel-card .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea.view_test_charge_line > .container.fieldgroup.scrolltarget[section="last claim response"]:not(.hide, .dsl-tab-header), #application .dsl-card-duel-card .form-container.form-read-mode:not(.expandable-sections-enabled, .has-expandable-root) .cardarea.view_ledger_charge_line > .container.fieldgroup.scrolltarget[section="last claim response"]:not(.hide, .dsl-tab-header) {
  align-items: stretch !important;
  display: flex !important;
}

.cardarea.view_test_charge_line .dsl-grid-view table td:last-child, .cardarea.view_ledger_charge_line .dsl-grid-view table td:last-child, .cardarea.view_test_charge_line .dsl-grid-view table th:last-child, .cardarea.view_ledger_charge_line .dsl-grid-view table th:last-child {
  white-space: nowrap;
}

#application .dsl-card-duel-card .form-container .cardarea {
  border-left: var(--spacing-standard) solid transparent;
  border-top-left-radius: calc(8px + var(--spacing-standard));
  border-bottom-left-radius: calc(8px + var(--spacing-standard));
  background-clip: padding-box;
}

#application .dsl-card-duel-card .form-container .cardarea.expandable-sections-enabled {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

#application .dsl-card-duel-card:has( > .form-container-with-preview) > .form-container-with-preview > div:first-child .cardarea:not(.cardarea .cardarea) {
  border-left-width: 0;
  border-right-width: var(--space-1);
  border-radius: 8px calc(8px + var(--space-1)) calc(8px + var(--space-1)) 8px;
}

#application .dsl-card-duel-card:has( > .form-container-with-preview) > .form-container-with-preview > div:last-child .cardarea:not(.cardarea .cardarea) {
  border-left-width: var(--space-1);
  border-radius: calc(8px + var(--space-1)) 8px 8px calc(8px + var(--space-1));
  border-right-width: 0;
}

#application .dsl-card-duel-card:has( > .form-container-with-preview) > .wizard-bottom-bar > .action-btn-cnt {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_ledger_charge_line > .container.fieldgroup > .form-horizontal.form-col-1 {
  padding-right: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup > .form-horizontal.form-col-1 {
  padding-right: 8px !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup .sectionnote {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"] > .form-horizontal > .form-group > .control-label {
  left: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"] > .form-horizontal > .form-group > .controls {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#application .dsl-card-duel-card .cardarea.view_test_charge_line > .container.fieldgroup[section="charge line"] > .form-horizontal > .form-group > .controls .refresh-icon {
  right: -2px !important;
}

body.has-flyout #application #flyout .dsl-card-duel-card .form-container .cardarea:is(.view_ledger_charge_line, .view_test_charge_line) > .container.fieldgroup.area_header:not(.has-header) {
  margin-right: 0 !important;
}

#application .dsl-card-duel-card .form-container.form-container-with-preview {
  gap: 0;
}

body.has-flyout #application #flyout .form .dsl-card-duel-card .form-container-flyout {
  --flyout-pad-top: var(--space-2);
  padding-top: var(--flyout-pad-top);
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.form-container-flyout .billing-invoice-details {
  padding-bottom: 0;
}

.billing-invoice-details {
  border-radius: 8px;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  padding-bottom: 0;
  display: flex;
  overflow-y: auto;
}

.billing-invoice-details .cardarea {
  padding-bottom: 0 !important;
  padding-top: var(--space-2) !important;
  border-radius: 0 !important;
}

.billing-invoice-details .cardarea > .container.fieldgroup:not(:has( > .form-horizontal:not(.offscreen, .hide))) {
  flex: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) {
  flex-direction: column !important;
  flex: 1 !important;
}

.billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) > .form-horizontal {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) > .form-horizontal > .form-group {
  flex: 1;
}

.billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) > .form-horizontal > .form-group > .controls, .billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) > .form-horizontal > .form-group > .controls > .embedded_table {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) > .form-horizontal > .form-group > .controls > .embedded_table .dsl-field-embed {
  flex: 1;
  max-height: none !important;
  overflow: hidden !important;
}

.billing-invoice-details .cardarea > .container.fieldgroup:has( > .form-horizontal:not(.offscreen, .hide)) > .form-horizontal > .form-group > .controls > .embedded_table .dsl-field-embed .dsl-grid-view {
  background-color: var(--white);
  flex: 1;
}

.billing-invoice-details .cardform {
  border-radius: 0 !important;
}

.billing-invoice-details > .form-container {
  border-radius: 0 !important;
  flex: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.billing-invoice-details > .form-container .dsl-templ-area {
  flex: 1 !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.billing-invoice-details .billing-invoice-details-widget-container {
  align-items: flex-start;
  column-gap: var(--space-4);
  gap: var(--space-1);
  background-color: var(--white);
  width: 100%;
  max-height: none;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  padding-top: var(--space-1);
  padding-bottom: var(--space-2);
  --invoice-totals-columns: 200px 180px;
  --invoice-totals-gap: 16px;
  --invoice-totals-width: 396px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: wrap;
  margin-top: 0;
  display: flex;
  position: relative;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-payer {
  align-items: stretch;
  gap: var(--nudge-1);
  flex-direction: column;
  flex: auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-payer .value {
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-payer .payer-link {
  color: var(--color-primary-ink);
  cursor: pointer;
  text-underline-offset: 3px;
  text-decoration: none;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-payer .payer-link:hover, .billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-payer .payer-link:focus-visible {
  text-decoration: underline;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-payer .invoice-no {
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0%;
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
  overflow: hidden;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details {
  grid-template-columns: var(--invoice-totals-columns);
  column-gap: var(--invoice-totals-gap);
  row-gap: var(--space-1);
  flex: none;
  grid-template-rows: auto auto auto;
  align-items: center;
  min-height: 24px;
  margin-left: auto;
  display: grid;
  overflow: hidden;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item {
  column-gap: var(--space-1);
  white-space: nowrap;
  align-items: center;
  min-width: 0;
  display: grid;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(odd) {
  grid-column: 1;
  grid-template-columns: 100px auto;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(2n) {
  grid-column: 2;
  grid-template-columns: 90px auto;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:first-child, .billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(2) {
  grid-row: 1;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(3), .billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(4) {
  grid-row: 2;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(5), .billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item:nth-child(6) {
  grid-row: 3;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item .label {
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text-muted-ink);
  text-align: right;
  line-height: inherit;
  background-color: #0000;
  border-radius: 0;
  margin: 0;
  padding: 0 !important;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-details .billing-invoice-details-widget-details-item .value {
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text);
  text-align: right;
  margin: 0;
  padding: 0;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-followup {
  align-items: flex-start;
  gap: var(--space-4);
  margin-top: var(--space-1);
  flex-direction: row;
  flex: 0 0 100%;
  display: flex;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-followup .dsl-state-date {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
}

.billing-invoice-details .billing-invoice-details-widget-container .billing-invoice-details-widget-followup .dsl-state-text-area {
  width: 300px;
}

.form-widget-container.billing_invoice {
  flex: none !important;
  min-height: 0 !important;
}

.form-widget-container.billing_invoice .form-widget-top-buttons {
  padding-bottom: 0;
  padding-top: var(--space-1);
  width: 100%;
  margin: 0 !important;
}

.form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-left {
  flex: none;
}

.form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-left:empty, .form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-left:not(:has(:not(:empty))) {
  display: none;
}

.form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-right {
  flex: auto;
  padding: 0 !important;
}

.form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-right-fields {
  gap: var(--space-3);
  margin-right: 0;
}

.form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-right-fields > .dsl-state-checkbox {
  min-width: 0;
}

.form-widget-container.billing_invoice .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-right-fields > .dsl-state-checkbox > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.form-segment-container-flyout:has(.billing-invoice-details) {
  width: 90%;
  height: 90%;
}

.form-widget-container.billing_invoice ~ .form-container-with-preview {
  flex: 1 !important;
  min-height: 0 !important;
}

.form-widget-container.billing_invoice ~ .form-container-with-preview > .dsl-templ-area.has-scroll-overflow:after {
  content: "";
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(#0000, #00000014);
  border-bottom-right-radius: 8px;
  height: 32px;
  margin-top: -32px;
  display: block;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.form-flyout-header-bar .form-flyout-header-title .invoice-flyout-title {
  text-transform: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.form-flyout-header-bar .form-flyout-header-title .invoice-flyout-title__name {
  font-size: var(--type-value);
  color: var(--gray-700);
  white-space: nowrap;
  font-weight: 500;
  line-height: 15px;
}

.form-flyout-header-bar .form-flyout-header-title .form-flyout-header-status {
  margin-left: var(--space-2, 8px);
  align-items: center;
  display: inline-flex;
}

.form-flyout-header-bar .form-flyout-header-title .form-flyout-header-status .status-cell {
  transform: translateY(calc(-1 * var(--hairline)));
}

.form-flyout-header-bar .form-flyout-header-title .invoice-flyout-title__sub {
  font-size: var(--type-label);
  color: #466a92;
  white-space: nowrap;
  font-weight: 400;
  line-height: 13px;
}

#application .dsl-card-duel-card .billing-invoice-details .cardarea {
  border-radius: var(--radius-medium) var(--radius-medium) 0 0 !important;
}

#application .dsl-card-duel-card .billing-invoice-details .billing-invoice-details-widget-container {
  margin-left: var(--spacing-standard);
  align-self: stretch;
  margin-right: 0;
  width: auto !important;
}

#application .dsl-card-duel-card .billing-invoice-details .form-container.form-read-mode .dsl-templ-area .cardread:not(:has(.dsl-tab-container)), #application :is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .dsl-templ-area .cardread:not(:has(.dsl-tab-container)) {
  background: none !important;
}

#application .billing-invoice-details > .form-container .dsl-templ-area .cardread .cardarea.view_ledger_charge_line {
  border-left-width: 0;
}

#application .billing-invoice-details .billing-invoice-details-widget-container.billing-invoice-details-widget-container {
  margin-left: 0 !important;
}

.billing-invoice-details > .form-container > .dsl-templ-area {
  scrollbar-gutter: auto;
  overflow-y: hidden;
}

#application .billing-invoice-details > .form-container .dsl-templ-area .cardread .cardarea.view_ledger_charge_line .container.fieldgroup.fieldgroup.fieldgroup.fieldgroup.fieldgroup.fieldgroup.fieldgroup.fieldgroup {
  padding-left: var(--space-4) !important;
  padding-right: var(--space-4) !important;
}

#application .billing-invoice-details > .form-container .dsl-templ-area .cardread .cardarea.view_ledger_charge_line .fieldgroup .sectionnote.sectionnote {
  margin-left: 0 !important;
}

#application .billing-invoice-details > .form-container .dsl-templ-area .cardread .cardarea.view_ledger_charge_line .fieldgroup .form-horizontal .form-group .controls {
  padding-left: 0 !important;
}

#application .billing-invoice-details > .form-container .dsl-templ-area .cardread .cardarea.view_ledger_charge_line .fieldgroup .form-horizontal .form-group .control-label {
  left: 0 !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) {
  column-gap: 0;
  row-gap: var(--space-2);
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-widget-container.billing_invoice {
  grid-area: 1 / 2;
  min-width: 0;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-widget-container.billing_invoice.is-empty {
  display: none;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-widget-container.billing_invoice.is-empty + .form-container-with-preview > .dsl-templ-area {
  grid-row: 1 / span 2;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-widget-container.billing_invoice.is-empty + .form-container-with-preview > .dsl-templ-area .cardarea.billing_invoice {
  padding-top: var(--space-3) !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview {
  display: contents !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .billing-invoice-details {
  grid-area: 1 / 1 / span 2;
  min-width: 0;
  min-height: 0;
  width: auto !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .billing-invoice-details .cardarea {
  padding-top: var(--space-3) !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .billing-invoice-details .cardarea > .fieldgroup {
  padding-left: var(--space-2) !important;
  padding-right: var(--space-2) !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .billing-invoice-details .cardarea > .fieldgroup .sectionnote {
  margin-left: 0 !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .billing-invoice-details .cardarea > .fieldgroup .form-group > .control-label {
  left: 0 !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .billing-invoice-details .cardarea > .fieldgroup .form-group > .controls {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .dsl-templ-area {
  grid-area: 2 / 2;
  min-width: 0;
  min-height: 0;
  width: auto !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container-with-preview > .dsl-templ-area .cardarea.billing_invoice {
  border-left-width: 5px !important;
  border-right-width: 0 !important;
  padding-left: 3px !important;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .wizard-bottom-bar {
  grid-area: 3 / 1 / auto / -1;
}

:is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .wizard-bottom-bar > .action-btn-cnt {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.has-flyout #application #flyout .layout-form-content:has( > .form-widget-container.billing_invoice + .form-container-with-preview) {
  column-gap: 0 !important;
}

body.has-flyout #application #flyout .layout-form-content:has( > .form-widget-container.billing_invoice + .form-container-with-preview) > .form-container.form-container-with-preview {
  display: contents !important;
}

#application :is(.dsl-card-duel-card, .layout-form-content):has( > .form-widget-container.billing_invoice + .form-container-with-preview) .billing-invoice-details .cardarea > .fieldgroup .form-group > .control-label {
  left: 0 !important;
}

#application .billing-invoice-details .form-group.view_ledger_charge_line_last_claim_response {
  padding-left: 0 !important;
}

#application .billing-invoice-details .form-group.view_ledger_charge_line_last_claim_response > .control-label {
  display: none !important;
}

#application .billing-invoice-details .form-group.view_ledger_charge_line_last_claim_response > .field-field-media-viewer {
  width: 100% !important;
  margin: 0 !important;
}

.dsl-state-date {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0;
  display: flex;
}

.dsl-state-date > span:first-child {
  color: var(--color-text-400, #a4a7ae);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dsl-state-date .dsl-state-date-wrap {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.dsl-state-date .dsl-state-date-wrap.dsl-state-date-wrap-disabled {
  opacity: .5;
}

.dsl-state-date input[type="text"] {
  box-sizing: border-box;
  border: 1px solid var(--color-border-600, #d5d7da);
  background: var(--white, #fff);
  width: 130px;
  height: 30px;
  color: var(--gray-700, #4d525c);
  text-align: left;
  border-radius: 6px;
  padding: 0 30px 0 10px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 0 !important;
}

.dsl-state-date input[type="text"]::placeholder {
  color: var(--color-text-400, #a4a7ae);
  font-weight: 400;
}

.dsl-state-date input[type="text"]:focus, .dsl-state-date input[type="text"]:focus-visible {
  border-color: var(--color-primary, #5b83b0);
  outline: none;
}

.dsl-state-date input[type="text"]:disabled {
  cursor: not-allowed;
}

.dsl-state-date .dsl-state-date-icon {
  color: var(--gray-500);
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.dsl-state-date .dsl-state-date-icon:before {
  content: "";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
  font-weight: 300;
}

.dsl-state-date .dsl-state-date-icon:hover, .dsl-state-date .dsl-state-date-icon.open {
  color: var(--color-text-500);
}

.dsl-state-date .dsl-state-date-icon:disabled {
  cursor: not-allowed;
}

.dsl-state-date .dsl-state-date-picker-host {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.dsl-state-text {
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

.dsl-state-text input[type="text"] {
  box-sizing: border-box;
  border: 1px solid var(--color-border-600, #d5d7da);
  background: var(--white, #fff);
  width: 180px;
  height: 30px;
  color: var(--gray-700, #4d525c);
  text-align: left;
  border-radius: 6px;
  padding: 0 10px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 0 !important;
}

.dsl-state-text input[type="text"]::placeholder {
  color: var(--color-text-400, #a4a7ae);
  font-weight: 400;
}

.dsl-state-text input[type="text"]:focus, .dsl-state-text input[type="text"]:focus-visible {
  border-color: var(--color-primary, #5b83b0);
  outline: none;
}

.dsl-state-text input[type="text"]:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dsl-state-text.dsl-state-text-area {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  width: 100%;
}

.dsl-state-text.dsl-state-text-area .dsl-state-text-label {
  color: var(--color-text-400, #a4a7ae);
  -webkit-user-select: none;
  user-select: none;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.dsl-state-text.dsl-state-text-area textarea {
  box-sizing: border-box;
  border: 1px solid var(--color-border-600, #d5d7da);
  background: var(--white, #fff);
  width: 100%;
  min-height: 64px;
  color: var(--gray-700, #4d525c);
  resize: vertical;
  border-radius: 6px;
  padding: 6px 10px;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 !important;
}

.dsl-state-text.dsl-state-text-area textarea::placeholder {
  color: var(--color-text-400, #a4a7ae);
  font-weight: 400;
}

.dsl-state-text.dsl-state-text-area textarea:focus, .dsl-state-text.dsl-state-text-area textarea:focus-visible {
  border-color: var(--color-primary, #5b83b0);
  outline: none;
}

.dsl-state-text.dsl-state-text-area textarea:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.form-widget-container {
  flex-direction: column;
  flex-grow: 0;
  min-height: 0;
  display: flex;
}

.form-widget-container .form-widget-top-buttons {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  height: fit-content;
  display: flex;
  position: relative;
  top: 0;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-right, .form-widget-container .form-widget-top-buttons .form-widget-top-buttons-left {
  min-width: 0;
  padding: var(--space-2);
  color: #5b83b0;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  flex: auto;
  font-weight: 500;
  display: flex;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-right-fields, .form-widget-container .form-widget-top-buttons .form-widget-top-buttons-left .form-widget-top-buttons-right-fields {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-4);
  margin-right: var(--space-2);
  flex-direction: row;
  display: flex;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-right .form-widget-top-buttons-left-fields, .form-widget-container .form-widget-top-buttons .form-widget-top-buttons-left .form-widget-top-buttons-left-fields {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-4);
  flex-direction: row;
  display: flex;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-center {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.form-widget-container .form-widget-top-buttons .form-widget-top-buttons-center .form-top-warning {
  width: auto;
  max-width: 100%;
  margin: 0 0 0 calc(var(--edge-mark) / 2);
}

.form-widget-container .form-widget-top-buttons:has( > .form-widget-top-buttons-center) > .form-widget-top-buttons-left, .form-widget-container .form-widget-top-buttons:has( > .form-widget-top-buttons-center) > .form-widget-top-buttons-right {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.form-widget-container .dsl-card-duel-card {
  height: calc(100% - 36px) !important;
}

#flyout .form .form-widget-container .form-widget-top-buttons {
  background-color: inherit;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: calc(100% - 12px);
  margin-inline: 8px;
}

.status-cell {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-color-orange: var(--color-warning);
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell p {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  margin: 0;
  overflow: hidden;
}

.status-cell.default, .status-cell.outlined-default {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.green, .status-cell.outlined-green {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.red, .status-cell.outlined-red {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.grey, .status-cell.outlined-grey {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.purple, .status-cell.outlined-purple {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7c71bc var(--status-pill-tint, 20%), #fff);
  color: #4d4677;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.blue, .status-cell.outlined-blue {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5b8dc5 var(--status-pill-tint, 20%), #fff);
  color: #375679;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.orange, .status-cell.outlined-orange {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-cell.clickable {
  cursor: pointer;
  z-index: 1;
  transition: box-shadow .12s ease-out;
  position: relative;
}

.status-cell.clickable:hover, .status-cell.clickable:focus-visible {
  box-shadow: 0 2px 6px #1419282e;
}

.status-cell.clickable:active {
  box-shadow: 0 1px 2px #14192829;
}

.status-cell.clickable:focus-visible {
  outline-offset: 1px;
  outline: 2px solid;
}

.ag-cell:has(.status-cell) {
  overflow: hidden;
}

.ag-cell:has(.status-cell) .ag-cell-wrapper, .ag-cell:has(.status-cell) .ag-cell-value {
  min-width: 0;
  max-width: 100%;
}

.dsl-card-section-popup {
  flex-direction: column;
  max-height: 90vh;
  display: flex;
  max-width: 98% !important;
}

.dsl-card-section-popup .dsl-templ-area {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.dsl-card-section-popup .cardarea {
  padding-bottom: var(--spacing-standard) !important;
}

.dsl-card-section-popup.popup-warning, .dsl-card-section-popup.popup-warning .header {
  background-color: var(--color-error-400) !important;
}

.dsl-card-section-popup.popup-warning .header .title {
  color: var(--gray-700) !important;
}

.dsl-card-section-popup.force-single-column .form-horizontal {
  width: 100% !important;
}

.dsl-card-section-popup.readonly-popup .form-horizontal textarea {
  min-height: 250px !important;
  margin-top: 35px !important;
  padding-top: 0 !important;
}

.dsl-card-section-popup .form-horizontal {
  min-width: 200px !important;
}

.dsl-card-section-popup .body {
  flex: 1;
  min-height: 0;
}

.dsl-card-section-popup .body .form-container {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.dsl-card-section-popup .body .form-container h3 {
  display: none;
}

.dsl-card-section-popup.single-section > .header {
  padding-left: var(--spacing-xlarge) !important;
}

.dsl-card-section-popup.single-section .body div[section] h4 {
  display: none;
}

.dsl-card-section-popup.single-section .body .form-container .cardarea > .container.fieldgroup {
  padding: var(--space-3) var(--space-4) var(--space-4) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
}

.dsl-card-section-popup.single-section .body .form-container .cardarea > .container.fieldgroup > h3:not([tabgroupid]) {
  margin: 0 0 var(--space-2) 0 !important;
  text-align: left !important;
  z-index: auto !important;
  background: none !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.dsl-card-section-popup.single-section .body .form-container .cardarea > .container.fieldgroup > .form-horizontal {
  padding-bottom: 0 !important;
}

.dsl-card-section-popup .body {
  padding-bottom: var(--space-1) !important;
  background: none !important;
}

.dsl-card-section-popup .wizard-bottom-bar .action-btn-cnt, .dsl-card-section-popup .wizard-bottom-bar .action-btn-group-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.dsl-card-section-popup.single-section .cardarea {
  padding-bottom: var(--space-1) !important;
}

.dsl-card-section-popup.single-section .textarea-wrapper > textarea {
  vertical-align: top;
}

#application .dsl-card-section-popup.single-section .cardarea {
  border-right-width: 0 !important;
}

#application .dsl-card-section-popup.single-section .cardarea > .container.fieldgroup > .form-horizontal.form-col-1 {
  padding-right: 0 !important;
}

@media (width <= 768px) {
  .dsl-card-section-popup {
    box-sizing: border-box;
    overflow: hidden;
    max-width: calc(100vw - 32px) !important;
  }

  .dsl-card-section-popup .form-horizontal {
    min-width: unset !important;
    max-width: 100% !important;
  }
}

.dsl-card-section-popup.site-selection-popup {
  max-width: 500px !important;
}

.dsl-card-section-popup.site-selection-popup.has-single-item {
  width: 350px !important;
  max-width: 350px !important;
}

.form-widget-container.careplan_order_rx .form-widget-top-buttons > .form-widget-top-buttons-left, .form-widget-container.careplan_order_rx .form-widget-top-buttons > .form-widget-top-buttons-right {
  flex: 1 1 0;
  min-width: 0;
}

.form-widget-container.careplan_order_rx .form-widget-top-buttons .form-widget-top-buttons-left {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.form-widget-container.careplan_order_rx .form-widget-top-buttons .form-widget-top-buttons-left .form-widget-top-buttons-left-fields {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-widget-container.careplan_order_rx .form-widget-top-buttons .form-widget-top-buttons-left-fields, .form-widget-container.careplan_order_rx .form-widget-top-buttons .form-widget-top-buttons-right-fields {
  row-gap: var(--space-1);
  column-gap: var(--space-4);
  flex-wrap: wrap;
  flex: 0 auto;
  min-width: 0;
}

.form-widget-container.careplan_order_rx .form-widget-top-buttons .form-widget-top-buttons-right-fields {
  justify-content: flex-end;
}

.form-widget-container.careplan_order_rx .form-widget-top-buttons .dsl-state-checkbox {
  white-space: nowrap;
  flex: none;
}

.interactions-check-widget-rx {
  align-items: center;
  display: inline-flex;
}

.tpn-weight-alert-rx {
  margin-left: var(--space-2);
  align-items: center;
  display: inline-flex;
}

.arjs-popover {
  width: 40vw;
  height: calc(100vh - 20px);
  margin: 10px;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 4px 2px 16px #00000080 !important;
}

.arjs-popover .body {
  border-radius: 0 0 12px 12px;
  padding: 0 !important;
}

.arjs-preview-popover {
  width: 40vw;
  height: calc(100vh - 20px);
  margin: 10px;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 4px 2px 16px #00000080 !important;
}

.arjs-preview-popover .body {
  border-radius: 0 0 12px 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: auto;
  padding: 0 !important;
}

.arjs-preview-popover .arjs-preview-loading, .arjs-preview-popover .arjs-preview-empty {
  height: 100%;
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.arjs-preview-popover .arjs-preview-stack {
  gap: var(--space-3);
  padding: var(--space-2);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.arjs-preview-popover .arjs-preview-doc {
  background: var(--white);
  border: 1px solid #00000014;
  border-radius: 8px;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 420px;
  display: flex;
  overflow: hidden;
}

.arjs-preview-popover .arjs-preview-doc__title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
  padding: var(--space-2) 10px;
  background: #ededed;
  border-bottom: 1px solid #0000000f;
  font-weight: 500;
}

.arjs-preview-popover .arjs-preview-doc__viewer {
  flex: 1;
  min-height: 0;
}

.print-quantity-popover {
  width: 640px;
  max-width: 92vw;
  box-shadow: 4px 2px 16px #00000080 !important;
}

.print-quantity-popover .body {
  border-radius: 0 0 12px 12px;
  flex-direction: column;
  display: flex;
  padding: 0 !important;
}

.print-quantity-popover .pq-form {
  gap: var(--space-3);
  padding: var(--space-4);
  flex-direction: column;
  max-height: 60vh;
  display: flex;
  overflow: auto;
}

.print-quantity-popover .pq-single {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.print-quantity-popover .pq-row {
  align-items: center;
  gap: var(--space-2);
  grid-template-columns: 1fr 96px 34px 96px 34px;
  display: grid;
}

.print-quantity-popover .pq-row .pq-label {
  grid-column: 1 / 4;
}

.print-quantity-popover .pq-label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
}

.print-quantity-popover .pq-controls {
  display: contents;
}

.print-quantity-popover .pq-input {
  box-sizing: border-box;
  width: 96px;
  height: 34px;
  font-size: var(--type-value);
  text-align: right;
  background: var(--white);
  appearance: textfield;
  border: 1px solid #00000026;
  border-radius: 8px;
  padding: 0 10px;
}

.print-quantity-popover .pq-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.print-quantity-popover .pq-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.print-quantity-popover .pq-input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 25%, transparent);
  outline: none;
}

.print-quantity-popover .pq-preview-btn {
  cursor: pointer;
  color: #567ba6;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  transition: color .15s;
  display: inline-flex;
}

.print-quantity-popover .pq-preview-btn i {
  font-size: var(--type-control);
  color: #567ba6;
}

.print-quantity-popover .pq-preview-btn:not(:disabled):hover i {
  color: #415d7e;
}

.print-quantity-popover .pq-preview-btn--disabled, .print-quantity-popover .pq-preview-btn:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.print-quantity-popover .pq-rx {
  gap: var(--space-1);
  padding-top: var(--space-3);
  border-top: 1px solid #0000000f;
  flex-direction: column;
  display: flex;
}

.print-quantity-popover .pq-rx__title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
  margin-bottom: var(--space-1);
  font-weight: 500;
}

.print-quantity-popover .pq-rx__head {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  grid-template-columns: 1fr 96px 34px 96px 34px;
  display: grid;
}

.print-quantity-popover .pq-rx__head .pq-rx__col:nth-child(2) {
  grid-column: 2 / 4;
}

.print-quantity-popover .pq-rx__head .pq-rx__col:nth-child(3) {
  grid-column: 4 / 6;
}

.print-quantity-popover .pq-rx__row {
  align-items: center;
  gap: var(--space-2);
  grid-template-columns: 1fr 96px 34px 96px 34px;
  display: grid;
}

.print-quantity-popover .pq-rx__name {
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.print-quantity-popover .pq-footer {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid #0000000f;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.print-quantity-popover .pq-btn--secondary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.print-quantity-popover .pq-btn--secondary i, .print-quantity-popover .pq-btn--secondary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.print-quantity-popover .pq-btn--secondary.disabled, .print-quantity-popover .pq-btn--secondary[disabled], .print-quantity-popover .pq-btn--secondary[aria-disabled="true"], .print-quantity-popover .pq-btn--secondary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.print-quantity-popover .pq-btn--secondary.disabled i, .print-quantity-popover .pq-btn--secondary[disabled] i, .print-quantity-popover .pq-btn--secondary[aria-disabled="true"] i, .print-quantity-popover .pq-btn--secondary:disabled i, .print-quantity-popover .pq-btn--secondary.disabled .icon, .print-quantity-popover .pq-btn--secondary[disabled] .icon, .print-quantity-popover .pq-btn--secondary[aria-disabled="true"] .icon, .print-quantity-popover .pq-btn--secondary:disabled .icon, .print-quantity-popover .pq-btn--secondary.disabled svg, .print-quantity-popover .pq-btn--secondary[disabled] svg, .print-quantity-popover .pq-btn--secondary[aria-disabled="true"] svg, .print-quantity-popover .pq-btn--secondary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.print-quantity-popover .pq-btn--secondary.disabled svg *, .print-quantity-popover .pq-btn--secondary[disabled] svg *, .print-quantity-popover .pq-btn--secondary[aria-disabled="true"] svg *, .print-quantity-popover .pq-btn--secondary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.print-quantity-popover .pq-btn--secondary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.print-quantity-popover .pq-btn--secondary:focus-visible {
  box-shadow: none;
}

.print-quantity-popover .pq-btn--secondary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.print-quantity-popover .pq-btn--secondary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.print-quantity-popover .pq-btn--primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.print-quantity-popover .pq-btn--primary i, .print-quantity-popover .pq-btn--primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.print-quantity-popover .pq-btn--primary.disabled, .print-quantity-popover .pq-btn--primary[disabled], .print-quantity-popover .pq-btn--primary[aria-disabled="true"], .print-quantity-popover .pq-btn--primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.print-quantity-popover .pq-btn--primary.disabled i, .print-quantity-popover .pq-btn--primary[disabled] i, .print-quantity-popover .pq-btn--primary[aria-disabled="true"] i, .print-quantity-popover .pq-btn--primary:disabled i, .print-quantity-popover .pq-btn--primary.disabled .icon, .print-quantity-popover .pq-btn--primary[disabled] .icon, .print-quantity-popover .pq-btn--primary[aria-disabled="true"] .icon, .print-quantity-popover .pq-btn--primary:disabled .icon, .print-quantity-popover .pq-btn--primary.disabled svg, .print-quantity-popover .pq-btn--primary[disabled] svg, .print-quantity-popover .pq-btn--primary[aria-disabled="true"] svg, .print-quantity-popover .pq-btn--primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.print-quantity-popover .pq-btn--primary.disabled svg *, .print-quantity-popover .pq-btn--primary[disabled] svg *, .print-quantity-popover .pq-btn--primary[aria-disabled="true"] svg *, .print-quantity-popover .pq-btn--primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.print-quantity-popover .pq-btn--primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.print-quantity-popover .pq-btn--primary:focus-visible {
  box-shadow: none;
}

.print-quantity-popover .pq-btn--primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.print-quantity-popover .pq-btn--primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.report-manager-cnt {
  overflow: auto;
  width: 100% !important;
  height: 100% !important;
}

.report-manager-cnt .gcv-header-container--fullscreen {
  position: absolute !important;
}

.report-manager-cnt .gcv-header-container--fullscreen:has(.gc-toolbar--with-toggle):not(:has(.gc-toolbar--expanded)) {
  box-shadow: none;
  background-color: #0000;
  border: 0;
}

.report-manager-cnt .gcv-header-container--fullscreen:has(.gc-toolbar--with-toggle):not(:has(.gc-toolbar--expanded)) .gc-toolbar__content {
  visibility: hidden;
}

.report-manager-cnt .gcv-header-container--fullscreen:has(.gc-toolbar--with-toggle):not(:has(.gc-toolbar--expanded)) .gc-toolbar--with-toggle > .gc-btn {
  border-radius: var(--cui-rounded-radius-sm);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
  right: 50%;
  transform: translateX(50%);
}

.report-manager-cnt .gcv-main-view.gcv-main-view--fullscreen .gcv-header-container .gc-toolbar__content.gc-toolbar__content--padding {
  justify-content: center;
}

.report-manager-cnt .gcv-main-view.gcv-main-view--fullscreen .gcv-header-container .print-btn-custom {
  width: 16px !important;
  height: 16px !important;
}

.cr-error-boundary {
  width: 100%;
  height: 100%;
  padding: 40px var(--space-5);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  background: #fffffffa;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.cr-error-boundary .cr-error-icon {
  margin-bottom: var(--space-2);
}

.cr-error-boundary .cr-error-icon i {
  font-size: var(--icon-size-2xl);
  color: var(--color-error-ink);
}

.cr-error-boundary .cr-error-title {
  font-size: var(--type-control);
  color: var(--color-text, #45494f);
  margin-bottom: var(--space-1);
  font-weight: 500;
}

.cr-error-boundary .cr-error-message {
  font-size: var(--type-value);
  color: var(--color-text-600, #535862);
  margin-bottom: var(--space-3);
  max-width: 400px;
}

.cr-error-boundary .cr-error-retry-btn {
  padding: var(--space-2) var(--space-4);
  background-color: var(--color-primary-600);
  color: var(--white);
  font-size: var(--type-value);
  cursor: pointer;
  margin-top: var(--space-2);
  border: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all .15s;
}

.cr-error-boundary .cr-error-retry-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.cr-error-boundary .cr-error-retry-btn:active {
  transform: translateY(1px);
}

.cr-error-boundary .cr-error-retry-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.view-label-button {
  cursor: pointer;
  color: #5b83b0;
  font-size: var(--type-display-3);
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
}

.view-label-button:hover:not(:disabled) {
  opacity: .6;
  background-color: #0000;
}

.view-label-button:active:not(:disabled) {
  background-color: #837bb226;
}

.view-label-button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.view-label-button i {
  pointer-events: none;
  font-size: var(--icon-size-md);
  font-weight: 300;
}

.user-input-dialog-container {
  z-index: 1000;
  backdrop-filter: blur(2px);
  isolation: isolate;
  background: radial-gradient(#0000001a 0%, #0000002e 65%, #00000038 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.user-input-dialog {
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  padding: var(--space-6);
  align-items: center;
  gap: var(--space-4);
  background-color: #fafafad1;
  border: 1px solid #ffffff80;
  border-radius: 14px;
  flex-direction: column;
  min-width: 400px;
  max-width: 460px;
  max-height: 90vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 24px 48px #1419282e, 0 8px 16px #00000014;
}

.user-input-dialog:not(.select-mode) {
  background-color: #f5f5f5;
}

.user-input-dialog:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  z-index: 0;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.user-input-dialog .user-input-dialog-header {
  justify-content: space-between;
  gap: var(--space-3);
  z-index: 1;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.user-input-dialog-title {
  color: var(--gray-700, #565a62);
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
  letter-spacing: -.01em;
  flex: 1;
  line-height: 28px;
}

.user-input-dialog-close {
  cursor: pointer;
  color: #717680;
  background: #0000000a;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .15s;
  display: flex;
}

.user-input-dialog-close:hover {
  color: var(--color-text-800);
  background: #00000014;
}

.user-input-dialog-close svg {
  width: 14px;
  height: 14px;
}

.user-input-dialog-description {
  color: #717680;
  width: 100%;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  z-index: 1;
  line-height: 1.5;
  position: relative;
}

.user-input-dialog-content {
  width: 100%;
  min-height: 128px;
  padding: var(--space-3);
  gap: var(--space-2);
  z-index: 1;
  background: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px 2px #0000000a;
}

.user-input-dialog-label {
  color: #717680;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: 0;
  line-height: 1.4;
}

.user-input-dialog-label .required-mark {
  color: #5b83b0;
}

.user-input-dialog-value {
  color: var(--color-text-800);
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 500;
  font-size: var(--type-control);
  letter-spacing: 0;
  resize: vertical;
  background: none;
  border: none;
  width: 100%;
  min-height: 82px;
  padding: 0;
  line-height: 1.5;
}

.user-input-dialog-value:focus {
  outline: none;
}

.user-input-dialog-value::placeholder {
  color: #a0a4ab;
}

.user-input-dialog-form, .user-input-dialog-record, .user-input-dialog-mode {
  display: none;
}

.user-input-dialog.select-mode .user-input-dialog-content {
  min-height: auto;
  overflow: visible;
}

.user-input-dialog.select-mode .user-input-dialog-content.select-content {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
}

.user-input-dialog.select-mode .user-input-dialog-select {
  z-index: 10;
  position: relative;
  overflow: visible;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select {
  width: 100%;
  min-width: 360px;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__control {
  align-items: center;
  display: flex;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__value-container {
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__placeholder, .user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__single-value {
  align-items: center;
  margin: 0;
  display: flex;
}

.user-input-dialog.select-mode .user-input-dialog-select .field-select .react-select__input-container {
  margin: 0;
  padding: 0;
}

.user-input-dialog.financial-assistance-dialog {
  width: min(560px, 100vw - 32px);
  min-width: min(520px, 100vw - 32px);
  max-width: min(560px, 100vw - 32px);
}

.user-input-dialog-actions {
  width: 100%;
  margin-top: var(--space-2);
  z-index: 1;
  justify-content: center;
  gap: 10px;
  display: flex;
  position: relative;
}

.user-input-dialog-actions.financial-assistance-dialog-actions {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.user-input-dialog-actions.financial-assistance-dialog-actions .user-input-dialog-button {
  white-space: nowrap;
  flex: none;
  width: auto;
  min-width: 132px;
}

.user-input-dialog-actions.financial-assistance-dialog-actions .user-input-dialog-button.confirm {
  margin-left: auto;
}

.user-input-dialog-button {
  cursor: pointer;
  width: 100%;
  height: 44px;
  padding: 10px var(--space-4);
  letter-spacing: 0;
  border: none;
  border-radius: 10px;
  font-family: Soehne, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-weight: 500;
  line-height: 24px;
  transition: box-shadow .15s, transform .15s, opacity .15s, filter .15s;
  font-size: var(--type-control) !important;
}

.user-input-dialog-button.confirm {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.confirm i, .user-input-dialog-button.confirm .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.user-input-dialog-button.confirm.disabled, .user-input-dialog-button.confirm[disabled], .user-input-dialog-button.confirm[aria-disabled="true"], .user-input-dialog-button.confirm:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.user-input-dialog-button.confirm.disabled i, .user-input-dialog-button.confirm[disabled] i, .user-input-dialog-button.confirm[aria-disabled="true"] i, .user-input-dialog-button.confirm:disabled i, .user-input-dialog-button.confirm.disabled .icon, .user-input-dialog-button.confirm[disabled] .icon, .user-input-dialog-button.confirm[aria-disabled="true"] .icon, .user-input-dialog-button.confirm:disabled .icon, .user-input-dialog-button.confirm.disabled svg, .user-input-dialog-button.confirm[disabled] svg, .user-input-dialog-button.confirm[aria-disabled="true"] svg, .user-input-dialog-button.confirm:disabled svg {
  color: #fff;
  font-weight: 300;
}

.user-input-dialog-button.confirm.disabled svg *, .user-input-dialog-button.confirm[disabled] svg *, .user-input-dialog-button.confirm[aria-disabled="true"] svg *, .user-input-dialog-button.confirm:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.user-input-dialog-button.confirm:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.user-input-dialog-button.confirm:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.confirm:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.user-input-dialog-button.confirm:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.user-input-dialog-button.close {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.close i, .user-input-dialog-button.close .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.user-input-dialog-button.close.disabled, .user-input-dialog-button.close[disabled], .user-input-dialog-button.close[aria-disabled="true"], .user-input-dialog-button.close:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.user-input-dialog-button.close.disabled i, .user-input-dialog-button.close[disabled] i, .user-input-dialog-button.close[aria-disabled="true"] i, .user-input-dialog-button.close:disabled i, .user-input-dialog-button.close.disabled .icon, .user-input-dialog-button.close[disabled] .icon, .user-input-dialog-button.close[aria-disabled="true"] .icon, .user-input-dialog-button.close:disabled .icon, .user-input-dialog-button.close.disabled svg, .user-input-dialog-button.close[disabled] svg, .user-input-dialog-button.close[aria-disabled="true"] svg, .user-input-dialog-button.close:disabled svg {
  color: #fff;
  font-weight: 300;
}

.user-input-dialog-button.close.disabled svg *, .user-input-dialog-button.close[disabled] svg *, .user-input-dialog-button.close[aria-disabled="true"] svg *, .user-input-dialog-button.close:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.user-input-dialog-button.close:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.user-input-dialog-button.close:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.close:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.user-input-dialog-button.close:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.user-input-dialog-button.cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.cancel i, .user-input-dialog-button.cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.user-input-dialog-button.cancel.disabled, .user-input-dialog-button.cancel[disabled], .user-input-dialog-button.cancel[aria-disabled="true"], .user-input-dialog-button.cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.user-input-dialog-button.cancel.disabled i, .user-input-dialog-button.cancel[disabled] i, .user-input-dialog-button.cancel[aria-disabled="true"] i, .user-input-dialog-button.cancel:disabled i, .user-input-dialog-button.cancel.disabled .icon, .user-input-dialog-button.cancel[disabled] .icon, .user-input-dialog-button.cancel[aria-disabled="true"] .icon, .user-input-dialog-button.cancel:disabled .icon, .user-input-dialog-button.cancel.disabled svg, .user-input-dialog-button.cancel[disabled] svg, .user-input-dialog-button.cancel[aria-disabled="true"] svg, .user-input-dialog-button.cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.user-input-dialog-button.cancel.disabled svg *, .user-input-dialog-button.cancel[disabled] svg *, .user-input-dialog-button.cancel[aria-disabled="true"] svg *, .user-input-dialog-button.cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.user-input-dialog-button.cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.user-input-dialog-button.cancel:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.user-input-dialog-button.cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.user-input-dialog-button.cancel.cancel-danger {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.cancel.cancel-danger i, .user-input-dialog-button.cancel.cancel-danger .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.user-input-dialog-button.cancel.cancel-danger.disabled, .user-input-dialog-button.cancel.cancel-danger[disabled], .user-input-dialog-button.cancel.cancel-danger[aria-disabled="true"], .user-input-dialog-button.cancel.cancel-danger:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.user-input-dialog-button.cancel.cancel-danger.disabled i, .user-input-dialog-button.cancel.cancel-danger[disabled] i, .user-input-dialog-button.cancel.cancel-danger[aria-disabled="true"] i, .user-input-dialog-button.cancel.cancel-danger:disabled i, .user-input-dialog-button.cancel.cancel-danger.disabled .icon, .user-input-dialog-button.cancel.cancel-danger[disabled] .icon, .user-input-dialog-button.cancel.cancel-danger[aria-disabled="true"] .icon, .user-input-dialog-button.cancel.cancel-danger:disabled .icon, .user-input-dialog-button.cancel.cancel-danger.disabled svg, .user-input-dialog-button.cancel.cancel-danger[disabled] svg, .user-input-dialog-button.cancel.cancel-danger[aria-disabled="true"] svg, .user-input-dialog-button.cancel.cancel-danger:disabled svg {
  color: #fff;
  font-weight: 300;
}

.user-input-dialog-button.cancel.cancel-danger.disabled svg *, .user-input-dialog-button.cancel.cancel-danger[disabled] svg *, .user-input-dialog-button.cancel.cancel-danger[aria-disabled="true"] svg *, .user-input-dialog-button.cancel.cancel-danger:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.user-input-dialog-button.cancel.cancel-danger:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.user-input-dialog-button.cancel.cancel-danger:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.cancel.cancel-danger:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.user-input-dialog-button.cancel.cancel-danger:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.user-input-dialog-button.secondary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  border-radius: 10px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.secondary i, .user-input-dialog-button.secondary .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.user-input-dialog-button.secondary.disabled, .user-input-dialog-button.secondary[disabled], .user-input-dialog-button.secondary[aria-disabled="true"], .user-input-dialog-button.secondary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.user-input-dialog-button.secondary.disabled i, .user-input-dialog-button.secondary[disabled] i, .user-input-dialog-button.secondary[aria-disabled="true"] i, .user-input-dialog-button.secondary:disabled i, .user-input-dialog-button.secondary.disabled .icon, .user-input-dialog-button.secondary[disabled] .icon, .user-input-dialog-button.secondary[aria-disabled="true"] .icon, .user-input-dialog-button.secondary:disabled .icon, .user-input-dialog-button.secondary.disabled svg, .user-input-dialog-button.secondary[disabled] svg, .user-input-dialog-button.secondary[aria-disabled="true"] svg, .user-input-dialog-button.secondary:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.user-input-dialog-button.secondary.disabled svg *, .user-input-dialog-button.secondary[disabled] svg *, .user-input-dialog-button.secondary[aria-disabled="true"] svg *, .user-input-dialog-button.secondary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.user-input-dialog-button.secondary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.user-input-dialog-button.secondary:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.secondary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.user-input-dialog-button.secondary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.user-input-dialog-button.secondary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.user-input-dialog-button.change {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.user-input-dialog-button.change i, .user-input-dialog-button.change .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.user-input-dialog-button.change.disabled, .user-input-dialog-button.change[disabled], .user-input-dialog-button.change[aria-disabled="true"], .user-input-dialog-button.change:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.user-input-dialog-button.change.disabled i, .user-input-dialog-button.change[disabled] i, .user-input-dialog-button.change[aria-disabled="true"] i, .user-input-dialog-button.change:disabled i, .user-input-dialog-button.change.disabled .icon, .user-input-dialog-button.change[disabled] .icon, .user-input-dialog-button.change[aria-disabled="true"] .icon, .user-input-dialog-button.change:disabled .icon, .user-input-dialog-button.change.disabled svg, .user-input-dialog-button.change[disabled] svg, .user-input-dialog-button.change[aria-disabled="true"] svg, .user-input-dialog-button.change:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.user-input-dialog-button.change.disabled svg *, .user-input-dialog-button.change[disabled] svg *, .user-input-dialog-button.change[aria-disabled="true"] svg *, .user-input-dialog-button.change:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.user-input-dialog-button.change:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.user-input-dialog-button.change:focus-visible {
  box-shadow: none;
}

.user-input-dialog-button.change:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.user-input-dialog-button.change:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.user-input-dialog-button.close:hover, .user-input-dialog-button.close:focus {
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
}

.user-input-dialog-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.Toastify__toast-container {
  z-index: 99999 !important;
}

.fill-reminders-modal {
  width: 50%;
  margin: 0 auto;
}

.fill-reminders-modal__content {
  background: #fbfbfb;
  max-height: 70vh;
  overflow-y: auto;
}

.fill-reminders-modal .header .title {
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

.prescription-card {
  border: 1px solid var(--disabled-background-200);
  padding: var(--space-2);
  background: var(--white);
  border-radius: 8px;
}

.prescription-card__title {
  font-size: var(--type-value);
  color: #5b7c99;
  margin: 0;
  font-weight: 500;
}

.prescription-card__reminders .reminders-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.reminder-item {
  margin-top: var(--space-2);
  font-size: var(--type-value);
  color: var(--gray-700);
  padding: 2px;
}

.reminder-item__name {
  font-weight: 500;
}

.items-to-add-section {
  margin-top: var(--space-1);
}

.items-to-add-section .inventory-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.inventory-item {
  font-size: var(--type-label);
  color: var(--gray-700);
  align-items: center;
  line-height: 1.4;
  display: flex;
}

.inventory-item__label {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  width: 100%;
  margin: 0;
  display: flex;
}

.inventory-item__checkbox {
  flex-shrink: 0;
}

.inventory-item__text {
  color: var(--gray-700);
  font-weight: 400;
}

.supply-request-modal {
  flex-direction: column;
  width: 50%;
  max-height: 50vh;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

.supply-request-modal > .body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.supply-request-modal__hint {
  align-items: baseline;
  gap: var(--space-1);
  font-size: var(--type-label);
  color: #777;
  display: flex;
}

.supply-request-modal__hint i {
  color: #5b83b0;
}

.supply-request-modal__hint strong {
  color: var(--gray-700);
  font-weight: 500;
}

.supply-request-modal__content {
  background: #fbfbfb;
  flex: auto;
  min-height: 0;
  overflow-y: auto;
}

.supply-request-modal .header .title {
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

.decision-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  padding: var(--space-1) 14px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  line-height: 1.5;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.decision-btn i, .decision-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.decision-btn.disabled, .decision-btn[disabled], .decision-btn[aria-disabled="true"], .decision-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.decision-btn.disabled i, .decision-btn[disabled] i, .decision-btn[aria-disabled="true"] i, .decision-btn:disabled i, .decision-btn.disabled .icon, .decision-btn[disabled] .icon, .decision-btn[aria-disabled="true"] .icon, .decision-btn:disabled .icon, .decision-btn.disabled svg, .decision-btn[disabled] svg, .decision-btn[aria-disabled="true"] svg, .decision-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.decision-btn.disabled svg *, .decision-btn[disabled] svg *, .decision-btn[aria-disabled="true"] svg *, .decision-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.decision-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.decision-btn:focus-visible {
  box-shadow: none;
}

.decision-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.decision-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.decision-btn--accept {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  padding: var(--space-1) 14px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  line-height: 1.5;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.decision-btn--accept i, .decision-btn--accept .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.decision-btn--accept.disabled, .decision-btn--accept[disabled], .decision-btn--accept[aria-disabled="true"], .decision-btn--accept:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.decision-btn--accept.disabled i, .decision-btn--accept[disabled] i, .decision-btn--accept[aria-disabled="true"] i, .decision-btn--accept:disabled i, .decision-btn--accept.disabled .icon, .decision-btn--accept[disabled] .icon, .decision-btn--accept[aria-disabled="true"] .icon, .decision-btn--accept:disabled .icon, .decision-btn--accept.disabled svg, .decision-btn--accept[disabled] svg, .decision-btn--accept[aria-disabled="true"] svg, .decision-btn--accept:disabled svg {
  color: #fff;
  font-weight: 300;
}

.decision-btn--accept.disabled svg *, .decision-btn--accept[disabled] svg *, .decision-btn--accept[aria-disabled="true"] svg *, .decision-btn--accept:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.decision-btn--accept:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.decision-btn--accept:focus-visible {
  box-shadow: none;
}

.decision-btn--accept:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.decision-btn--accept:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.decision-btn--accept i {
  font-size: var(--type-label);
}

.decision-btn--accept.is-active {
  box-shadow: inset 0 0 0 2px #ffffffbf;
}

.decision-btn--accept.is-dimmed {
  opacity: .45;
}

.decision-btn--reject.is-active {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  padding: var(--space-1) 14px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  line-height: 1.5;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.decision-btn--reject.is-active i, .decision-btn--reject.is-active .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.decision-btn--reject.is-active.disabled, .decision-btn--reject.is-active[disabled], .decision-btn--reject.is-active[aria-disabled="true"], .decision-btn--reject.is-active:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.decision-btn--reject.is-active.disabled i, .decision-btn--reject.is-active[disabled] i, .decision-btn--reject.is-active[aria-disabled="true"] i, .decision-btn--reject.is-active:disabled i, .decision-btn--reject.is-active.disabled .icon, .decision-btn--reject.is-active[disabled] .icon, .decision-btn--reject.is-active[aria-disabled="true"] .icon, .decision-btn--reject.is-active:disabled .icon, .decision-btn--reject.is-active.disabled svg, .decision-btn--reject.is-active[disabled] svg, .decision-btn--reject.is-active[aria-disabled="true"] svg, .decision-btn--reject.is-active:disabled svg {
  color: #fff;
  font-weight: 300;
}

.decision-btn--reject.is-active.disabled svg *, .decision-btn--reject.is-active[disabled] svg *, .decision-btn--reject.is-active[aria-disabled="true"] svg *, .decision-btn--reject.is-active:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.decision-btn--reject.is-active:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.decision-btn--reject.is-active:focus-visible {
  box-shadow: none;
}

.decision-btn--reject.is-active:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.decision-btn--reject.is-active:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.supply-request-card {
  border: 1px solid var(--disabled-background-200);
  padding: var(--space-2);
  background: var(--white);
  border-radius: 8px;
}

.supply-request-card + .supply-request-card {
  margin-top: var(--space-2);
}

.supply-request-card__header {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.supply-request-card__header.is-expanded {
  padding-bottom: var(--space-2);
  border-bottom: 1px solid #ececec;
}

.supply-request-card__chevron {
  padding: 2px var(--space-1);
  color: var(--color-background-950);
  font-size: var(--type-label);
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
}

.supply-request-card__chevron:hover {
  color: var(--gray-700);
}

.supply-request-card__title {
  min-width: 0;
  font-size: var(--type-value);
  color: #5b7c99;
  flex: 1;
  margin: 0;
  font-weight: 500;
}

.supply-request-card__count {
  margin-left: var(--space-2);
  font-size: var(--type-label);
  color: var(--color-background-950);
  font-weight: 400;
}

.supply-request-card__actions {
  gap: var(--space-2);
  flex-shrink: 0;
  display: flex;
}

.supply-request-card__comments {
  margin: var(--space-2) 0 0;
  padding: var(--space-1) var(--space-2);
  font-size: var(--type-label);
  color: var(--gray-700);
  white-space: pre-wrap;
  background: #f7f7f7;
  border-radius: 4px;
}

.supply-request-items {
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
}

.supply-request-item {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) 2px;
  font-size: var(--type-label);
  color: var(--gray-700);
  display: flex;
}

.supply-request-item + .supply-request-item {
  border-top: 1px solid #f0f0f0;
}

.supply-request-item__info {
  min-width: 0;
}

.supply-request-item__name {
  font-size: var(--type-value);
  color: var(--gray-700);
  font-weight: 500;
}

.supply-request-item__meta {
  gap: var(--space-2);
  color: var(--color-background-950);
  display: flex;
}

.supply-request-item__meta span + span:before {
  content: "•";
  margin-right: var(--space-2);
}

.supply-request-item.is-resolved .supply-request-item__info {
  opacity: .55;
}

.supply-request-item__status {
  flex-shrink: 0;
}

.supply-request-item__status--completed {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.supply-request-item__status--rejected {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.ReactModalPortal {
  min-width: 360px;
}

.ReactModalPortal .header {
  padding: var(--space-5) var(--space-6) var(--space-1) var(--space-6);
  border-bottom: none;
  justify-content: center;
}

.ReactModalPortal .header .title {
  text-align: center;
  width: 100%;
  font-size: var(--type-control);
  text-transform: none;
  color: var(--gray-700, #565a62);
  font-weight: 500;
}

.ReactModalPortal .generic-card-container {
  min-width: 360px;
}

.ReactModalPortal .generic-card-container .header {
  padding: var(--space-5) var(--space-6) var(--space-1) var(--space-6);
  border-bottom: none;
  justify-content: center;
}

.ReactModalPortal .generic-card-container .header .title {
  text-align: center;
  width: 100%;
  font-size: var(--type-control);
  text-transform: none;
  color: var(--gray-700, #565a62);
  font-weight: 500;
}

.ReactModalPortal .logout-confirmation {
  padding: 0 var(--space-4);
  flex-direction: column;
  min-width: 320px;
  display: flex;
}

.ReactModalPortal .logout-confirmation .info-detail-card {
  text-align: center;
  font-size: var(--type-value);
  color: #717680;
  margin-bottom: var(--space-5);
  font-weight: 400;
  line-height: 21px;
}

.ReactModalPortal .logout-confirmation .footer {
  gap: var(--space-3);
  padding-bottom: var(--space-2);
  display: flex;
}

.ReactModalPortal .logout-confirmation .footer .btn-primary {
  height: 40px;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--white);
  flex: 1 1 0;
  font-weight: 500;
  line-height: 20px;
}

.ReactModalPortal .logout-confirmation .footer .cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .logout-confirmation .footer .cancel i, .ReactModalPortal .logout-confirmation .footer .cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .logout-confirmation .footer .cancel.disabled, .ReactModalPortal .logout-confirmation .footer .cancel[disabled], .ReactModalPortal .logout-confirmation .footer .cancel[aria-disabled="true"], .ReactModalPortal .logout-confirmation .footer .cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .logout-confirmation .footer .cancel.disabled i, .ReactModalPortal .logout-confirmation .footer .cancel[disabled] i, .ReactModalPortal .logout-confirmation .footer .cancel[aria-disabled="true"] i, .ReactModalPortal .logout-confirmation .footer .cancel:disabled i, .ReactModalPortal .logout-confirmation .footer .cancel.disabled .icon, .ReactModalPortal .logout-confirmation .footer .cancel[disabled] .icon, .ReactModalPortal .logout-confirmation .footer .cancel[aria-disabled="true"] .icon, .ReactModalPortal .logout-confirmation .footer .cancel:disabled .icon, .ReactModalPortal .logout-confirmation .footer .cancel.disabled svg, .ReactModalPortal .logout-confirmation .footer .cancel[disabled] svg, .ReactModalPortal .logout-confirmation .footer .cancel[aria-disabled="true"] svg, .ReactModalPortal .logout-confirmation .footer .cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .logout-confirmation .footer .cancel.disabled svg *, .ReactModalPortal .logout-confirmation .footer .cancel[disabled] svg *, .ReactModalPortal .logout-confirmation .footer .cancel[aria-disabled="true"] svg *, .ReactModalPortal .logout-confirmation .footer .cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .logout-confirmation .footer .cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .logout-confirmation .footer .cancel:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .logout-confirmation .footer .cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .logout-confirmation .footer .cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .logout-confirmation .footer .logout {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .logout-confirmation .footer .logout i, .ReactModalPortal .logout-confirmation .footer .logout .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .logout-confirmation .footer .logout.disabled, .ReactModalPortal .logout-confirmation .footer .logout[disabled], .ReactModalPortal .logout-confirmation .footer .logout[aria-disabled="true"], .ReactModalPortal .logout-confirmation .footer .logout:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .logout-confirmation .footer .logout.disabled i, .ReactModalPortal .logout-confirmation .footer .logout[disabled] i, .ReactModalPortal .logout-confirmation .footer .logout[aria-disabled="true"] i, .ReactModalPortal .logout-confirmation .footer .logout:disabled i, .ReactModalPortal .logout-confirmation .footer .logout.disabled .icon, .ReactModalPortal .logout-confirmation .footer .logout[disabled] .icon, .ReactModalPortal .logout-confirmation .footer .logout[aria-disabled="true"] .icon, .ReactModalPortal .logout-confirmation .footer .logout:disabled .icon, .ReactModalPortal .logout-confirmation .footer .logout.disabled svg, .ReactModalPortal .logout-confirmation .footer .logout[disabled] svg, .ReactModalPortal .logout-confirmation .footer .logout[aria-disabled="true"] svg, .ReactModalPortal .logout-confirmation .footer .logout:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .logout-confirmation .footer .logout.disabled svg *, .ReactModalPortal .logout-confirmation .footer .logout[disabled] svg *, .ReactModalPortal .logout-confirmation .footer .logout[aria-disabled="true"] svg *, .ReactModalPortal .logout-confirmation .footer .logout:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .logout-confirmation .footer .logout:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .logout-confirmation .footer .logout:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .logout-confirmation .footer .logout:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .logout-confirmation .footer .logout:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.order-select-footer {
  padding: 0 var(--space-2) var(--space-3) var(--space-2);
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.ReactModalPortal .generic-card-container.order-selection-card {
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  padding: var(--space-2) !important;
  background-color: #e9e9ec !important;
}

.ReactModalPortal .generic-card-container.order-selection-card:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ReactModalPortal .generic-card-container.order-selection-card .body {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card .dsl-list-tab-container {
  backdrop-filter: none !important;
  background: none !important;
  border: none !important;
}

.ReactModalPortal .generic-card-container.order-selection-card .dsl-list-tab-container .dsl-list-top {
  padding-top: var(--space-2) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card .dsl-list-tab-container .dsl-list-bottom {
  border: 1px solid #e0e0dc !important;
  border-radius: 8px !important;
  padding: 0 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .header {
  padding-top: var(--space-3) !important;
  padding-bottom: var(--space-3) !important;
  align-items: flex-start !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .body {
  padding-right: var(--space-3) !important;
  padding-left: var(--space-3) !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .action-btn-group-container {
  gap: var(--space-3) !important;
  box-shadow: none !important;
  background: none !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .action-btn-group-container .action-btn-group-cnt:empty {
  display: none !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .action-btn-group-container .action-btn-group-cnt {
  flex: 1 1 0 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .action-btn-group-container .action-btn-group-cnt .dsl-action-btn {
  width: 100% !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save.disabled, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[disabled], .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[aria-disabled="true"], .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save.disabled i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[disabled] i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[aria-disabled="true"] i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:disabled i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save.disabled .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[disabled] .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[aria-disabled="true"] .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:disabled .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save.disabled svg, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[disabled] svg, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[aria-disabled="true"] svg, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save.disabled svg *, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[disabled] svg *, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save[aria-disabled="true"] svg *, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-save .inner-cont {
  margin-top: 0 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled], .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[aria-disabled="true"], .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled] i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[aria-disabled="true"] i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled i, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled] .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[aria-disabled="true"] .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled .icon, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled svg, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled] svg, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[aria-disabled="true"] svg, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel.disabled svg *, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[disabled] svg *, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel[aria-disabled="true"] svg *, .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .btn-cancel .inner-cont {
  margin-top: 0 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-btn-default .inner-cont {
  gap: var(--space-1);
  flex-direction: row !important;
}

@media (width <= 768px) {
  .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup {
    box-sizing: border-box;
    overflow: hidden;
    max-width: calc(100vw - 32px) !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .body {
    box-sizing: border-box;
    overflow: hidden;
    min-width: unset !important;
    width: 100% !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .action-btn-group-container {
    gap: var(--space-1) !important;
    min-height: unset !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar {
    gap: var(--space-1);
    height: auto !important;
    min-height: unset !important;
    flex-flow: column !important;
    overflow: visible !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .dsl-action-btn {
    width: 100% !important;
    min-width: 100px !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 10px var(--space-4) !important;
    flex: auto !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    display: flex !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card.site-selection-popup .wizard-bottom-bar .wizard-bottom-btn-default .inner-cont {
    gap: var(--space-1);
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0 !important;
  }
}

.ReactModalPortal .generic-card-container.order-selection-card .header {
  background-color: #0000;
  border-bottom: none;
  gap: 10px;
}

.ReactModalPortal .generic-card-container.order-selection-card .header .arrow-container img {
  opacity: 1;
  cursor: pointer;
  width: 14px;
  height: 14px;
  transition: filter .15s;
  position: absolute;
  top: 24px;
  right: 24px;
}

.ReactModalPortal .generic-card-container.order-selection-card .header .arrow-container img:hover {
  filter: brightness(.7) !important;
}

.ReactModalPortal .generic-card-container.order-selection-card .body {
  background-color: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  min-width: 420px;
  box-shadow: inset 0 1px 2px #0000000a;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .field-select {
  min-width: 420px;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary i, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary.disabled, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[disabled], .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[aria-disabled="true"], .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary.disabled i, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[disabled] i, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[aria-disabled="true"] i, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:disabled i, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary.disabled .icon, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[disabled] .icon, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[aria-disabled="true"] .icon, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:disabled .icon, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary.disabled svg, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[disabled] svg, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[aria-disabled="true"] svg, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary.disabled svg *, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[disabled] svg *, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary[aria-disabled="true"] svg *, .ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .patient-order-selector .order-select-footer .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container.order-selection-card .body .info-detail-card:not(disabled) {
  color: var(--color-text-700);
  font-size: var(--type-value);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .wizard-bottom-bar {
  background: none;
}

.ReactModalPortal .generic-card-container.order-selection-card .body .wizard-bottom-bar .dsl-action-btn {
  height: auto;
  padding: var(--space-3) var(--space-2);
  border-radius: 8px;
}

@media (width <= 768px) {
  .ReactModalPortal .generic-card-container.order-selection-card .body {
    overflow: hidden;
    min-width: unset !important;
    width: 100% !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card .patient-order-selector {
    min-width: unset !important;
    max-width: 100% !important;
  }

  .ReactModalPortal .generic-card-container.order-selection-card .patient-order-selector .field-select {
    min-width: unset !important;
  }
}

.ReactModalPortal .generic-card-container.void-reason-popup .header .title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control) !important;
  text-transform: none !important;
  color: var(--gray-700, #565a62) !important;
  font-weight: 500 !important;
}

.ReactModalPortal .generic-card-container.void-reason-popup .patient-order-selector .rs__control {
  height: 44px !important;
  min-height: 44px !important;
}

.ReactModalPortal .generic-card-container.void-reason-popup .patient-order-selector .rs__value-container {
  padding-top: 0 !important;
}

.ReactModalPortal .generic-card-container.void-reason-popup .order-select-footer {
  padding-left: var(--space-1);
  padding-right: var(--space-1);
  justify-content: stretch;
}

.ReactModalPortal .generic-card-container.void-reason-popup .order-select-footer .btn-primary {
  width: 100% !important;
  padding: var(--space-3) var(--space-4) !important;
  flex: auto !important;
}

.ReactModalPortal .patient-order-selector {
  gap: var(--space-4);
  flex-direction: column;
  min-width: 420px;
  max-width: 420px;
  display: flex;
}

.ReactModalPortal .patient-order-selector .select-field-container {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: visible;
}

.ReactModalPortal .patient-order-selector .select-field-container .select-field-label {
  font-size: var(--type-value);
  padding-left: var(--space-1);
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.ReactModalPortal .patient-order-selector .select-field-container .field-select {
  padding: 0 var(--space-1);
}

.ReactModalPortal .patient-order-selector .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .patient-order-selector .btn-primary i, .ReactModalPortal .patient-order-selector .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .patient-order-selector .btn-primary.disabled, .ReactModalPortal .patient-order-selector .btn-primary[disabled], .ReactModalPortal .patient-order-selector .btn-primary[aria-disabled="true"], .ReactModalPortal .patient-order-selector .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .patient-order-selector .btn-primary.disabled i, .ReactModalPortal .patient-order-selector .btn-primary[disabled] i, .ReactModalPortal .patient-order-selector .btn-primary[aria-disabled="true"] i, .ReactModalPortal .patient-order-selector .btn-primary:disabled i, .ReactModalPortal .patient-order-selector .btn-primary.disabled .icon, .ReactModalPortal .patient-order-selector .btn-primary[disabled] .icon, .ReactModalPortal .patient-order-selector .btn-primary[aria-disabled="true"] .icon, .ReactModalPortal .patient-order-selector .btn-primary:disabled .icon, .ReactModalPortal .patient-order-selector .btn-primary.disabled svg, .ReactModalPortal .patient-order-selector .btn-primary[disabled] svg, .ReactModalPortal .patient-order-selector .btn-primary[aria-disabled="true"] svg, .ReactModalPortal .patient-order-selector .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .patient-order-selector .btn-primary.disabled svg *, .ReactModalPortal .patient-order-selector .btn-primary[disabled] svg *, .ReactModalPortal .patient-order-selector .btn-primary[aria-disabled="true"] svg *, .ReactModalPortal .patient-order-selector .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .patient-order-selector .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .patient-order-selector .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .patient-order-selector .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .patient-order-selector .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .patient-order-selector .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ReactModalPortal .patient-order-selector .order-select-footer {
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.main-container-swim-lane {
  background-color: #fff;
  width: 500px;
  padding: 10px;
}

.main-container-swim-lane .header {
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-2);
  border-bottom: 1px solid var(--color-border-500);
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: -40px;
  flex-direction: row;
  justify-content: space-between;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.main-container-swim-lane .header i {
  font-size: var(--icon-size-lg);
  cursor: pointer;
}

.main-container-swim-lane .footer {
  width: 100%;
  padding: 10px var(--space-2) var(--space-1) var(--space-2);
  background-color: #fff;
  justify-content: end;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.main-container-swim-lane .footer button {
  margin-left: var(--space-1);
}

.ReactModal__Content.tpn-modal-wrapper {
  background-color: none !important;
  padding: var(--space-5) !important;
  border: none !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
}

.ag-center-aligned-header {
  text-align: center !important;
  justify-content: center !important;
  max-width: 100% !important;
}

.ag-center-aligned-header .ag-header-cell-label {
  text-align: center !important;
  justify-content: center !important;
}

.ag-header-right-padding .ag-header-cell-label {
  text-align: right !important;
  justify-content: flex-end !important;
}

.tpn-review-modal {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  width: min(96vw, 1800px);
  max-width: 96vw;
  max-height: 95vh;
  margin: 0 auto;
  display: flex;
  overflow: hidden;
}

.tpn-review-modal .header {
  padding-top: var(--space-3) !important;
  padding-bottom: var(--space-1) !important;
  background-color: #ededed !important;
  border: none !important;
}

.tpn-review-modal .modal-content {
  border-color: var(--white) #ffffff7a #0000;
  border: 1px solid #ffffff7a;
  border-radius: 12px;
  flex-direction: column;
  flex: auto;
  width: 100%;
  max-width: 96vw;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001a, 0 3px 5px -4px #0000000a;
  background: #ededed !important;
}

.tpn-review-modal .modal-content > .body {
  flex: auto;
  overflow: visible auto;
}

.tpn-review-modal .tpn-status-header h3 {
  font-size: var(--type-control);
  font-weight: 500;
}

.tpn-review-modal .header {
  color: #5b83b0;
  padding: var(--space-4) var(--space-5);
  background-color: #ededed;
  border-bottom: 1px solid #0000001a;
  border-radius: 12px 12px 0 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tpn-review-modal .header .title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  color: var(--gray-700, #565a62);
  font-weight: 500;
}

.tpn-review-modal .header .close-btn {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.tpn-review-modal .header .close-btn i, .tpn-review-modal .header .close-btn .icon, .tpn-review-modal .header .close-btn:before {
  font-size: var(--icon-size-sm);
  color: #717680;
  transition: color .15s;
}

.tpn-review-modal .header .close-btn:hover {
  background-color: #0000;
}

.tpn-review-modal .header .close-btn:hover i, .tpn-review-modal .header .close-btn:hover .icon, .tpn-review-modal .header .close-btn:hover:before {
  color: #a6aab1;
}

.tpn-review-modal .header .close-btn:active i, .tpn-review-modal .header .close-btn:active .icon, .tpn-review-modal .header .close-btn:active:before {
  color: #595d65;
}

.tpn-review-modal .tpn-info-bar {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  background: none;
  border: none;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.tpn-review-modal .tpn-info-bar .left {
  gap: var(--space-6);
  flex-wrap: wrap;
  display: flex;
}

.tpn-review-modal .tpn-info-bar .left .kv {
  font-size: var(--type-control);
}

.tpn-review-modal .tpn-info-bar .left .kv .label {
  color: var(--label-color);
  margin-right: var(--space-1);
  font-weight: 500;
}

.tpn-review-modal .tpn-info-bar .left .kv .value {
  color: var(--gray-700);
  font-weight: 500;
}

.tpn-review-modal .tpn-info-bar .stop-badge {
  padding: 6px var(--space-3);
  align-items: center;
  gap: var(--space-1);
  color: var(--white);
  background: var(--color-error);
  cursor: pointer;
  font-size: var(--type-value);
  border: none;
  border-radius: 16px;
  font-weight: 500;
  display: flex;
}

.tpn-review-modal .tpn-info-bar .stop-badge:hover {
  background: #c56b6b;
}

.tpn-review-modal .tpn-tabs {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.tpn-review-modal .tpn-tabs .tab-headers {
  margin-bottom: var(--space-4);
  gap: var(--space-1);
  border-bottom: 1px solid #e8e8e8;
  flex-shrink: 0;
  display: flex;
}

.tpn-review-modal .tpn-tabs .tab-headers .tab-header {
  padding: 6px var(--space-3);
  color: var(--gray-700);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px 6px 0 0;
  font-weight: 500;
}

.tpn-review-modal .tpn-tabs .tab-headers .tab-header:hover {
  background: #f5f5f5;
}

.tpn-review-modal .tpn-tabs .tab-headers .tab-header.active {
  color: var(--white);
  background: #1890ff;
}

.tpn-review-modal .tpn-tabs .tab-content {
  flex: auto;
  min-height: 0;
  overflow-y: auto;
}

.tpn-review-modal .tpn-tabs .tab-content .tab-pane {
  padding: var(--space-1) 0;
  height: 100%;
}

.ant-modal-content {
  flex-direction: column;
  max-height: 90vh;
  display: flex;
}

.ant-modal-body {
  flex: 1;
  overflow-y: auto;
}

.tpn-grid {
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  margin-top: var(--space-2);
  display: flex;
}

.tpn-grid .tpn-col {
  gap: var(--space-3);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.tpn-grid .tpn-col-left {
  flex: 3 1 0;
}

.tpn-grid .tpn-col-right {
  flex: 2 1 0;
}

.tpn-grid .tpn-left-bottom {
  align-items: flex-start;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}

.tpn-grid .tpn-cell-summary {
  flex: 0 0 420px;
  max-width: 100%;
}

.tpn-grid .tpn-cell-alerts {
  flex: 320px;
  min-width: 0;
}

.tpn-grid.has-sign-button {
  padding-bottom: 72px;
}

.tpn-grid .dsl-advanced-grid:not(.ag-grid-ready):not(:has(.empty-block)) {
  background-color: #0000000f;
  border-radius: 8px;
  min-height: 120px;
  animation: 1.5s ease-in-out infinite skeleton-pulse;
}

@media (width <= 1200px) {
  .tpn-grid {
    flex-direction: column;
    align-items: stretch;
  }
}

.tpn-grid .tpn-cell {
  background: none;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  display: flex;
  overflow: visible;
  border: none !important;
  border-radius: 0 !important;
}

.tpn-grid .tpn-cell h4 {
  display: none;
}

.tpn-grid .tpn-cell .dsl-advanced-grid {
  width: 100%;
  height: auto;
  overflow: visible;
  visibility: visible !important;
  opacity: 1 !important;
  border: none !important;
  border-radius: 0 !important;
  display: block !important;
}

.tpn-grid .tpn-cell .dsl-advanced-grid .ag-root-wrapper {
  min-height: inherit;
  visibility: visible !important;
  border: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  display: block !important;
}

.tpn-grid .tpn-cell .dsl-advanced-grid .ag-cell-value {
  max-width: 100% !important;
}

.tpn-grid .tpn-cell .dsl-advanced-grid .ag-body-viewport {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.tpn-grid .tpn-cell .dsl-advanced-grid .ag-body-horizontal-scroll-viewport {
  overflow-x: visible !important;
}

.tpn-grid .tpn-cell .dsl-advanced-grid .ag-body-viewport-wrapper {
  height: auto !important;
  max-height: none !important;
}

.tpn-grid .tpn-cell .dsl-advanced-grid .ag-body-horizontal-scroll {
  display: none !important;
}

.tpn-grid .tpn-cell .chart-host {
  width: 100%;
  height: 558px;
  display: block;
  position: relative;
}

.tpn-grid .tpn-cell .chart-host > div {
  width: 100% !important;
  height: 558px !important;
}

.tpn-grid .tpn-cell .chart-host .ag-charts-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.tpn-grid .tpn-cell .empty-block {
  padding: var(--space-5);
  border: 1px dashed var(--color-border-600);
  text-align: center;
  color: var(--color-background-950);
  background-color: #f5f5f5;
  border-radius: 4px;
}

.tpn-grid .tpn-cell .empty-block.info {
  color: #76ad9b;
  background: #f6ffed;
  border-color: #e1faf2;
}

.tpn-modal-title {
  font-size: var(--type-display-4);
  align-items: center;
  font-weight: 500;
  display: flex;
}

.tpn-messages {
  margin-bottom: var(--space-4);
}

.tpn-info-section {
  padding: var(--space-4);
  margin-bottom: var(--space-4);
  background: none;
  border-radius: 4px;
}

.tpn-info-section h4 {
  margin-bottom: var(--space-3);
  color: var(--color-text-900);
  font-weight: 500;
}

.tpn-info-section p {
  margin: var(--space-2) 0;
  color: var(--gray-700);
}

.tpn-info-section p strong {
  color: var(--color-text-900);
  margin-right: var(--space-2);
}

.tpn-signature-section {
  margin-top: var(--space-6);
  padding: var(--space-5);
  background: #f0f5ff;
  border: 1px solid #d6e4ff;
  border-radius: 4px;
}

.tpn-signature-section h4 {
  margin-bottom: var(--space-4);
  color: #1890ff;
}

.tpn-signature-section .signature-input {
  width: 100%;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border-600);
  font-size: var(--type-value);
  border-radius: 4px;
}

.tpn-signature-section .signature-input:focus {
  border-color: #1890ff;
  outline: none;
  box-shadow: 0 0 0 2px #1890ff1a;
}

.tpn-signature-section .signature-note {
  margin-top: var(--space-2);
  font-size: var(--type-label);
  color: var(--gray-700);
  font-style: italic;
}

.tpn-calorie-details {
  padding: var(--space-4);
  background: #f5f5f5;
  border-radius: 4px;
}

.tpn-calorie-details h4 {
  margin-bottom: var(--space-4);
  color: var(--color-text-900);
  font-weight: 500;
}

.tpn-calorie-details .calorie-table {
  border-collapse: collapse;
  width: 100%;
}

.tpn-calorie-details .calorie-table thead {
  background: #e6e6e6;
}

.tpn-calorie-details .calorie-table thead th {
  padding: var(--space-2);
  text-align: left;
  border-bottom: 2px solid var(--color-border);
  font-weight: 500;
}

.tpn-calorie-details .calorie-table tbody td {
  padding: var(--space-2);
  border-bottom: 1px solid var(--disabled-background-200);
}

.tpn-calorie-details .calorie-table tbody .total-row {
  background: #e6f7ff;
}

.tpn-calorie-details .calorie-table tbody .total-row td {
  border-top: 2px solid #1890ff;
  border-bottom: none;
}

.tpn-calorie-details p {
  margin: var(--space-3) 0;
}

.tpn-calorie-details p strong {
  margin-right: var(--space-2);
}

.tpn-modal-wrapper .body {
  padding: var(--space-3);
  background: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  max-height: none;
  display: flex;
  overflow: auto visible;
}

.cardarea.careplan_order_rx_tpn_calc .area_header {
  padding: 0 !important;
}

.tpn-modal-wrapper .tpn-cell {
  background: none !important;
}

@keyframes glow {
  from {
    box-shadow: 0 4px 16px #0000001a, 0 2px 4px -3px #0000000a;
  }

  to {
    box-shadow: none;
  }
}

@keyframes wobble-attention {
  0% {
    transform: translateX(0) rotate(0);
  }

  15% {
    transform: translateX(-2px) rotate(-1deg);
  }

  30% {
    transform: translateX(2px) rotate(1deg);
  }

  45% {
    transform: translateX(-2px) rotate(-1deg);
  }

  60% {
    transform: translateX(2px) rotate(1deg);
  }

  75% {
    transform: translateX(-1px) rotate(-.5deg);
  }

  100% {
    transform: translateX(0) rotate(0);
  }
}

.tpn-review-modal .tpn-sign-fab {
  right: var(--space-5);
  bottom: var(--space-4);
  z-index: 5;
  height: 54px;
  padding: 0 var(--space-3);
  float: none;
  color: #fff;
  transform-origin: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-weight: 500;
  transition: box-shadow .15s ease-out;
  animation: 1.2s ease-in-out 2 forwards wobble-attention;
  display: inline-flex;
  position: absolute;
  box-shadow: 0 6px 20px #0000002e;
}

.tpn-review-modal .tpn-sign-fab:hover, .tpn-review-modal .tpn-sign-fab:focus-visible {
  box-shadow: 0 8px 24px #0000003d;
}

.tpn-review-modal .tpn-sign-fab .inner-cont {
  align-items: center;
  display: flex;
}

.footer-buttons {
  border-color: var(--white) #ffffff7a #0000;
  padding: var(--space-2) 0;
  text-align: right;
  margin-top: var(--space-3);
  background: #ededed;
  border: 1px solid #ffffff7a;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  box-shadow: 0 4px 16px #00000038, 0 2px 4px -3px #0000000a;
}

.footer-buttons .dsl-action-btn {
  height: 54px;
  padding: 0 var(--space-2);
  margin-right: var(--space-2);
  float: none;
  transform-origin: center;
  will-change: transform;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  animation: 1.2s ease-in-out 2 forwards wobble-attention;
  display: inline-flex;
}

.footer-buttons .dsl-action-btn .inner-cont {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  flex-direction: column;
  line-height: 1;
  display: flex;
}

.footer-buttons .dsl-action-btn .inner-cont i {
  font-size: var(--type-control);
  display: block;
}

.footer-buttons .dsl-action-btn .inner-cont .label {
  white-space: nowrap;
  margin: 0;
  line-height: 1;
}

.stop-banner {
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-4);
  background: #fff2f0;
  border: 1px solid #ffccc7;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.stop-banner .stop-message {
  align-items: center;
  gap: var(--space-2);
  color: #cf1322;
  font-weight: 500;
  display: flex;
}

.stop-banner .stop-message i {
  font-size: var(--type-control);
}

.stop-banner .btn-link {
  color: #cf1322;
  font-weight: 500;
  text-decoration: none;
}

.stop-banner .btn-link:hover {
  text-decoration: underline;
}

.status-message {
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-4);
  align-items: flex-start;
  gap: var(--space-2);
  border-radius: 4px;
  display: flex;
}

.status-message.warning {
  color: #8b7355;
  background: #fffbe6;
  border: 1px solid #ffe58f;
}

.status-message.warning i {
  color: #faad14;
  margin-top: 2px;
}

.status-message.error {
  color: #cf1322;
  background: #fff2f0;
  border: 1px solid #ffccc7;
}

.status-message.error i {
  color: #cf1322;
  margin-top: 2px;
}

.message-item {
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-2);
  align-items: flex-start;
  gap: var(--space-2);
  border-radius: 4px;
  display: flex;
}

.message-item.warning {
  color: #8b7355;
  background: #fffbe6;
  border: 1px solid #ffe58f;
}

.message-item.warning i {
  color: #faad14;
  margin-top: 2px;
}

.message-item.info {
  color: #135200;
  background: #f6ffed;
  border: 1px solid #b7eb8f;
}

.message-item.info i {
  color: #76ad9b;
  margin-top: 2px;
}

.empty-block {
  padding: 40px var(--space-5);
  background-color: var(--color-background-200);
  border: 1px dashed var(--color-border-600);
  text-align: center;
  color: #8c8c8c;
  font-size: var(--type-value);
  border-radius: 4px;
}

.empty-block.info {
  color: #76ad9b;
  background: #f6ffed;
  border-color: #b7eb8f;
}

.dsl-advanced-grid.ag-theme-material {
  --ag-header-foreground-color: #80807d;
  --ag-header-background-color: #e5e5e5;
  --ag-data-color: var(--color-text-900);
  --ag-row-hover-color: #ebf1f7;
  --ag-header-height: 37px;
  --ag-row-height: 40px;
  --ag-odd-row-background-color: var(--white);
  --ag-even-row-background-color: var(--white);
  --ag-borders: transparent;
  --ag-cell-horizontal-border: transparent;
  --ag-border-color: transparent;
  border: none !important;
  border-radius: 0 !important;
}

.dsl-advanced-grid.ag-theme-material .ag-header-cell-menu-button {
  display: none !important;
}

.dsl-advanced-grid.ag-theme-material .ag-header-cell-text {
  font-weight: 400;
  font-size: var(--type-label);
  color: #a3a3a3;
  white-space: nowrap;
  text-overflow: initial !important;
  overflow: visible !important;
}

.dsl-advanced-grid.ag-theme-material .ag-header-cell-label, .dsl-advanced-grid.ag-theme-material .ag-header-cell {
  overflow: visible !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell {
  font-size: var(--type-value);
  border: none;
  line-height: 40px;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-right-aligned-cell {
  text-align: right !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-right-aligned-cell .ag-cell-wrapper, .dsl-advanced-grid.ag-theme-material .ag-cell.ag-right-aligned-cell .ag-cell-wrapper.ag-row-group {
  text-align: right !important;
  justify-content: flex-end !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-left-aligned-cell {
  text-align: left !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-left-aligned-cell .ag-cell-wrapper {
  text-align: left !important;
  justify-content: flex-start !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-rightAligned {
  text-align: right !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-rightAligned .ag-cell-wrapper {
  text-align: right !important;
  justify-content: flex-end !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-rightAligned .ag-cell-value {
  width: 100%;
  text-align: right !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-leftAligned {
  text-align: left !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-leftAligned .ag-cell-wrapper {
  text-align: left !important;
  justify-content: flex-start !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell.ag-cell-value-type-leftAligned .ag-cell-value {
  width: 100%;
  text-align: left !important;
}

.dsl-advanced-grid.ag-theme-material .ag-cell .ag-cell-value {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.dsl-advanced-grid.ag-theme-material .ag-row-odd, .dsl-advanced-grid.ag-theme-material .ag-row-even {
  background-color: var(--white);
  border-bottom: 1px solid var(--gray-100);
}

.dsl-advanced-grid.ag-theme-material .ag-root, .dsl-advanced-grid.ag-theme-material .ag-root-wrapper, .dsl-advanced-grid.ag-theme-material .ag-body-viewport {
  border: none !important;
  border-radius: 0 !important;
}

.tab-pane .ag-charts-wrapper, .tab-pane .ag-charts-canvas {
  background: none;
}

.ag-chart-tooltip.tpn-tooltip {
  padding: var(--space-2) 10px !important;
  font-size: var(--type-label) !important;
  color: var(--color-text) !important;
  background: #fffffff2 !important;
  border: 1px solid #00000014 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 20px #00000014 !important;
}

.ag-chart-tooltip.tpn-tooltip .ag-chart-tooltip-title {
  font-weight: 500 !important;
  font-size: var(--type-label) !important;
  margin-bottom: var(--space-1) !important;
  color: #5b83b0 !important;
}

@keyframes skeleton-pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tpnSlideInRight {
  from {
    opacity: 0;
    transform: translateX(120vw);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tpnSlideOutLeft {
  from {
    opacity: 1;
    transform: translateX(0);
  }

  to {
    opacity: 0;
    transform: translateX(-120vw);
  }
}

.tpn-anim-pre {
  opacity: 0;
  transform: translateX(120vw);
}

.tpn-anim-in-right {
  animation: .22s ease-out both tpnSlideInRight;
}

.tpn-anim-out-left {
  animation: .22s ease-in both tpnSlideOutLeft;
}

.tpn-anim-pre, .tpn-anim-in-right, .tpn-anim-out-left {
  will-change: transform, opacity;
}

.tpn-anim-pre .dsl-advanced-grid, .tpn-anim-in-right .dsl-advanced-grid, .tpn-anim-out-left .dsl-advanced-grid {
  animation: none !important;
  transform: none !important;
}

.tpn-review-modal .modal-content, .tpn-review-modal .tpn-grid, .tpn-review-modal .tpn-cell, .tpn-review-modal .dsl-advanced-grid, .tpn-review-modal .dsl-advanced-grid *, .tpn-review-modal .ag-root-wrapper, .tpn-review-modal .ag-root, .tpn-review-modal .ag-body-viewport, .tpn-review-modal .ag-body-viewport-wrapper, .tpn-review-modal .ag-center-cols-container, .tpn-review-modal .ag-center-cols-viewport, .tpn-review-modal .ag-header, .tpn-review-modal .ag-header-container, .tpn-review-modal .ag-header-viewport, .tpn-review-modal .ag-header-cell, .tpn-review-modal .ag-cell, .tpn-review-modal .ag-row, .tpn-review-modal .chart-container, .tpn-review-modal .chart-host {
  transition: none !important;
}

.tpn-stop-alerts-modal {
  min-width: 600px;
  max-width: 800px;
}

.tpn-stop-alerts-modal .header {
  padding: 10px var(--space-4);
  background: #fff2f0;
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tpn-stop-alerts-modal .header .title {
  align-items: center;
  gap: var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  color: #cf1322;
  font-weight: 500;
  display: flex;
}

.tpn-stop-alerts-modal .header .title i {
  font-size: var(--icon-size-sm);
}

.tpn-stop-alerts-modal .header .close-btn {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.tpn-stop-alerts-modal .header .close-btn i, .tpn-stop-alerts-modal .header .close-btn .icon, .tpn-stop-alerts-modal .header .close-btn:before {
  font-size: var(--icon-size-sm);
  color: #717680;
  transition: color .15s;
}

.tpn-stop-alerts-modal .header .close-btn:hover {
  background-color: #0000;
}

.tpn-stop-alerts-modal .header .close-btn:hover i, .tpn-stop-alerts-modal .header .close-btn:hover .icon, .tpn-stop-alerts-modal .header .close-btn:hover:before {
  color: #a6aab1;
}

.tpn-stop-alerts-modal .header .close-btn:active i, .tpn-stop-alerts-modal .header .close-btn:active .icon, .tpn-stop-alerts-modal .header .close-btn:active:before {
  color: #595d65;
}

.tpn-stop-alerts-modal .body {
  padding: var(--space-3) var(--space-4);
}

.tpn-stop-alerts-modal .body .explanation {
  margin-bottom: var(--space-3);
  color: #595959;
  line-height: 1.6;
}

.tpn-stop-alerts-modal .body .stop-messages {
  margin-bottom: var(--space-5);
}

.tpn-stop-alerts-modal .body .stop-messages .stop-message {
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-2);
  align-items: flex-start;
  gap: var(--space-2);
  background: #fff2f0;
  border: 1px solid #ffccc7;
  border-radius: 4px;
  display: flex;
}

.tpn-stop-alerts-modal .body .stop-messages .stop-message i {
  color: #cf1322;
  flex-shrink: 0;
  margin-top: 2px;
}

.tpn-stop-alerts-modal .body .stop-messages .stop-message .message-text {
  color: #cf1322;
  line-height: 1.5;
}

.tpn-stop-alerts-modal .body .continue-mode-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: 0;
  height: 36px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #426892, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.tpn-stop-alerts-modal .body .continue-mode-btn i, .tpn-stop-alerts-modal .body .continue-mode-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.tpn-stop-alerts-modal .body .continue-mode-btn.disabled, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled], .tpn-stop-alerts-modal .body .continue-mode-btn[aria-disabled="true"], .tpn-stop-alerts-modal .body .continue-mode-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #7196bf 0%, #5b86b5 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#7196bf 0%, #5b86b5 100%);
  border: none;
  transform: none;
}

.tpn-stop-alerts-modal .body .continue-mode-btn.disabled i, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled] i, .tpn-stop-alerts-modal .body .continue-mode-btn[aria-disabled="true"] i, .tpn-stop-alerts-modal .body .continue-mode-btn:disabled i, .tpn-stop-alerts-modal .body .continue-mode-btn.disabled .icon, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled] .icon, .tpn-stop-alerts-modal .body .continue-mode-btn[aria-disabled="true"] .icon, .tpn-stop-alerts-modal .body .continue-mode-btn:disabled .icon, .tpn-stop-alerts-modal .body .continue-mode-btn.disabled svg, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled] svg, .tpn-stop-alerts-modal .body .continue-mode-btn[aria-disabled="true"] svg, .tpn-stop-alerts-modal .body .continue-mode-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.tpn-stop-alerts-modal .body .continue-mode-btn.disabled svg *, .tpn-stop-alerts-modal .body .continue-mode-btn[disabled] svg *, .tpn-stop-alerts-modal .body .continue-mode-btn[aria-disabled="true"] svg *, .tpn-stop-alerts-modal .body .continue-mode-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:focus-visible {
  box-shadow: none;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.tpn-stop-alerts-modal .body .continue-mode-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.tpn-review-modal .tpn-alerts-section {
  margin-top: var(--space-4);
  background: #fafbfc;
  border: 1px solid #e8ecef;
  border-radius: 8px;
  flex-direction: column;
  max-height: 320px;
  display: flex;
  overflow: hidden;
}

.tpn-review-modal .tpn-alerts-section .alerts-header {
  padding: 10px var(--space-3);
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--color-text);
  background: #f0f2f5;
  border-bottom: 1px solid #e8ecef;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.tpn-review-modal .tpn-alerts-section .alerts-header i {
  color: var(--color-error-ink);
  font-size: var(--type-control);
}

.tpn-review-modal .tpn-alerts-section .alerts-body {
  padding: var(--space-3) 14px;
  flex: auto;
  overflow-y: auto;
}

.tpn-review-modal .tpn-alerts-section .alerts-body .alert-group:last-child {
  margin-bottom: 0;
}

.tpn-review-modal .tpn-alerts-section .alerts-body .alert-group h4 {
  margin: 0 0 var(--space-1) 0;
  font-size: var(--type-value);
  color: var(--color-text);
  padding-left: 2px;
  font-weight: 500;
}

.tpn-review-modal .tpn-alerts-section .alerts-body .message-item {
  padding: var(--space-2) 10px;
  background: #fff;
  border: 1px solid #e8ecef;
  border-radius: 6px;
  transition: background-color .15s, border-color .15s;
}

.tpn-review-modal .tpn-alerts-section .alerts-body .message-item:hover {
  background: #f9fafb;
  border-color: #d9e0e7;
}

.tpn-review-modal .tpn-alerts-section .alerts-body .message-item > div {
  align-items: flex-start;
  gap: var(--space-2);
  display: flex;
}

.tpn-review-modal .alerts-grid.dsl-advanced-grid .ag-header-cell.ag-column-first {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px) !important;
}

.vertical-align-center {
  align-items: center;
  display: flex;
}

.vertical-align-center-end {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.window-manager-content:has(.create-delivery-ticket) {
  padding-bottom: var(--space-2) !important;
}

.generic-card-container > .body .create-delivery-ticket {
  padding: var(--space-2) 10px var(--space-3);
}

.create-delivery-ticket {
  width: 100%;
  height: 100%;
  padding: 0 0 var(--space-1);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.create-delivery-ticket .action-btn-group-container {
  box-shadow: none !important;
  background-color: #0000 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.create-delivery-ticket .wizard-container {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.create-delivery-ticket .wizard-tab-card-mode {
  width: 100%;
  min-height: 0;
  padding-bottom: var(--space-1);
  flex-direction: row;
  flex: 1 1 0;
  gap: 0;
  display: flex;
  overflow: hidden;
}

.create-delivery-ticket .wizard-tab-card-mode.single-section {
  gap: 0;
}

.create-delivery-ticket .wizard-tab-card-mode.single-section .wizard-tab-content {
  flex: 100%;
  min-width: 0;
}

.create-delivery-ticket .wizard-tab-list {
  timeline-scope: --wizard-list-scroll;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  overflow: visible;
}

.create-delivery-ticket .wizard-tab-list:after {
  content: "";
  left: 0;
  right: var(--tab-card-join, 11px);
  pointer-events: none;
  z-index: 60;
  opacity: 0;
  background: linear-gradient(to top, #262c3829, #262c3800);
  height: 28px;
  animation: linear both wizard-list-scroll-shadow --wizard-list-scroll;
  position: absolute;
  bottom: 0;
}

.create-delivery-ticket .wizard-tab-list-inner {
  scroll-timeline: --wizard-list-scroll block;
  scrollbar-width: none;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-2) var(--space-3) 0;
  box-sizing: border-box;
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.create-delivery-ticket .wizard-tab-list-inner::-webkit-scrollbar {
  display: none;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step {
  flex: 1 1 0;
  width: 350px;
  min-height: 88px;
  max-height: 190px;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step.tab-card-active {
  position: relative;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header {
  width: 350px;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: var(--space-3) 14px var(--space-2) 14px;
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: flex-start;
  transition: box-shadow .2s, background .2s;
  position: relative;
  overflow: visible;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .header-left {
  width: 100%;
  overflow: hidden;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .header-left .header-left-icon {
  font-size: var(--icon-size-xs);
  flex-shrink: 0;
  margin-right: 0;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .header-left .header-left-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .header-left .header-left-count {
  flex-shrink: 0;
  position: absolute;
  top: 10px;
  right: 12px;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .information-block-container {
  width: 100%;
  min-height: 0;
  margin-top: var(--space-2);
  align-content: flex-start;
  gap: var(--space-1) var(--space-5);
  flex-flow: column wrap;
  flex: 1 1 0;
  display: flex;
  overflow: hidden;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .information-block-container > * {
  flex: none;
  width: 100%;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .information-block-container .item-line {
  align-items: baseline;
  gap: var(--space-1);
  font-size: var(--type-label);
  color: var(--color-text-700);
  white-space: nowrap;
  font-weight: 500;
  line-height: 18px;
  display: flex;
  overflow: hidden;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .information-block-container .item-line .item-line-name {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .header .information-block-container .item-line .item-line-more {
  color: var(--color-text-muted-ink);
  flex-shrink: 0;
}

.create-delivery-ticket .wizard-tab-list-inner .expandable-wizard-step .content {
  display: none !important;
}

.create-delivery-ticket .wizard-tab-content {
  border-radius: 8px;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}

.create-delivery-ticket .wizard-tab-content .wizard-tab-content-inner {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.create-delivery-ticket .wizard-tab-content .section-container {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.create-delivery-ticket .wizard-tab-content .section-container .mini-form {
  border-radius: 8px;
  margin-bottom: 0 !important;
}

.create-delivery-ticket .wizard-tab-content .section-container .selection-grid-container {
  flex: 1;
  min-height: 0;
  margin-top: 0;
}

.create-delivery-ticket .associated-prescription-row {
  align-items: flex-end;
  gap: var(--space-2);
  flex-shrink: 0;
  padding: 0;
  display: flex;
}

.create-delivery-ticket .associated-prescription-row > div {
  flex: 0 0 calc(50% - var(--space-1));
  min-width: 0;
}

.create-delivery-ticket .associated-prescription-row .field-select {
  min-width: 0;
}

.create-delivery-ticket .associated-prescription-row .field-select .rs__control {
  min-width: 0 !important;
}

.create-delivery-ticket .selection-grid-container {
  align-items: stretch;
  gap: var(--space-3);
  background-color: #0000;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  margin: 0;
  display: flex;
}

.create-delivery-ticket .selection-grid-container .dsl-advanced-grid {
  min-height: 100px;
}

.create-delivery-ticket .dt-mini-dsl-view {
  min-height: 126px;
  margin-bottom: var(--space-2);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-medium);
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.create-delivery-ticket .dt-mini-dsl-view .cardarea {
  width: 100%;
  height: auto !important;
}

.create-delivery-ticket .dt-mini-dsl-view .form-group {
  min-height: auto;
  height: auto !important;
}

.create-delivery-ticket .filter-container {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--space-2);
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.create-delivery-ticket .filter-container > div {
  flex: 0 0 calc(50% - var(--space-1));
}

.create-delivery-ticket .supply-kit-select-field-container {
  box-sizing: border-box;
  gap: var(--space-1);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.create-delivery-ticket .supply-kit-select-field-container .supply-kit-select-field-label {
  font-size: var(--type-label);
  color: var(--label-color);
  margin: 0;
  font-weight: 500;
  line-height: normal;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select {
  height: 40px;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__placeholder {
  display: none;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__control {
  height: 100%;
  min-height: unset;
}

.create-delivery-ticket .supply-kit-select-field-container .field-select .rs__input-container {
  margin: 0 !important;
  padding: 0 !important;
}

.create-delivery-ticket .search-bar {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  max-width: unset;
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  background-color: #fafafa !important;
  border: 0 !important;
  height: 40px !important;
  font-weight: 400 !important;
  box-shadow: inset 0 1px 2px #45494f1a !important;
}

.create-delivery-ticket .search-bar:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.create-delivery-ticket .search-bar:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.create-delivery-ticket .search-bar:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.create-delivery-ticket .search-bar > div {
  flex: 1;
}

.create-delivery-ticket .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.create-delivery-ticket .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.create-delivery-ticket .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.create-delivery-ticket .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.create-delivery-ticket .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.create-delivery-ticket .search-bar:focus-within img {
  opacity: .95;
}

.create-delivery-ticket .search-bar i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.create-delivery-ticket .dsl-advanced-grid .ag-header-cell .ag-header-cell-label {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: 0;
  vertical-align: middle;
  color: #949494;
  line-height: 18px;
}

.create-delivery-ticket .dsl-advanced-grid .secondary-cell {
  font-weight: 500;
  font-style: medium;
  font-size: var(--type-value);
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .bold-cell {
  font-weight: 500;
  font-style: bold;
  font-size: var(--type-value);
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .red-cell {
  color: var(--color-error-ink);
}

.create-delivery-ticket .dsl-advanced-grid .item-cell, .create-delivery-ticket .dsl-advanced-grid .item-cell .ag-cell-value {
  font-weight: 500;
  font-style: bold;
  font-size: var(--type-value);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .qoh-cell .ag-cell-wrapper {
  justify-content: right;
}

.create-delivery-ticket .dsl-advanced-grid .bill-cell .ag-cell-wrapper {
  justify-content: center;
}

.create-delivery-ticket .dsl-advanced-grid .hcpc-cell, .create-delivery-ticket .dsl-advanced-grid .hcpc-cell .ag-cell-value {
  font-weight: 500;
  font-style: medium;
  font-size: var(--type-value);
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: var(--color-text);
  text-align: left;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .container-quantity-cell, .create-delivery-ticket .dsl-advanced-grid .container-quantity-cell .ag-cell-value {
  font-weight: 500;
  font-style: medium;
  font-size: var(--type-value);
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .container-quantity-cell .ag-cell-wrapper {
  justify-content: right;
}

.create-delivery-ticket .dsl-advanced-grid .manufacturer-cell, .create-delivery-ticket .dsl-advanced-grid .manufacturer-cell .ag-cell-value {
  font-weight: 500;
  font-style: medium;
  font-size: var(--type-value);
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: var(--color-text);
  text-align: left;
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .qoh, .create-delivery-ticket .dsl-advanced-grid .qoh .ag-cell-value {
  font-weight: 500;
  font-style: bold;
  font-size: var(--type-value);
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 20px;
}

.create-delivery-ticket .dsl-advanced-grid .swap-drug-cell .ag-cell-wrapper, .create-delivery-ticket .dsl-advanced-grid .dispense-in-cell .ag-cell-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.create-delivery-ticket .associated-prescription-select-container {
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.create-delivery-ticket .associated-prescription-select-container .associated-prescription-label {
  font-size: var(--type-label);
  color: var(--label-color);
  white-space: nowrap;
  font-weight: 500;
  line-height: normal;
}

.create-delivery-ticket .associated-prescription-select-container.has-errors .associated-prescription-label {
  color: var(--color-error-ink);
  font-weight: 500;
}

.create-delivery-ticket .associated-prescription-select-container.has-errors .associated-prescription-label:after {
  content: " *";
  color: var(--color-error-ink);
  font-weight: 500;
}

.create-delivery-ticket .associated-prescription-select-container .field-select {
  width: 100%;
  min-width: 0;
}

.create-delivery-ticket .ag-cell-wrapper {
  width: 100%;
  height: 100%;
}

.create-delivery-ticket .wizard-container {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1;
  margin-bottom: 10px;
  display: flex;
}

.create-delivery-ticket .subtitle {
  font-weight: 500;
  font-size: var(--type-micro);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text-muted-ink);
  line-height: 18px;
}

.create-delivery-ticket .main-cell {
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  line-height: 20px;
  overflow: hidden;
}

.create-delivery-ticket .default-style {
  padding-left: 0 !important;
}

.create-delivery-ticket .footer {
  margin-top: var(--space-2);
}

.create-delivery-ticket .footer .info-container {
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-error-ink);
  line-height: 18px;
}

.create-delivery-ticket .footer .action-right-cnt {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-5);
  flex-direction: row;
  width: 100%;
  display: flex;
}

.create-delivery-ticket .ag-grid-generic-input-container .left-icon {
  position: relative;
  left: 30px;
}

.create-delivery-ticket .mini-form.form-container.cardarea.container {
  background-color: #fff;
}

.create-delivery-ticket .wizard-tab-content .selection-grid-container .ag-root-wrapper, .create-delivery-ticket .wizard-tab-content .selection-grid-container .ag-header {
  border: 0 !important;
  border-radius: 0 !important;
}

#application .create-delivery-ticket .dt-mini-dsl-view {
  padding: 0 !important;
}

#application .create-delivery-ticket .dt-mini-dsl-view .cardarea {
  padding: var(--space-2) var(--space-2) var(--space-4) var(--space-4) !important;
  border-right-width: 0 !important;
  overflow: visible !important;
}

#application .create-delivery-ticket .dt-mini-dsl-view .cardarea > .container.fieldgroup {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.create-delivery-ticket :is(.associated-prescription-select-container, .supply-kit-select-field-container) .field-select .rs__control {
  padding: 0 !important;
}

.create-delivery-ticket :is(.associated-prescription-select-container, .supply-kit-select-field-container) .field-select .rs__value-container {
  padding-left: var(--space-2) !important;
  margin-top: 0 !important;
}

.create-delivery-ticket :is(.associated-prescription-select-container, .supply-kit-select-field-container) .field-select .rs__control:not(.rs__control--is-focused) {
  border-color: var(--gray-200) !important;
}

.create-delivery-ticket :is(.associated-prescription-select-container, .supply-kit-select-field-container) .field-select .rs__control {
  background-color: var(--white) !important;
}

.create-delivery-ticket :is(.associated-prescription-select-container, .supply-kit-select-field-container) .field-select .rs__control:not(.rs__control--is-focused) {
  box-shadow: 0 1px 2px #45494f0f !important;
}

.create-delivery-ticket .options-field-container {
  border-radius: var(--radius-xsmall);
  height: 32px;
  box-shadow: none;
  background-color: #0000;
  border: 1px solid #00000014;
  gap: 2px;
  padding: 0 2px;
  transition: background-color .15s, border-color .15s;
}

.create-delivery-ticket .options-field-container:hover {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.create-delivery-ticket .options-field-container .options-field-option {
  height: 26px;
  padding: 0 var(--space-3);
}

.create-delivery-ticket .options-field-container .options-field-option.selected {
  height: 26px;
  font-size: var(--type-value);
  border-radius: 3px;
}

.create-delivery-ticket .ag-grid-generic-input-container .ag-grid-generic-input {
  border-radius: var(--radius-xsmall);
  background-color: #0000;
  border: 1px solid #00000014;
  height: 32px;
  transition: background-color .15s, border-color .15s;
}

.create-delivery-ticket .ag-grid-generic-input-container .ag-grid-generic-input:hover {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.create-delivery-ticket .ag-grid-generic-input-container .ag-grid-generic-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  background-color: #fffffff2;
}

@keyframes cteCjG_spin {
  to {
    transform: rotate(360deg);
  }
}

.cteCjG_wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
}

.cteCjG_overlay {
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  -webkit-backdrop-filter: blur(1.5px);
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
  cursor: not-allowed;
  border-radius: inherit;
  background: #ffffff8c;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
}

.cteCjG_spinner {
  backdrop-filter: blur(2px);
  isolation: isolate;
  will-change: transform;
  background: #ffffff2e;
  border: 1px solid #ffffff47;
  border-radius: 999px;
  width: 48px;
  height: 48px;
  margin: 0;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 10px 30px #0000002e, inset 0 1px #ffffff59;
}

.cteCjG_spinner:before {
  content: "";
  opacity: .9;
  background: conic-gradient(#14141400 0deg, #1414148c 40deg, #14141414 120deg, #14141400 360deg);
  border-radius: 999px;
  animation: .9s linear infinite cteCjG_spin;
  position: absolute;
  inset: 10px;
  mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
}

@media (prefers-reduced-motion: reduce) {
  .cteCjG_spinner:before {
    animation: none;
  }
}

.cteCjG_message {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: #5a5958;
  font-weight: 500;
}

.cteCjG_silentOverlay {
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
  cursor: progress;
  position: absolute;
  inset: 0;
}

.cteCjG_shimmerOverlay {
  z-index: 100;
  -webkit-user-select: none;
  user-select: none;
  cursor: progress;
  border-radius: inherit;
  background-image: linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--color-primary) 16%, transparent) 50%, transparent 70%);
  background-repeat: no-repeat;
  background-size: 250% 100%;
  animation: 1.4s ease-in-out infinite cteCjG_blocker-shimmer;
  position: absolute;
  inset: 0;
}

@media (prefers-reduced-motion: reduce) {
  .cteCjG_shimmerOverlay {
    background-image: none;
    animation: none;
  }
}

@keyframes cteCjG_blocker-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

.cteCjG_srOnly {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.information-block-container {
  gap: var(--space-3);
  padding-right: var(--space-2);
  flex-direction: row;
  display: flex;
}

.information-block {
  flex-direction: row;
  flex-shrink: 1;
  justify-content: space-between;
  align-items: center;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.information-block .information-block-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text);
  opacity: .8;
  flex-shrink: 0;
  line-height: 20px;
}

.information-block .information-block-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  padding-left: var(--space-1);
  vertical-align: middle;
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  line-height: 20px;
  overflow: hidden;
}

.information-block.information-block--stacked {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}

.information-block.information-block--stacked .information-block-value {
  -webkit-line-clamp: 4;
  line-clamp: 4;
  white-space: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  padding-left: 0;
  display: -webkit-box;
}

.information-block.information-block--stacked .information-block-value.information-block-value--node {
  -webkit-line-clamp: none;
  line-clamp: none;
  display: block;
}

.information-block.information-block--stacked .information-block-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.information-block.information-block--stacked .information-block-more {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 400;
  line-height: 16px;
}

.information-block.error-text .information-block-value, .information-block.information-block--alert .information-block-value {
  color: var(--color-error-ink);
}

.expandable-wizard-step {
  background: none;
  border-radius: 6px;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: visible;
}

.expandable-wizard-step.has-errors .header .header-left-count {
  background: var(--color-error-600) !important;
}

.expandable-wizard-step.max-height {
  flex-shrink: 1;
}

.expandable-wizard-step.max-height .content.expanded {
  flex-direction: column;
  height: auto;
  max-height: calc(100vh - 350px);
  display: flex;
  overflow: auto;
}

.expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container.level_1) {
  height: calc(100vh - 350px);
  overflow: hidden;
}

.expandable-wizard-step.max-height .content.expanded:has(.dsl-tab-container.level_1) .section-container {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.expandable-wizard-step .header {
  z-index: 50;
  backdrop-filter: blur(2px) saturate(80%);
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  background: #ffffffbf;
  border: 1px solid #ffffff59;
  border-radius: 14px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
  box-shadow: 0 1px 2px #0000000a, 0 8px 24px #0000000f;
}

.expandable-wizard-step .header .header-left {
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  flex-shrink: 0;
  min-width: fit-content;
  display: flex;
}

.expandable-wizard-step .header .header-left .header-left-icon {
  width: 24px;
  height: 24px;
  margin-right: var(--space-1);
  color: #5e636b;
  justify-content: center;
  align-items: center;
  display: flex;
}

.expandable-wizard-step .header .header-left .header-left-icon i {
  font-weight: 300 !important;
}

.expandable-wizard-step .header .header-left .header-left-icon img {
  width: 12px;
  height: 12px;
}

.expandable-wizard-step .header .header-left .header-left-icon svg {
  fill: currentColor;
}

.expandable-wizard-step .header .header-left .header-left-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: .04em;
  color: #5b83b0;
  flex-shrink: 0;
  line-height: 28px;
}

.expandable-wizard-step .header .header-left .header-left-count {
  min-width: 22px;
  min-height: 22px;
  padding: 1px var(--space-2);
  text-align: center;
  color: var(--white);
  font-size: var(--type-label);
  background: #5b83b0;
  border-radius: 50px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.expandable-wizard-step .header .header-right {
  min-width: 10px;
}

.expandable-wizard-step .content {
  padding: var(--space-2);
  background: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-direction: column;
  display: none;
  overflow: visible;
}

.expandable-wizard-step .content.expanded {
  display: flex;
}

.expandable-wizard-step .content.content--animated {
  visibility: hidden;
  grid-template-rows: 0fr;
  padding-top: 0;
  padding-bottom: 0;
  transition: grid-template-rows .15s, padding .15s, border-width .15s, visibility 0s linear .15s;
  display: grid;
}

.expandable-wizard-step .content.content--animated > .content-inner {
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: clip;
}

.expandable-wizard-step .content.content--animated.expanded {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  visibility: visible;
  grid-template-rows: 1fr;
  transition-delay: 0s;
}

@media (prefers-reduced-motion: reduce) {
  .expandable-wizard-step .content.content--animated {
    transition: none;
  }
}

.expandable-wizard-step .content .mini-form {
  margin-top: var(--space-3);
  padding-bottom: var(--space-3);
  padding-left: var(--space-3);
  padding-right: var(--space-3);
  margin-bottom: var(--space-1);
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  height: fit-content;
}

.expandable-wizard-step .content .mini-form .form-container, .expandable-wizard-step .content .mini-form .cardform {
  height: auto !important;
}

.expandable-wizard-step .content .mini-form .cardarea {
  width: 100%;
  height: auto !important;
}

.expandable-wizard-step .content .mini-form .form-group {
  min-height: auto;
  height: auto !important;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) {
  background: none;
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .form-container, .expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .cardform, .expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .cardarea {
  flex-direction: column;
  flex: 1;
  display: flex;
  height: 100% !important;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.expandable-wizard-step .content .mini-form:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 .dsl-tab-area {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

@keyframes wizard-list-scroll-shadow {
  0%, 85% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.wizard-tab-card-mode {
  --tab-card-join: 11px;
  --tab-card-width: 350px;
  --tab-card-border: var(--gray-200);
}

.wizard-tab-card-mode > .wizard-tab-list {
  z-index: 1;
  width: calc(var(--tab-card-width) + var(--tab-card-join));
  position: relative;
}

.wizard-tab-card-mode > .wizard-tab-list > .wizard-tab-list-inner {
  padding-top: 0;
  padding-left: 0;
}

.wizard-tab-card-mode > .wizard-tab-content {
  background: var(--white);
  border: 1px solid var(--tab-card-border);
  border-radius: var(--radius-medium);
  margin-left: -1px;
  box-shadow: 0 1px 2px #45494f0f;
}

.wizard-tab-card-mode:has(.wizard-tab-list-inner > .expandable-wizard-step:first-child.tab-card-active) > .wizard-tab-content {
  border-top-left-radius: 0;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step .header {
  background: var(--white);
  backdrop-filter: none;
  border: 1px solid var(--gray-100);
  border-radius: var(--radius-medium);
  transition: border-color .15s, box-shadow .15s;
  box-shadow: 0 1px 2px #45494f0f;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step .header .header-left .header-left-title {
  color: var(--color-text-700);
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step .header .header-left .header-left-icon {
  color: #a3a3a3;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-inactive .header:hover {
  border-color: var(--tab-card-border);
  box-shadow: 0 2px 8px #45494f1a;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-active {
  z-index: 2;
  position: relative;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-active .header {
  border-color: var(--tab-card-border);
  box-shadow: none;
  border-right-color: #0000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-active .header:after {
  content: "";
  width: calc(var(--tab-card-join) + 1px);
  background: var(--white);
  border-top: 1px solid var(--tab-card-border);
  border-bottom: 1px solid var(--tab-card-border);
  pointer-events: none;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 100%;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-active .header:before {
  content: "";
  background: var(--color-primary-700);
  border-radius: var(--radius-medium) 0 0 var(--radius-medium);
  pointer-events: none;
  width: 4px;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-active .header .header-left .header-left-title {
  color: var(--color-primary-ink);
}

.wizard-tab-card-mode .wizard-tab-list-inner > .expandable-wizard-step.tab-card-active .header .header-left .header-left-icon {
  color: var(--color-primary-700);
}

.wizard-tab-card-mode > .wizard-tab-content .section-container:has(.ag-root-wrapper) {
  padding: var(--space-3);
}

.wizard-tab-card-mode > .wizard-tab-content .section-container .query-list-view:has(.ag-root-wrapper) {
  border-radius: var(--radius-xsmall) !important;
}

.wizard-tab-card-mode > .wizard-tab-content .section-container .ag-root-wrapper:not(:is(.ag-details-row, .ag-full-width-row) *) {
  overflow: hidden;
  border: 1px solid var(--gray-200) !important;
  border-radius: var(--radius-xsmall) !important;
}

.tooltip-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.tooltip-box {
  color: #f9f9f7;
  font-size: var(--type-label);
  padding: var(--space-1) 10px;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  background: #f9f9f7;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  animation: .2s forwards fadeIn;
  position: absolute;
  box-shadow: 0 2px 8px #00000026;
}

.tooltip-box.tooltip-box-fixed {
  position: fixed;
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-top {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-bottom {
  margin-top: var(--space-2);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-left {
  margin-right: var(--space-2);
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip-box:not(.tooltip-box-fixed).tooltip-right {
  margin-left: var(--space-2);
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip-arrow {
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltip-arrow-top {
  border-width: 6px 6px 0;
  border-color: #f9f9f7 #0000 #0000;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-arrow-bottom {
  border-width: 0 6px 6px;
  border-color: #0000 #0000 #f9f9f7;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-arrow-left {
  border-width: 6px 0 6px 6px;
  border-color: #0000 #0000 #0000 #f9f9f7;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip-arrow-right {
  border-width: 6px 6px 6px 0;
  border-color: #0000 #f9f9f7 #0000 #0000;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip-default-trigger, .tooltip-default-trigger * {
  text-underline-offset: 5px;
  cursor: pointer;
  color: var(--color-primary-ink);
  margin: 0;
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.selected-items-tooltip {
  color: var(--color-text);
  width: max-content;
  max-width: 300px;
}

.selected-items-tooltip p {
  margin: 0;
}

.selected-items-tooltip__list {
  max-height: 200px;
  padding-top: var(--space-1);
  overflow: hidden auto;
}

.selected-items-tooltip__list__heading {
  margin-bottom: var(--space-1);
  justify-content: center;
  display: block;
}

.selected-items-tooltip__list li {
  margin-bottom: var(--space-1);
  white-space: break-spaces;
}

.dsl-advanced-grid .ag-root-wrapper {
  background-color: #0000;
}

.dsl-advanced-grid .ag-root-wrapper .ag-body {
  background-color: var(--grid-empty-well);
}

.ag-root-wrapper .ag-cell, .ag-root-wrapper .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ag-root-wrapper .ag-cell {
  --status-pill-min-h: 20px;
  --status-pill-pad-y: 2px;
  --status-pill-pad-x: 6px;
  --status-pill-type: 11px;
  --status-pill-lh: 14px;
  --status-pill-min-w: 80px;
  --status-pill-tint: 12%;
}

.dsl-advanced-grid {
  width: 100%;
  height: 100%;
  position: relative;
}

.dsl-advanced-grid .ag-root.ag-layout-normal > .ag-body > .ag-body-viewport > .ag-center-cols-viewport {
  min-height: 100% !important;
}

.dsl-advanced-grid .ag-root.ag-layout-auto-height:has(.ag-overlay-no-rows-wrapper) > .ag-body > .ag-body-viewport > .ag-center-cols-viewport {
  min-height: 150px !important;
}

.dsl-advanced-grid .ag-right-aligned-header {
  text-align: right !important;
  justify-content: flex-end !important;
}

.dsl-advanced-grid .ag-column-select {
  padding-top: var(--space-3);
}

.dsl-advanced-grid .ag-filter-toolpanel-group-wrapper .ant-select:not([class*="table-select"]) {
  height: auto !important;
  min-height: 34px !important;
  box-shadow: none !important;
  font-family: Soehne, sans-serif !important;
  font-size: var(--type-value) !important;
  margin-left: var(--space-1) !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  width: calc(100% - 8px) !important;
  padding-right: 2px !important;
  transition: all .15s !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-group-wrapper .ant-select:not([class*="table-select"]) .ant-select-content {
  flex-wrap: wrap !important;
  height: auto !important;
  padding: 0 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-group-wrapper .ant-select:not([class*="table-select"]) .ant-select-suffix:after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "" !important;
  visibility: visible !important;
  font-size: var(--type-micro) !important;
  color: #c2c4ca !important;
  display: block !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-group-wrapper .ant-select:not([class*="table-select"]).ant-select-allow-clear .ant-select-content {
  padding-right: var(--space-7) !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-group-wrapper .ant-select:not([class*="table-select"]).ant-select-allow-clear .ant-select-clear {
  opacity: 1;
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  inset-inline-end: var(--space-8);
  display: flex !important;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper {
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 4px;
  width: 16px;
  height: 16px;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
  box-shadow: 0 1px 2px #45494f0f;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper:after {
  color: var(--white);
}

.dsl-advanced-grid .ag-checkbox-input-wrapper.ag-checked:after {
  content: "";
  box-sizing: border-box;
  border: 2px solid var(--white);
  background: none;
  border-top: 0;
  border-left: 0;
  width: 5.71429px;
  height: 9.14286px;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -65%) rotate(45deg);
  mask: none;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper:hover {
  border-color: var(--gray-300);
}

.dsl-advanced-grid .ag-checkbox-input-wrapper:focus-within {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.dsl-advanced-grid .ag-checkbox-input-wrapper.ag-checked, .dsl-advanced-grid .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
  box-shadow: none;
}

.dsl-advanced-grid .ag-checkbox-input-wrapper.ag-checked:hover, .dsl-advanced-grid .ag-checkbox-input-wrapper.ag-indeterminate:hover {
  background-color: var(--color-primary-700);
  border-color: var(--color-primary-700);
}

.dsl-advanced-grid .ag-checkbox-input-wrapper input[type="checkbox"] {
  cursor: pointer;
}

.dsl-advanced-grid .ag-header-cell {
  padding-left: var(--space-2) !important;
  padding-right: var(--space-2) !important;
}

.dsl-advanced-grid .ag-header-cell.ag-column-first {
  padding-left: var(--space-2) !important;
}

.dsl-advanced-grid .ag-header-cell[col-id="ag-Grid-SelectionColumn"] {
  padding-right: var(--space-3) !important;
}

.dsl-advanced-grid .ag-header .ag-header-cell[col-id="ag-Grid-SelectionColumn"] {
  padding-left: var(--space-2) !important;
}

.dsl-advanced-grid .ag-header-cell .ag-header-select-all {
  margin-left: calc(var(--ag-cell-horizontal-padding) - var(--space-2));
}

.dsl-advanced-grid .header-align-right {
  text-align: right;
}

.dsl-advanced-grid .header-align-right .ag-header-cell-comp-wrapper {
  width: 100%;
}

.dsl-advanced-grid .header-align-right .ag-cell-label-container {
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

.dsl-advanced-grid .header-align-right .ag-header-cell-label {
  text-align: right;
  padding-right: var(--space-2);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .cell-align-right {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .cell-align-right .ag-cell-wrapper {
  justify-content: flex-end;
  width: 100%;
}

.dsl-advanced-grid .ag-cell.currency-negative {
  color: var(--color-error-ink);
}

.dsl-advanced-grid .header-align-center, .dsl-advanced-grid .header-align-center .ag-header-cell-label, .dsl-advanced-grid .cell-align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .cell-align-center .ag-cell-wrapper {
  justify-content: center;
  width: 100%;
}

.dsl-advanced-grid .ag-loading {
  justify-content: center;
}

.dsl-advanced-grid .ag-loading-icon {
  margin-right: var(--space-2);
}

.dsl-advanced-grid .ag-tool-panel-wrapper {
  background-color: var(--white);
  border-left: none;
  border-right: var(--hairline) solid var(--grid-edge);
}

.dsl-advanced-grid .ag-tool-panel-wrapper .ag-react-container {
  width: 100%;
}

.dsl-advanced-grid .ag-header-cell-label {
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell .ag-header-cell-label .ag-header-cell-text {
  font-size: calc(var(--ag-grid-font-size, 14px) - 2px) !important;
  font-weight: 400 !important;
}

.dsl-advanced-grid .ag-popup-child {
  z-index: 200;
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option-icon i {
  font-weight: 300 !important;
}

.dsl-advanced-grid .ag-popup-child .context-menu-action .ag-menu-option-icon i {
  color: #a3a3a3;
}

.dsl-advanced-grid .ag-popup-child .context-menu-action .ag-menu-option-text {
  color: var(--color-text);
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option .ag-menu-option-icon i {
  color: #a3a3a3;
}

.dsl-advanced-grid .ag-popup-child .ag-menu-option .ag-menu-option-text {
  color: var(--color-text);
}

.dsl-advanced-grid .ag-popup-child .context-menu-action-danger .ag-menu-option-icon i, .dsl-advanced-grid .ag-popup-child .context-menu-action-danger .ag-menu-option-text {
  color: var(--color-error-500);
}

.dsl-advanced-grid .ag-popup-child .context-menu-action-primary .ag-menu-option-icon i {
  color: var(--color-secondary-300);
}

.dsl-advanced-grid .ag-popup-child .context-menu-action-primary .ag-menu-option-text {
  color: var(--color-tertiary);
}

.dsl-advanced-grid .agc-toolbar-container {
  cursor: default;
  white-space: normal;
  line-height: normal;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-title {
  height: var(--ag-header-height);
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  color: var(--gray-700);
  text-transform: none;
  justify-content: center;
  font-weight: 500;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-layout {
  padding: 10px;
  padding-left: var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-tool-panel-separator-border);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-layout .agc-toolbar-btn-group {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-layout .dsl-action-btn {
  padding: var(--space-2) var(--space-3) !important;
  border-radius: 4px !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-toolbar-title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  color: var(--color-text-muted-ink);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 16px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create {
  gap: var(--space-2);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-layout-input, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-layout-input {
  height: 34px;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  box-shadow: none;
  box-sizing: border-box;
  background: none;
  border: 1px solid #00000024;
  border-radius: 4px;
  outline: none;
  width: 100%;
  padding: 0 10px;
  transition: all .15s;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-layout-input::placeholder, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-layout-input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-layout-input:hover:not(:disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-layout-input:hover:not(:disabled) {
  background: #ffffffd9;
  border-color: #0003;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-layout-input:focus, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-layout-input:focus {
  background: #fffffff2;
  border-color: #837bb3a6;
  box-shadow: 0 0 0 2px #837bb226;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-layout-input:disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-layout-input:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select {
  width: 100%;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control {
  box-shadow: none;
  cursor: pointer;
  background: none;
  border: 1px solid #00000024;
  border-radius: 4px;
  transition: all .15s;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control:hover, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control:hover {
  background: #ffffffd9;
  border-color: #0003;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control--is-focused, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control--menu-is-open, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control--is-focused, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control--menu-is-open {
  background: #fffffff2;
  border-color: #837bb3a6;
  box-shadow: 0 0 0 2px #837bb226;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__value-container, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__value-container {
  align-items: center;
  height: 32px;
  margin-top: 0 !important;
  padding: 0 10px !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control:has(.rs__value-container--is-multi), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control:has(.rs__value-container--is-multi) {
  height: auto !important;
  min-height: 34px !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__value-container--is-multi, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__value-container--is-multi {
  flex-wrap: wrap;
  row-gap: 3px;
  height: auto;
  min-height: 32px;
  overflow: visible;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control:has(.rs__value-container--is-multi) .rs__indicators, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control:has(.rs__value-container--is-multi) .rs__indicators {
  align-self: stretch;
  height: auto;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__input-container, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__input-container {
  margin: 0;
  padding: 0;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__placeholder, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__single-value, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__multi-value__label, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__placeholder, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__single-value, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__multi-value__label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  margin: 0;
  line-height: normal;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__multi-value, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__multi-value {
  border-radius: 3px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__indicators, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__indicators {
  align-items: center;
  height: 32px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__indicator, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__indicator {
  color: var(--color-text-muted-ink);
  padding: 0 var(--space-2) !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__dropdown-indicator svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__dropdown-indicator svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__clear-indicator svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__clear-indicator svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__indicator-separator, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__indicator-separator {
  display: none;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .field-select .rs__control--is-disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .field-select .rs__control--is-disabled {
  opacity: .6;
  cursor: not-allowed;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-field-error, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-field-error {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-error-ink);
  line-height: 16px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group {
  margin-top: 2px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group {
  justify-content: space-between;
  width: 100%;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[disabled], .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[disabled], .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"], .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"], .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[disabled] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[disabled] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[disabled] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[disabled] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[disabled] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[disabled] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[disabled] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[disabled] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn[aria-disabled="true"] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:focus-visible, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:focus-visible {
  box-shadow: none;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled], .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled], .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled], .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"], .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"], .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"], .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled i, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled .icon, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled svg, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error.disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[disabled] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error[aria-disabled="true"] svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled svg *, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:focus-visible, .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:focus-visible, .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:focus-visible {
  box-shadow: none;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-select .agc-toolbar-btn-group .dsl-action-btn.base-style-error:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-create .agc-toolbar-btn-group .dsl-action-btn.base-style-error:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dsl-advanced-grid .agc-toolbar-container .agc-layout-reset .agc-toolbar-btn-group .dsl-action-btn.base-style-error:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-section {
  gap: var(--space-1);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-heading {
  width: 100%;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-count {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-hint, .dsl-advanced-grid .agc-toolbar-container .agc-layout-empty {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 16px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-empty {
  padding: var(--space-2) 0;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-list {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden auto;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row {
  border-radius: 4px;
  align-items: center;
  height: 32px;
  transition: background-color .15s;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row:hover, .dsl-advanced-grid .agc-toolbar-container .agc-layout-row:focus-within {
  background: color-mix(in srgb, var(--color-text) 8%, transparent);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row.is-selected {
  background: color-mix(in srgb, var(--color-secondary) 14%, transparent);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row-name {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  height: 100%;
  padding: 0 var(--space-2);
  text-align: left;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  cursor: pointer;
  background: none;
  border: 0;
  flex: auto;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row.is-selected .agc-layout-row-name {
  font-weight: 500;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-everyone {
  color: var(--color-primary-ink);
  flex: none;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-share-field {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-share-all {
  margin: var(--space-1) 0;
  font-size: var(--type-label);
  color: var(--color-text);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule > .agc-toolbar-title {
  margin-top: var(--space-3);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-radios {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-radios .ant-radio-wrapper {
  font-size: var(--type-label);
  color: var(--color-text);
  margin: 0;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-days {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-days-row {
  gap: var(--space-1);
  flex-wrap: wrap;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-day {
  min-width: var(--space-8);
  padding: var(--space-1) var(--space-2);
  border: 1px solid color-mix(in srgb, var(--color-text) 24%, transparent);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  line-height: 16px;
  transition: background-color .15s, border-color .15s;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-day:hover:not(:disabled) {
  background: color-mix(in srgb, var(--color-text) 8%, transparent);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-day:focus-visible {
  outline: 2px solid var(--color-primary-ink);
  outline-offset: 1px;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-day.is-on {
  border-color: var(--color-primary-600);
  background: var(--color-primary-600);
  color: var(--white);
  font-weight: 500;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-day.is-on:hover:not(:disabled) {
  border-color: var(--color-primary-700);
  background: var(--color-primary-700);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-day:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-range {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-select, .dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-days-input {
  width: 100%;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-status {
  gap: var(--space-1);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  flex-direction: column;
  line-height: 16px;
  display: flex;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-schedule-status .is-failed {
  color: var(--color-error-ink);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row-delete {
  width: 0;
  height: 28px;
  color: var(--color-error-ink);
  cursor: pointer;
  opacity: 0;
  background: none;
  border: 0;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding: 0;
  transition: opacity .15s, width .15s, background-color .15s;
  display: inline-flex;
  overflow: hidden;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row:hover .agc-layout-row-delete, .dsl-advanced-grid .agc-toolbar-container .agc-layout-row:focus-within .agc-layout-row-delete, .dsl-advanced-grid .agc-toolbar-container .agc-layout-row-delete:focus-visible, .dsl-advanced-grid .agc-toolbar-container .agc-layout-row-delete[aria-busy="true"] {
  width: 28px;
  margin-right: var(--space-1);
  opacity: 1;
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row-delete:hover:not(:disabled) {
  color: var(--color-error-900);
}

.dsl-advanced-grid .agc-toolbar-container .agc-layout-row-delete:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.dsl-advanced-grid .ag-icon-config:before {
  background-color: #0000 !important;
}

.dsl-advanced-grid .ag-side-button-icon-wrapper i {
  color: var(--ag-icon-color);
  line-height: 1;
}

.dsl-advanced-grid .ag-cell-value {
  font-size: var(--ag-grid-font-size, 14px);
  font-weight: normal;
}

.dsl-advanced-grid .ag-cell-value:has(span):not(:has(.agg-footer-cell)) {
  text-align: center;
  justify-content: center;
  width: 100%;
}

.dsl-advanced-grid .ag-cell-value span {
  vertical-align: middle;
  font-size: var(--ag-grid-font-size, 14px);
  border-radius: 64px;
  max-width: fit-content;
  font-weight: 400;
}

.dsl-advanced-grid .ag-cell-value span.status-error {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.dsl-advanced-grid .ag-cell-value span.status-warning {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.dsl-advanced-grid .ag-cell-value span.status-pending {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #4f82bc var(--status-pill-tint, 20%), #fff);
  color: #324c68;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.dsl-advanced-grid .ag-cell-value span.status-onhold {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.dsl-advanced-grid .ag-cell-value span.status-paid {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #73c2a9 var(--status-pill-tint, 20%), #fff);
  color: #376556;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"], .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] {
  color: var(--color-text-800) !important;
}

.dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-header-cell-label, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-asc .ag-header-cell-label .ag-header-cell-text, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="ascending"] .ag-header-cell-label .ag-header-cell-text, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell.ag-header-cell-sorted-desc .ag-header-cell-label .ag-header-cell-text, .dsl-advanced-grid .ag-root-wrapper .ag-header .ag-header-row .ag-header-cell[aria-sort="descending"] .ag-header-cell-label .ag-header-cell-text {
  font-weight: 500 !important;
  line-height: 18px !important;
  font-size: var(--type-label) !important;
}

.dsl-advanced-grid .ag-header-cell.ag-center-header .ag-header-cell-label {
  justify-content: center;
}

.dsl-advanced-grid .ag-header-cell.ag-right-header .ag-header-cell-label {
  justify-content: flex-end;
}

.dsl-advanced-grid .ag-header-cell.ag-left-header .ag-header-cell-label {
  justify-content: flex-start;
}

.dsl-advanced-grid .ag-header-cell-sortable .ag-header-cell-label .ag-sort-indicator-container {
  margin-right: var(--space-1);
  order: -1;
}

.dsl-advanced-grid .ag-sort-order {
  display: none !important;
}

.dsl-advanced-grid .ag-side-bar {
  background-color: var(--ag-header-background-color);
  border-left: var(--hairline) solid var(--grid-edge);
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons {
  gap: var(--nudge-1);
  padding: var(--space-1) var(--nudge-2);
  background-color: #0000;
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button {
  border-radius: var(--radius-xsmall);
  padding: 10px var(--space-1);
  color: var(--color-primary-ink);
  font-size: var(--type-label);
  background-color: #0000;
  border: 0;
  font-weight: 500;
  transition: background-color .12s ease-out, color .12s ease-out;
  overflow-y: auto;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button:hover {
  background-color: var(--grid-tab-hover);
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button.ag-selected {
  color: var(--white);
  background-color: #668eba;
  box-shadow: 0 1px 2px #3e5d81, 0 2px 5px #0000000f;
}

.dsl-advanced-grid .ag-side-bar .ag-side-button-icon-wrapper {
  width: var(--icon-size-inline);
  height: var(--icon-size-inline);
  color: inherit;
  justify-content: center;
  align-items: center;
  margin: 0 auto 6px;
  display: flex;
}

.dsl-advanced-grid .ag-side-bar .ag-side-button-icon-wrapper i, .dsl-advanced-grid .ag-side-bar .ag-side-button-icon-wrapper .ag-icon {
  color: inherit;
  font-size: 13px;
  line-height: var(--icon-size-inline);
}

.dsl-advanced-grid .ag-filter-toolpanel-group-title, .dsl-advanced-grid .ag-column-select-column-label, .dsl-advanced-grid .ag-toggle-button-label, .dsl-advanced-grid .ag-column-drop-title, .dsl-advanced-grid .ag-column-drop-empty-message {
  color: var(--color-text);
  font-weight: 400;
}

.dsl-advanced-grid .ag-row {
  color: var(--color-text-700);
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-color: var(--ag-row-tint-edge, var(--gray-100)) !important;
}

.dsl-advanced-grid .ag-center-cols-container, .dsl-advanced-grid .ag-center-cols-container .ag-row {
  min-width: 100% !important;
}

.dsl-advanced-grid .ag-row.ag-row-group-expanded {
  box-shadow: none;
  background-color: var(--color-background-200) !important;
}

.dsl-advanced-grid .ag-full-width-row {
  z-index: 5;
}

.dsl-advanced-grid .ag-header-viewport {
  background-color: var(--color-border-500) !important;
}

.dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button .ag-side-button-button {
  padding: 0 !important;
}

.dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child .ag-header-cell-menu-button, .dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child .ag-header-menu-icon, .dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child .ag-header-icon, .dsl-advanced-grid:has(.ag-side-bar) .ag-header-cell:last-child {
  border-top-right-radius: 0 !important;
}

.dsl-advanced-grid .ag-cell.ag-cell-last-left-pinned {
  border-right: none !important;
}

.dsl-advanced-grid .ag-cell.ag-cell-first-right-pinned, .dsl-advanced-grid .ag-cell.ag-cell-last-right-pinned {
  border-color: #0000 !important;
  border-left-style: none !important;
  border-left-width: medium !important;
}

.dsl-advanced-grid .ag-header-cell.ag-header-cell-last-left-pinned {
  border-right: none !important;
}

.dsl-advanced-grid .ag-floating-bottom, .dsl-advanced-grid .ag-floating-bottom .ag-row {
  background-color: var(--color-border-500);
}

.dsl-advanced-grid .ag-floating-bottom .agg-footer-label {
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text);
}

.dsl-advanced-grid .ag-floating-bottom .agg-footer-value {
  font-weight: 500;
}

.dsl-advanced-grid .even-background, .dsl-advanced-grid .odd-background {
  background-color: var(--white);
}

.dsl-advanced-grid .archived-background {
  --ag-row-tint-edge: #beb3a7;
  box-shadow: 0 -1px 0 0 var(--ag-row-tint-edge);
  background-color: #e0d3c5;
}

.dsl-advanced-grid .ag-row.ag-row-selected, .dsl-advanced-grid .ag-row.app-row-highlighted {
  --ag-selected-row-background-color: var(--grid-selected-row-background);
  --color-text-muted-ink: var(--color-text-600);
  clip-path: inset(-12px 0);
  box-shadow: 0 3px 10px #45494f38, 0 1px 3px #45494f24;
  background-color: var(--grid-selected-row-background) !important;
  border-top: var(--hairline) solid var(--color-primary-700) !important;
  border-bottom: var(--hairline) solid var(--color-primary-700) !important;
  z-index: 6 !important;
  overflow: visible !important;
}

.dsl-advanced-grid.multi-row-select .ag-row.ag-row-selected, .dsl-advanced-grid.multi-row-select .ag-row.app-row-highlighted {
  box-shadow: 0 calc(-1 * var(--hairline)) 0 0 var(--color-primary-700) !important;
  z-index: 1 !important;
  border-top: 0 !important;
}

.dsl-advanced-grid .sorted-column {
  font-size: var(--type-value);
  color: #393c41;
}

.dsl-advanced-grid .sorted-column .ag-cell-value {
  font-weight: 500;
}

.dsl-advanced-grid .unsorted-columns {
  color: var(--color-text);
  font-weight: 400;
  font-size: var(--type-value);
  padding-left: var(--space-3);
}

.dsl-advanced-grid .header-style {
  font-weight: 400;
  line-height: 18px;
  font-size: var(--type-label);
  background-color: var(--color-border-500);
  color: var(--color-text);
  padding-left: var(--space-2);
}

.dsl-advanced-grid .ag-header-cell, .dsl-advanced-grid .ag-header-group-cell-with-group {
  background-color: var(--color-border-500);
}

.dsl-advanced-grid .ag-header-cell.ag-header-cell-locked, .dsl-advanced-grid .ag-header-cell.ag-header-cell-locked.ag-header-cell-sorted-asc, .dsl-advanced-grid .ag-header-cell.ag-header-cell-locked.ag-header-cell-sorted-desc {
  background-color: color-mix(in srgb, var(--color-border-500) 98%, black);
}

.dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-header-viewport {
  background-color: var(--color-background-400) !important;
}

.dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-header-cell, .dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-header-group-cell-with-group {
  background-color: var(--color-background-400);
}

.dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-header-cell.ag-header-cell-locked, .dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-header-cell.ag-header-cell-locked.ag-header-cell-sorted-asc, .dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-header-cell.ag-header-cell-locked.ag-header-cell-sorted-desc {
  background-color: color-mix(in srgb, var(--color-background-400) 98%, black);
}

.dsl-advanced-grid :is(.ag-details-row, .ag-full-width-row) .ag-row.ag-row-last {
  border-bottom-color: #0000 !important;
}

.dsl-advanced-grid .default-style {
  padding-left: 37px;
}

@media (width <= 768px) {
  .dsl-advanced-grid .ag-side-bar .ag-side-buttons .ag-side-button {
    font-size: var(--type-micro);
  }
}

.dsl-advanced-grid .ag-cell .select-container.table-select {
  align-items: center;
  height: 100%;
  display: flex;
}

.dsl-advanced-grid .ag-cell:has(.select-container.table-select) > .ag-cell-wrapper, .dsl-advanced-grid .ag-cell:has(.select-container.table-select) > .ag-cell-wrapper > .ag-cell-value {
  align-items: center !important;
  height: 100% !important;
  line-height: normal !important;
  display: flex !important;
}

.dsl-advanced-grid .ag-cell .select-container.table-select > .field-select {
  flex-direction: column !important;
  justify-content: center !important;
  height: 100% !important;
  display: flex !important;
}

.dsl-advanced-grid .ag-cell .select-container.table-select .rs__control {
  height: 32px !important;
  min-height: 32px !important;
}

.dsl-advanced-grid .ag-cell .select-container.table-select .rs__control, .dsl-advanced-grid .ag-cell .select-container.table-select .rs__value-container, .dsl-advanced-grid .ag-cell .select-container.table-select .rs__placeholder, .dsl-advanced-grid .ag-cell .select-container.table-select .rs__single-value {
  line-height: normal !important;
}

.dsl-advanced-grid .ag-cell:has(.table-select), .dsl-advanced-grid .ag-cell-wrapper:has(.table-select), .dsl-advanced-grid .ag-cell-value:has(.table-select) {
  overflow: visible !important;
}

.dsl-advanced-grid .ag-row:has(.table-select) {
  z-index: 1;
  overflow: visible !important;
}

.dsl-advanced-grid .ag-cell:has(.status-cell.clickable), .dsl-advanced-grid .ag-cell-wrapper:has(.status-cell.clickable), .dsl-advanced-grid .ag-cell-value:has(.status-cell.clickable) {
  overflow: visible !important;
}

.dsl-advanced-grid .ag-row:has(.status-cell.clickable) {
  z-index: 1;
  overflow: visible !important;
}

.dsl-advanced-grid .ag-row:has(.table-select .rs__control--is-focused), .dsl-advanced-grid .ag-row:has(.table-select .rs__menu), .dsl-advanced-grid .ag-row:has(.table-select .react-select__control--is-focused), .dsl-advanced-grid .ag-row:has(.table-select .react-select__menu) {
  z-index: 100 !important;
}

.dsl-advanced-grid .dt-td-select {
  vertical-align: middle;
}

.dsl-advanced-grid .table-select {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0 var(--space-2);
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .table-select .field-select {
  width: 100%;
}

.dsl-advanced-grid .table-select .rs__control, .dsl-advanced-grid .table-select .react-select__control {
  height: 38px !important;
  min-height: 38px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  background: #ffffff40 !important;
  border: 1px solid #00000014 !important;
  border-radius: 4px !important;
  outline: none !important;
  width: 100% !important;
  min-width: 0 !important;
  transition: all .15s !important;
}

.dsl-advanced-grid .table-select .rs__value-container, .dsl-advanced-grid .table-select .react-select__value-container {
  padding: 0 var(--space-3);
  cursor: pointer;
  pointer-events: none;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.dsl-advanced-grid .table-select .rs__input-container, .dsl-advanced-grid .table-select .react-select__input-container {
  margin: 0;
  padding: 0;
  color: #0000 !important;
  caret-color: #0000 !important;
}

.dsl-advanced-grid .table-select .rs__input-container input, .dsl-advanced-grid .table-select .react-select__input-container input {
  cursor: pointer !important;
  caret-color: #0000 !important;
}

.dsl-advanced-grid .table-select .rs__single-value, .dsl-advanced-grid .table-select .rs__placeholder, .dsl-advanced-grid .table-select .react-select__single-value, .dsl-advanced-grid .table-select .react-select__placeholder {
  font-size: var(--type-value);
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.dsl-advanced-grid .table-select .rs__indicators, .dsl-advanced-grid .table-select .react-select__indicators {
  pointer-events: none;
  align-items: center;
  height: 100%;
  display: flex;
  background: none !important;
}

.dsl-advanced-grid .table-select .rs__indicator, .dsl-advanced-grid .table-select .react-select__indicator {
  padding: 0 var(--space-2);
  pointer-events: auto;
  align-items: center;
  display: flex;
  background: none !important;
}

.dsl-advanced-grid .table-select .rs__dropdown-indicator svg, .dsl-advanced-grid .table-select .react-select__dropdown-indicator svg, .dsl-advanced-grid .table-select .rs__clear-indicator svg, .dsl-advanced-grid .table-select .react-select__clear-indicator svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.dsl-advanced-grid .table-select .rs__indicator-separator, .dsl-advanced-grid .table-select .react-select__indicator-separator {
  display: none;
}

.dsl-advanced-grid .table-select .rs__control:hover, .dsl-advanced-grid .table-select .react-select__control:hover {
  background: #ffffff40 !important;
  border-color: #00000024 !important;
}

.dsl-advanced-grid .table-select .rs__control:hover .rs__dropdown-indicator svg, .dsl-advanced-grid .table-select .react-select__control:hover .rs__dropdown-indicator svg, .dsl-advanced-grid .table-select .rs__control:hover .react-select__dropdown-indicator svg, .dsl-advanced-grid .table-select .react-select__control:hover .react-select__dropdown-indicator svg, .dsl-advanced-grid .table-select .rs__control:hover .rs__clear-indicator svg, .dsl-advanced-grid .table-select .react-select__control:hover .rs__clear-indicator svg, .dsl-advanced-grid .table-select .rs__control:hover .react-select__clear-indicator svg, .dsl-advanced-grid .table-select .react-select__control:hover .react-select__clear-indicator svg {
  fill: var(--color-text);
}

.dsl-advanced-grid .table-select .rs__control--is-focused, .dsl-advanced-grid .table-select .react-select__control--is-focused {
  box-shadow: none !important;
  background: #ffffff40 !important;
  border-color: #0000000a !important;
  outline: none !important;
}

.dsl-advanced-grid .table-select .rs__control--menu-is-open, .dsl-advanced-grid .table-select .react-select__control--menu-is-open {
  background: #ffffff40 !important;
  border-color: #00000024 !important;
}

.dsl-advanced-grid .table-select .rs__menu, .dsl-advanced-grid .table-select .react-select__menu {
  z-index: 99999;
  border: 1px solid #00000014;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 14px 40px #0000002e;
}

.dsl-advanced-grid .table-select .rs__option, .dsl-advanced-grid .table-select .react-select__option {
  font-size: var(--type-label);
  padding: var(--space-2) 10px;
}

.dsl-advanced-grid .table-select .rs__option--is-focused, .dsl-advanced-grid .table-select .react-select__option--is-focused {
  background: color-mix(in srgb, var(--color-primary-700) 14%, transparent);
}

.dsl-advanced-grid .table-select .rs__option--is-selected, .dsl-advanced-grid .table-select .react-select__option--is-selected {
  background: color-mix(in srgb, var(--color-primary-700) 22%, transparent);
}

.dsl-advanced-grid .table-select .ant-select-selector {
  background: none !important;
  border-color: #00000014 !important;
  border-radius: 4px !important;
  height: 38px !important;
  min-height: 38px !important;
  transition: all .15s !important;
}

.dsl-advanced-grid .table-select.ant-select-focused .ant-select-selector {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .table-select .ant-select-arrow {
  color: var(--color-text-muted-ink);
}

.dsl-advanced-grid .table-select .ant-select-arrow svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.dsl-advanced-grid .table-select .ant-select-clear {
  color: var(--color-text-muted-ink);
}

.dsl-advanced-grid .table-select .ant-select-clear svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.dsl-advanced-grid .ag-row:hover .table-select .rs__control, .dsl-advanced-grid .ag-row:hover .table-select .react-select__control {
  background: #ffffff40;
  border-color: #0000001a;
}

.dsl-advanced-grid .ag-row:hover .table-select .ant-select-selector {
  background: #ffffffbf !important;
  border-color: #0000001a !important;
}

.dsl-advanced-grid .ag-row:hover .table-select .ant-select-arrow {
  opacity: .5;
}

.dsl-advanced-grid .ag-row .table-select .rs__control, .dsl-advanced-grid .ag-row .table-select .react-select__control {
  background: none !important;
  border-color: #0000 !important;
  transition: border-color .12s, background-color .12s !important;
}

.dsl-advanced-grid .ag-row .table-select .rs__indicator-separator, .dsl-advanced-grid .ag-row .table-select .react-select__indicator-separator {
  opacity: 0 !important;
}

.dsl-advanced-grid .ag-row .table-select .rs__dropdown-indicator, .dsl-advanced-grid .ag-row .table-select .react-select__dropdown-indicator {
  opacity: .35;
  transition: opacity .12s;
}

.dsl-advanced-grid .ag-row .table-select .rs__placeholder, .dsl-advanced-grid .ag-row .table-select .react-select__placeholder {
  opacity: .55;
}

.dsl-advanced-grid .ag-row .table-select .rs__single-value, .dsl-advanced-grid .ag-row .table-select .react-select__single-value {
  font-weight: 400;
}

.dsl-advanced-grid .ag-row:hover .table-select .rs__control, .dsl-advanced-grid .ag-row.ag-row-hover .table-select .rs__control, .dsl-advanced-grid .ag-row:hover .table-select .react-select__control, .dsl-advanced-grid .ag-row.ag-row-hover .table-select .react-select__control {
  background: #fff9 !important;
  border-color: #0000001a !important;
}

.dsl-advanced-grid .ag-row:hover .table-select .rs__dropdown-indicator, .dsl-advanced-grid .ag-row.ag-row-hover .table-select .rs__dropdown-indicator, .dsl-advanced-grid .ag-row:hover .table-select .react-select__dropdown-indicator, .dsl-advanced-grid .ag-row.ag-row-hover .table-select .react-select__dropdown-indicator, .dsl-advanced-grid .ag-row:hover .table-select .rs__placeholder, .dsl-advanced-grid .ag-row.ag-row-hover .table-select .rs__placeholder, .dsl-advanced-grid .ag-row:hover .table-select .react-select__placeholder, .dsl-advanced-grid .ag-row.ag-row-hover .table-select .react-select__placeholder {
  opacity: 1;
}

.dsl-advanced-grid .ag-row .table-select .rs__control--is-focused, .dsl-advanced-grid .ag-row .table-select .rs__control--menu-is-open, .dsl-advanced-grid .ag-row .table-select .react-select__control--is-focused, .dsl-advanced-grid .ag-row .table-select .react-select__control--menu-is-open {
  border-color: var(--color-primary) !important;
  background: var(--white) !important;
}

.dsl-advanced-grid .rs__menu-portal, .dsl-advanced-grid .react-select__menu-portal {
  z-index: 99999 !important;
}

.dsl-advanced-grid .dropdown-actions-container {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  height: 38px;
  padding: 0 var(--space-3);
  margin: var(--space-2);
  cursor: pointer;
  background: none;
  border: 1px solid #00000014;
  border-radius: 4px;
  transition: all .15s;
  display: flex;
}

.dsl-advanced-grid .dropdown-actions-container .menu-icon {
  font-size: var(--type-value);
  color: #00000080;
}

.dsl-advanced-grid .dropdown-actions-container .arrow-down-icon {
  fill: #00000080;
  width: 16px;
  height: 16px;
  transform: scale(.9);
}

.dsl-advanced-grid .dropdown-actions-container:hover {
  background: #ffffffd9;
  border-color: #00000024;
}

.dsl-advanced-grid .dropdown-actions-container:hover .menu-icon {
  color: #000000a0;
}

.dsl-advanced-grid .dropdown-actions-container:hover .arrow-down-icon {
  fill: #000000a0;
}

.dsl-advanced-grid .dropdown-actions-container:active, .dsl-advanced-grid .dropdown-actions-container:focus {
  background: #fffffff2;
  border-color: #00000024;
  outline: none;
}

.dsl-advanced-grid .ag-row:hover .dropdown-actions-container {
  background: #ffffffbf;
  border-color: #0000001a;
}

.dsl-advanced-grid .ag-row:hover .dropdown-actions-container .arrow-down-icon {
  fill: #00000080;
}

.dsl-advanced-grid .ag-no-rows-custom {
  padding: 40px var(--space-5);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-no-rows-custom .ag-no-rows-icon {
  margin-bottom: var(--space-3);
}

.dsl-advanced-grid .ag-no-rows-custom .ag-no-rows-icon i {
  font-size: var(--icon-size-xl);
  color: var(--color-text-400);
  font-weight: 300;
}

.dsl-advanced-grid .ag-no-rows-custom .ag-no-rows-title {
  font-size: var(--type-value);
  color: var(--color-text-400);
  font-style: italic;
  font-weight: 400;
}

.dsl-advanced-grid .ag-overlay-no-rows-wrapper, .dsl-advanced-grid .ag-overlay-no-rows-center {
  color: var(--color-text-muted-ink);
}

.dsl-advanced-grid .ag-overlay-no-rows-wrapper:not(:has(.ag-no-rows-custom)) {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-overlay-no-rows-wrapper:not(:has(.ag-no-rows-custom)):before {
  content: "";
  color: var(--color-text-400);
  margin-bottom: var(--space-3);
  font-family: "Font Awesome 6 Pro";
  font-size: 32px;
  font-weight: 300;
  display: block;
}

.dsl-advanced-grid .ag-overlay-no-rows-center {
  font-size: 0;
  font-weight: 400;
}

.dsl-advanced-grid .ag-overlay-no-rows-center:after {
  content: "No Data to Show";
  font-size: var(--type-value);
  color: var(--color-text-400);
  font-style: italic;
}

.dsl-advanced-grid .ag-overlay-no-matching-rows-wrapper {
  padding: 40px var(--space-5);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-overlay-no-matching-rows-wrapper:before {
  content: "";
  color: var(--color-text-400);
  margin-bottom: var(--space-3);
  font-family: "Font Awesome 6 Pro";
  font-size: 32px;
  font-weight: 300;
  display: block;
}

.dsl-advanced-grid .ag-overlay-no-matching-rows-wrapper .ag-overlay-no-matching-rows-center {
  font-size: var(--type-value);
  color: var(--color-text-400);
  font-style: italic;
  font-weight: 400;
}

.dsl-advanced-grid .ag-loading-error-custom {
  padding: 40px var(--space-5);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-icon {
  margin-bottom: var(--space-3);
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-icon i {
  font-size: var(--icon-size-xl);
  color: var(--color-text-muted-ink);
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-title {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  margin-bottom: var(--space-1);
  font-weight: 500;
}

.dsl-advanced-grid .ag-loading-error-custom .ag-loading-error-subtitle {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
}

.dsl-advanced-grid .ag-error-overlay {
  padding: 40px var(--space-5);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-icon {
  margin-bottom: var(--space-2);
}

.dsl-advanced-grid .ag-error-overlay .ag-error-icon i {
  font-size: var(--icon-size-2xl);
  color: #e53e3e;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-title {
  font-size: var(--type-control);
  color: var(--color-text-900);
  margin-bottom: var(--space-1);
  font-weight: 500;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-message {
  font-size: var(--type-value);
  color: var(--color-text-600);
  margin-bottom: var(--space-3);
  max-width: 400px;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn {
  padding: var(--space-2) var(--space-4);
  background-color: var(--color-primary-600);
  color: var(--white);
  font-size: var(--type-value);
  cursor: pointer;
  margin-top: var(--space-2);
  border: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all .15s;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn:active {
  transform: translateY(1px);
}

.dsl-advanced-grid .ag-error-overlay .ag-error-retry-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.dsl-advanced-grid .ag-custom-error-overlay {
  z-index: 1000;
  padding: 40px var(--space-5);
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  background-color: #fffffffa;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-icon {
  margin-bottom: var(--space-2);
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-icon i {
  font-size: var(--icon-size-2xl);
  color: var(--color-error-ink);
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-title {
  font-size: var(--type-control);
  color: var(--color-text);
  margin-bottom: var(--space-1);
  font-weight: 500;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-message {
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  max-width: 400px;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn {
  padding: var(--space-2) var(--space-4);
  background-color: var(--color-primary-600);
  color: var(--white);
  font-size: var(--type-value);
  cursor: pointer;
  margin-top: var(--space-2);
  border: none;
  border-radius: 6px;
  align-items: center;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn:active {
  transform: translateY(1px);
}

.dsl-advanced-grid .ag-custom-error-overlay .ag-error-retry-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-input-field-input, .dsl-advanced-grid .ag-filter-body-wrapper .ag-input-field-input, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-text-field-input, .dsl-advanced-grid .ag-filter-body-wrapper .ag-text-field-input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  transition: all .15s;
  height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 10px !important;
  padding-left: var(--space-6) !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  outline: none !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-input-field-input:hover, .dsl-advanced-grid .ag-filter-body-wrapper .ag-input-field-input:hover, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-text-field-input:hover, .dsl-advanced-grid .ag-filter-body-wrapper .ag-text-field-input:hover {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-input-field-input:focus, .dsl-advanced-grid .ag-filter-body-wrapper .ag-input-field-input:focus, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-text-field-input:focus, .dsl-advanced-grid .ag-filter-body-wrapper .ag-text-field-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-picker-field-wrapper, .dsl-advanced-grid .ag-filter-body-wrapper .ag-picker-field-wrapper {
  cursor: pointer;
  transition: all .15s;
  height: 34px !important;
  min-height: 34px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-picker-field-wrapper:hover, .dsl-advanced-grid .ag-filter-body-wrapper .ag-picker-field-wrapper:hover {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-picker-field-wrapper.ag-picker-expanded, .dsl-advanced-grid .ag-filter-body-wrapper .ag-picker-field-wrapper.ag-picker-expanded {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-picker-field-wrapper .ag-picker-field-display, .dsl-advanced-grid .ag-filter-body-wrapper .ag-picker-field-wrapper .ag-picker-field-display {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-900);
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-picker-field-wrapper .ag-picker-field-icon, .dsl-advanced-grid .ag-filter-body-wrapper .ag-picker-field-wrapper .ag-picker-field-icon {
  opacity: .5;
  transition: opacity .15s;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-picker-field-wrapper:hover .ag-picker-field-icon, .dsl-advanced-grid .ag-filter-body-wrapper .ag-picker-field-wrapper:hover .ag-picker-field-icon {
  opacity: .7;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-filter-condition .ag-picker-field-wrapper, .dsl-advanced-grid .ag-filter-body-wrapper .ag-filter-condition .ag-picker-field-wrapper {
  height: 30px !important;
  min-height: 30px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-mini-filter .ag-input-field-input, .dsl-advanced-grid .ag-filter-body-wrapper .ag-mini-filter .ag-input-field-input, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-set-filter .ag-text-field .ag-input-field-input, .dsl-advanced-grid .ag-filter-body-wrapper .ag-set-filter .ag-text-field .ag-input-field-input, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-mini-filter .ag-text-field-input, .dsl-advanced-grid .ag-filter-body-wrapper .ag-mini-filter .ag-text-field-input, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-set-filter .ag-text-field .ag-text-field-input, .dsl-advanced-grid .ag-filter-body-wrapper .ag-set-filter .ag-text-field .ag-text-field-input {
  padding-left: var(--space-7) !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-mini-filter .ag-input-field-icon, .dsl-advanced-grid .ag-filter-body-wrapper .ag-mini-filter .ag-input-field-icon, .dsl-advanced-grid .ag-filter-toolpanel-body .ag-set-filter .ag-text-field .ag-input-field-icon, .dsl-advanced-grid .ag-filter-body-wrapper .ag-set-filter .ag-text-field .ag-input-field-icon {
  opacity: .4;
  left: 8px;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ag-mini-filter .ag-input-field-icon-button, .dsl-advanced-grid .ag-filter-body-wrapper .ag-mini-filter .ag-input-field-icon-button {
  display: none !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select .ant-select-selector, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select .ant-select-selector {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  transition: all .15s;
  height: 34px !important;
  min-height: 34px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select.ant-select-focused .ant-select-selector, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select.ant-select-focused .ant-select-selector {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select:hover .ant-select-selector, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select:hover .ant-select-selector {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select .ant-select-arrow, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select .ant-select-arrow {
  color: var(--color-text-muted-ink);
  transition: color .15s;
  font-size: var(--type-label) !important;
  right: 10px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select .ant-select-arrow svg, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select .ant-select-arrow svg {
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
  width: 12px !important;
  height: 12px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select:hover .ant-select-arrow, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select:hover .ant-select-arrow {
  color: var(--color-text);
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select:hover .ant-select-arrow svg, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select:hover .ant-select-arrow svg {
  fill: var(--color-text);
}

.dsl-advanced-grid .ag-filter-toolpanel-body .ant-select .ant-select-clear, .dsl-advanced-grid .ag-filter-body-wrapper .ant-select .ant-select-clear {
  display: none !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ag-input-field-input, .dsl-advanced-grid .ag-filter-toolpanel .ag-text-field-input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  transition: all .15s;
  height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 10px !important;
  padding-left: var(--space-6) !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  outline: none !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ag-input-field-input:hover, .dsl-advanced-grid .ag-filter-toolpanel .ag-text-field-input:hover {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ag-input-field-input:focus, .dsl-advanced-grid .ag-filter-toolpanel .ag-text-field-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .ag-column-select-header-filter-wrapper .ag-input-field-input, .dsl-advanced-grid .ag-column-select-header-filter-wrapper .ag-text-field-input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  transition: all .15s;
  height: 34px !important;
  padding: 0 10px 0 var(--space-7) !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  outline: none !important;
}

.dsl-advanced-grid .ag-column-select-header-filter-wrapper .ag-input-field-input:hover, .dsl-advanced-grid .ag-column-select-header-filter-wrapper .ag-text-field-input:hover {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-column-select-header-filter-wrapper .ag-input-field-input:focus, .dsl-advanced-grid .ag-column-select-header-filter-wrapper .ag-text-field-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .ag-set-filter .ag-mini-filter .ag-text-field-input, .dsl-advanced-grid .ag-set-filter .ag-mini-filter .ag-input-field-input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  transition: all .15s;
  height: 34px !important;
  padding: 0 10px 0 var(--space-7) !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  outline: none !important;
}

.dsl-advanced-grid .ag-set-filter .ag-mini-filter .ag-text-field-input:hover, .dsl-advanced-grid .ag-set-filter .ag-mini-filter .ag-input-field-input:hover {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-set-filter .ag-mini-filter .ag-text-field-input:focus, .dsl-advanced-grid .ag-set-filter .ag-mini-filter .ag-input-field-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select .ant-select-selector.ant-select-selector, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select .ant-select-selector.ant-select-selector {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  height: 34px !important;
  min-height: 34px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  padding: 0 10px !important;
  transition: all .15s !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select:hover .ant-select-selector.ant-select-selector, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select:hover .ant-select-selector.ant-select-selector {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select.ant-select-focused .ant-select-selector.ant-select-selector, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select.ant-select-focused .ant-select-selector.ant-select-selector, .dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select.ant-select-open .ant-select-selector.ant-select-selector, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select.ant-select-open .ant-select-selector.ant-select-selector {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select .ant-select-arrow, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select .ant-select-arrow {
  transition: color .15s;
  color: var(--color-text-muted-ink) !important;
  font-size: var(--type-label) !important;
  width: 12px !important;
  height: 12px !important;
  margin-top: -6px !important;
  top: 50% !important;
  right: 11px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select .ant-select-arrow svg, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select .ant-select-arrow svg {
  width: 12px !important;
  height: 12px !important;
  color: var(--color-text-muted-ink) !important;
  fill: var(--gray-500) !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select:hover .ant-select-arrow, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select:hover .ant-select-arrow {
  color: var(--color-text) !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select:hover .ant-select-arrow svg, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select:hover .ant-select-arrow svg {
  fill: var(--color-text) !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select .ant-select-clear, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select .ant-select-clear {
  display: none !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select .ant-select-selection-item, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select .ant-select-selection-item {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  border-radius: 3px !important;
  height: 24px !important;
  line-height: 22px !important;
}

.dsl-advanced-grid .ag-filter-toolpanel .ant-select.ant-select .ant-select-selection-overflow, .dsl-advanced-grid .ag-tool-panel-wrapper .ant-select.ant-select .ant-select-selection-overflow {
  max-height: 30px;
  overflow: hidden;
}

.dsl-advanced-grid .ag-floating-filter-input .ag-input-field-input, .dsl-advanced-grid .ag-floating-filter-input .ag-text-field-input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  transition: all .15s;
  height: 30px !important;
  padding: 0 var(--space-2) !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
  outline: none !important;
}

.dsl-advanced-grid .ag-floating-filter-input .ag-input-field-input:focus, .dsl-advanced-grid .ag-floating-filter-input .ag-text-field-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  background: #fffffff2 !important;
}

.dsl-advanced-grid.sidebar-left .ag-tool-panel-wrapper {
  border-right: none;
  border-left: var(--hairline) solid var(--grid-edge);
}

.dsl-advanced-grid.sidebar-left .ag-side-bar {
  border-left: none;
  border-right: var(--hairline) solid var(--grid-edge);
}

.dsl-advanced-grid.sidebar-left:has(.ag-side-bar) .ag-header-cell:first-child {
  border-top-left-radius: 0 !important;
}

.ag-select-list {
  overflow: hidden;
  border: 1px solid #00000014 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 40px #0000002e !important;
}

.ag-select-list .ag-select-list-item {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  padding: 6px var(--space-3) !important;
}

.ag-select-list .ag-select-list-item.ag-active-item {
  background: #5f7dc81a !important;
}

.ag-select-list .ag-select-list-item:hover {
  background: #5f7dc814 !important;
}

.ag-fade-wrap {
  --fade-left-offset: 0px;
  --fade-right-offset: 0px;
  --fade-height: 100%;
  --fade-corner-radius: 10px;
  --fade-corner-radius-left: var(--fade-corner-radius);
  --fade-corner-radius-right: 0px;
  height: 100%;
  min-height: 0;
  position: relative;
}

.dsl-advanced-grid.sidebar-left .ag-fade-wrap {
  --fade-corner-radius-left: 0px;
  --fade-corner-radius-right: var(--fade-corner-radius);
}

.windows .ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
  height: 12px;
  display: block;
}

.windows .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track {
  background-color: #eef0f3;
  border-radius: 6px;
}

.windows .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
  background-color: #8f98a3;
  border: 2px solid #eef0f3;
  border-radius: 6px;
  min-width: 36px;
}

.windows .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover {
  background-color: #6f7883;
}

@supports not selector(::-webkit-scrollbar) {
  .windows .ag-body-horizontal-scroll-viewport {
    scrollbar-width: auto;
    scrollbar-color: #8f98a3 #eef0f3;
  }
}

.windows .ag-body-horizontal-scroll, .windows .ag-body-horizontal-scroll .ag-body-horizontal-scroll-viewport, .windows .ag-body-horizontal-scroll .ag-body-horizontal-scroll-container {
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
}

.windows .ag-body-horizontal-scroll.ag-scrollbar-invisible {
  position: relative;
  bottom: auto;
}

.ag-fade-wrap:before, .ag-fade-wrap:after {
  content: "";
  height: var(--fade-height);
  pointer-events: none;
  opacity: 0;
  z-index: 4;
  width: 18px;
  max-height: 100%;
  transition: opacity .18s;
  position: absolute;
  top: 0;
}

.ag-fade-wrap:before {
  left: var(--fade-left-offset);
  border-top-left-radius: var(--fade-corner-radius-left);
  border-bottom-left-radius: var(--fade-corner-radius-left);
  background: linear-gradient(to right, #3c40481a 0%, #3c40480b 44%, #3c404804 76%, #3c404800 100%);
  border-left: 1px solid #0000000f;
  width: 14px;
  box-shadow: -1px 0 #5f69740f;
}

.ag-fade-wrap:after {
  right: var(--fade-right-offset);
  border-top-right-radius: var(--fade-corner-radius-right);
  border-bottom-right-radius: var(--fade-corner-radius-right);
  background: linear-gradient(to left, #3c40481a 0%, #3c40480b 44%, #3c404804 76%, #3c404800 100%);
  border-right: 1px solid #0000000f;
  width: 14px;
  box-shadow: 1px 0 #5f69740f;
}

.ag-fade-wrap.has-left-overflow:before, .ag-fade-wrap.has-right-overflow:after {
  opacity: 1;
}

.ag-fade-wrap.fade-left-inset:before {
  box-shadow: none;
  border-left: 0;
}

.ag-fade-wrap.fade-right-inset:after {
  box-shadow: none;
  border-right: 0;
}

.dsl-advanced-grid .ag-filter-list-panel > .agc-filter-section-heading {
  padding: var(--space-3) var(--space-2) var(--space-1);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.dsl-advanced-grid .ag-filter-list-panel > .agc-filter-section-heading:not(:first-child) {
  margin-top: var(--space-2);
  border-top: 1px solid var(--gray-200);
}

.dsl-advanced-grid .ag-filter-list-panel > .agc-filter-section-heading .agc-filter-section-count {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.dsl-advanced-grid .ag-column-drop-vertical .ag-column-drop-title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.dsl-advanced-grid .ag-column-drop-vertical .ag-column-drop-icon, .dsl-advanced-grid .ag-column-drop-vertical .ag-column-drop-title-bar .ag-icon {
  color: var(--color-text-muted-ink);
}

.dsl-advanced-grid .ag-column-drop-vertical .ag-column-drop-empty-message {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-400);
  font-style: italic;
  font-weight: 400;
}

.dsl-advanced-grid .ag-column-select .ag-drag-handle {
  color: var(--gray-400);
}

.ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-header:not(.ag-hidden) {
  border-bottom: 1px solid var(--gray-200) !important;
}

.dsl-advanced-grid .ag-row-animation .ag-row {
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), top .16s cubic-bezier(.22, 1, .36, 1), opacity .12s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .dsl-advanced-grid .ag-row-animation .ag-row {
    transition: none;
  }
}

.grid-row-skeleton-row {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.grid-row-skeleton-cell {
  padding: 0 var(--space-3, 12px);
  box-sizing: border-box;
  flex: none;
  overflow: hidden;
}

.grid-row-skeleton {
  background: var(--gray-100, #e3e5e8);
  border-radius: 5px;
  height: 10px;
  display: block;
  position: relative;
  overflow: hidden;
}

.grid-row-skeleton:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff73 50%, #fff0 100%);
  animation: 1.4s ease-in-out infinite grid-row-skeleton-sweep;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@media (prefers-reduced-motion: reduce) {
  .grid-row-skeleton:after {
    animation: none;
  }
}

@keyframes grid-row-skeleton-sweep {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.toggle-grid-filter .toggle-filter-group {
  background: var(--color-background-200);
  border-radius: var(--radius-medium);
  width: fit-content;
  padding: 3px var(--spacing-xsmall);
  gap: 2px;
  height: 30px;
  display: flex;
  box-shadow: inset 0 1px 2px #0000001f;
}

.toggle-grid-filter .toggle-filter-group .btn {
  font-size: var(--font-size-small);
  color: var(--color-tertiary);
  height: 26px;
  padding: 7px var(--space-4);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 11px;
  transition: all .15s;
  display: flex;
}

.toggle-grid-filter .toggle-filter-group .btn:hover:not(.active) {
  background: #0000000a;
  border-radius: .4rem;
}

.toggle-grid-filter .toggle-filter-group .btn.active {
  color: var(--white);
  background-color: var(--color-tertiary);
  border-radius: .5rem;
  font-family: Soehne, sans-serif;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.ag-custom-date-input {
  width: 100%;
}

.ag-custom-date-input .ant-picker {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  transition: all .15s;
  height: 34px !important;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000024 !important;
  border-radius: 4px !important;
}

.ag-custom-date-input .ant-picker:hover {
  background: #ffffffd9 !important;
  border-color: #0003 !important;
}

.ag-custom-date-input .ant-picker.ant-picker-focused {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 15%, transparent) !important;
  background: #fffffff2 !important;
}

.ag-custom-date-input .ant-picker .ant-picker-input > input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
}

.ag-custom-date-input .ant-picker .ant-picker-suffix {
  color: var(--color-text-muted-ink);
  font-size: var(--type-value);
  transition: color .3s;
}

.ag-custom-date-input .ant-picker:hover .ant-picker-suffix {
  color: var(--color-text-muted-ink);
}

.ag-custom-date-input .ant-picker .ag-custom-date-input__calendar:before {
  content: "";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
  font-weight: 300;
}

.qdf-host {
  padding: var(--space-2) var(--space-2) 0;
}

.qdf-chips {
  gap: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--gray-200);
  flex-direction: column;
  display: flex;
}

.qdf-chip-list {
  gap: var(--space-1);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.qdf-chip {
  height: 28px;
  padding: 0 var(--space-2);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-small);
  color: var(--color-text);
  font-size: var(--type-label);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  background: #ffffffe6;
  font-weight: 400;
  transition: border-color .15s, background-color .15s;
  overflow: hidden;
}

.qdf-chip:hover {
  border-color: var(--gray-300);
}

.qdf-chip:focus-visible {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  outline: none;
}

.qdf-chip.selected {
  border-color: var(--color-primary-600);
  background: var(--color-primary-600);
  color: var(--white);
  font-weight: 500;
}

.qdf-chip.selected:hover {
  border-color: var(--color-primary-700);
  background: var(--color-primary-700);
}

.qdf-summary {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-label);
  display: flex;
}

.qdf-range {
  color: var(--color-text-muted-ink);
}

.qdf-clear {
  color: var(--color-primary-ink);
  font-size: var(--type-label);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 500;
}

.qdf-clear:hover {
  text-decoration: underline;
}

.qdf-active > :not(.qdf-host) {
  display: none !important;
}

.qdf-active > .qdf-host .qdf-chips {
  border-bottom: 0;
}

i.row-expand-chevron {
  color: var(--gray-500);
}

@keyframes ag-tooltip-fade-in {
  to {
    opacity: 1;
  }
}

.ag-tooltip, .ag-tooltip-custom {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  width: max-content;
  max-width: 560px;
  padding: 14px var(--space-4);
  -webkit-backdrop-filter: blur(16px);
  color: var(--color-text);
  opacity: 0;
  background: linear-gradient(#fffffff7 0%, #fffffff2 100%);
  border: 1px solid #ffffff8c;
  border-radius: 14px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  animation: 0s 80ms forwards ag-tooltip-fade-in;
  box-shadow: 0 18px 40px #0000001f, 0 6px 16px #00000014, inset 0 1px #ffffff8c;
}

.ag-popup:has(.ag-tooltip-custom), .ag-popup:has(.ag-tooltip) {
  background: none;
}

.ag-tooltip.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-hiding {
  opacity: 0;
  animation: none;
}

.ag-tooltip:after, .ag-tooltip-custom:after {
  content: "";
  -webkit-backdrop-filter: blur(16px);
  background: #ffffffb8;
  border-top: 1px solid #ffffff8c;
  border-left: 1px solid #ffffff8c;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 18px;
  transform: rotate(45deg);
  box-shadow: -6px -6px 18px #0000000d;
}

.ag-tooltip .tooltip-title, .ag-tooltip-custom .tooltip-title {
  font-weight: 500;
  font-size: var(--type-label);
  color: color-mix(in srgb, var(--color-text) 92%, transparent);
  margin-bottom: var(--space-2);
}

.ag-tooltip .tooltip-body, .ag-tooltip-custom .tooltip-body {
  font-size: var(--type-label);
  color: var(--color-text);
  white-space: pre-wrap;
  line-height: 1.45;
}

.ag-tooltip .tooltip-scroll, .ag-tooltip-custom .tooltip-scroll {
  max-height: 60vh;
  padding-right: var(--space-1);
  overflow: hidden;
}

.ag-tooltip:has(.tooltip-scroll.has-row-alert), .ag-tooltip-custom:has(.tooltip-scroll.has-row-alert) {
  border-color: var(--color-error);
}

.ag-tooltip:has(.tooltip-scroll.has-row-alert):after, .ag-tooltip-custom:has(.tooltip-scroll.has-row-alert):after {
  clip-path: polygon(0 0, 100% 0, calc(100% + 1.5px) 1.5px, 1.5px calc(100% + 1.5px), 0 100%);
  background: var(--white);
  border-left-color: var(--color-error);
  border-top-color: var(--color-error);
}

.ag-tooltip .tooltip-title-alert, .ag-tooltip-custom .tooltip-title-alert {
  color: var(--color-error-ink);
}

.view-counts-modal {
  background-color: #ededed;
  border: 1px solid #b4b4b480;
  border-radius: 12px;
  flex-direction: column;
  min-width: 400px;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 32px #14192826;
}

.view-counts-modal .view-counts-modal-header {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid #00000014;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-title {
  font-size: var(--type-control);
  color: var(--color-text-700);
  align-items: center;
  gap: 10px;
  font-weight: 500;
  display: flex;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-title i {
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: all .15s;
  display: flex;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close i {
  font-size: var(--type-value);
  color: #717680;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close:hover {
  background-color: #0000000d;
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close:hover i {
  color: var(--color-text-700);
}

.view-counts-modal .view-counts-modal-header .view-counts-modal-close:active {
  background-color: #00000014;
}

.view-counts-modal .view-counts-modal-body {
  flex: 1;
  padding: 0;
  overflow: auto;
}

.view-counts-modal .view-counts-modal-body .view-counts-no-data {
  padding: 48px var(--space-5);
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-text-muted-ink, #6a6f79);
  flex-direction: column;
  display: flex;
}

.view-counts-modal .view-counts-modal-body .view-counts-no-data i {
  font-size: 36px;
}

.view-counts-modal .view-counts-modal-body .view-counts-no-data span {
  font-size: var(--type-value);
  font-weight: 500;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container {
  width: 100%;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-root-wrapper {
  border: none;
  border-radius: 0;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-header {
  background-color: var(--color-border-500, #ededed);
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-header-cell {
  background-color: var(--color-border-500, #ededed);
  font-size: var(--type-label);
  color: #5a5e67;
  font-weight: 500;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-row {
  border: none;
  border-bottom: 1px solid var(--gray-100);
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-row-even, .view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-row-odd {
  background-color: var(--white);
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-cell {
  font-size: var(--type-value);
  color: var(--color-text-700);
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .view-counts-value-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .view-counts-count-cell {
  text-align: right;
  font-weight: 500;
}

.view-counts-modal .view-counts-modal-body .view-counts-grid-container .ag-paging-panel {
  padding: var(--space-2) var(--space-3);
  font-size: var(--type-label);
  border-top: 1px solid #00000014;
}

.view-counts-modal .view-counts-modal-footer {
  padding: var(--space-3) var(--space-5);
  background-color: #ffffff80;
  border-top: 1px solid #00000014;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.view-counts-modal .view-counts-modal-footer .view-counts-summary .view-counts-total {
  font-size: var(--type-value);
  color: #717680;
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn {
  padding: var(--space-2) var(--space-4);
  background-color: var(--color-primary-600);
  color: var(--white);
  font-size: var(--type-value);
  cursor: pointer;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all .15s;
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn:hover {
  background-color: #726aa1;
  box-shadow: 0 2px 8px #837bb24d;
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn:active {
  transform: translateY(1px);
}

.view-counts-modal .view-counts-modal-footer .view-counts-close-btn:focus {
  outline: none;
  box-shadow: 0 0 0 3px #837bb24d;
}

.ag-body-viewport .ag-pinned-right-cols-container div[role="row"] > div[role="gridcell"][col-id="status"], .ag-body-viewport .ag-center-cols-container div[role="row"] > div[role="gridcell"][col-id="status"] {
  justify-content: center;
  display: flex;
}

.status-column-grid {
  max-width: fit-content;
}

.status-column-grid p {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  margin: 0;
  font-family: inherit;
  overflow: hidden;
}

.status-column-grid.active {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-column-grid.on-hold {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-column-grid.pending, .status-column-grid.intake_complete {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.status-column-grid.discharged, .status-column-grid.inactive, .status-column-grid.cancelled, .status-column-grid.deceased {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.options-field-container {
  height: 40px;
  padding-right: var(--space-1);
  padding-left: var(--space-1);
  gap: var(--space-1);
  background-color: #ffffffbf;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: inset 0 1px 2px #0000001f;
}

.options-field-container.has-errors {
  box-shadow: 0px 0px 0px 1px var(--color-error-600);
  margin: 1px;
}

.options-field-container .options-field-option {
  height: 32px;
  color: var(--color-tertiary);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  padding: var(--space-1) 14px;
  cursor: pointer;
  white-space: nowrap;
  background-color: #0000;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  display: flex;
}

.options-field-container .options-field-option.selected {
  opacity: 1;
  background: var(--color-tertiary);
  height: 32px;
  color: var(--white);
  font-weight: 500;
  font-size: var(--type-control);
  letter-spacing: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  line-height: 100%;
  display: flex;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.options-field-container .options-field-option.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ag-grid-generic-input-container {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.ag-grid-generic-input-container .right-icon i.count-mismatch {
  color: #bf7171 !important;
}

.ag-grid-generic-input-container .right-icon i.count-match {
  color: #689989 !important;
}

.ag-grid-generic-input-container .right-icon i.count-incomplete {
  color: var(--color-warning-ink) !important;
}

.ag-grid-generic-input-container .right-icon i.fa-light.fa-circle, .ag-grid-generic-input-container .right-icon i.count-pending {
  color: var(--gray-400) !important;
}

.ag-grid-generic-input-container .ag-grid-generic-input {
  border: 1px solid var(--gray-100);
  width: 80%;
  height: 80%;
  padding: 2px var(--space-2);
  font-size: var(--type-value);
  color: inherit;
  background: #fff;
  border-radius: 8px;
  outline: none;
  font-family: inherit;
}

.ag-grid-generic-input-container .ag-grid-generic-input.has-errors {
  border: 1px solid var(--color-error-600);
  margin: 1px;
}

.ag-grid-generic-input-container .ag-grid-generic-input:disabled {
  color: var(--color-background-950);
  cursor: not-allowed;
}

.ag-grid-generic-input-container .ag-grid-generic-input::placeholder {
  color: var(--color-background-950);
  opacity: .7;
}

.ag-grid-generic-input-container .ag-grid-generic-input[type="number"] {
  -moz-appearance: textfield;
}

.ag-grid-generic-input-container .ag-grid-generic-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ag-grid-generic-input-container .ag-grid-generic-input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.ag-grid-generic-input-container .left-icon, .ag-grid-generic-input-container .right-icon {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 17px;
  display: flex;
}

.ag-grid-generic-input-container .left-icon {
  left: 8px;
}

.ag-grid-generic-input-container .right-icon {
  margin-left: var(--space-2);
}

.dark-theme .ag-grid-generic-input-container .ag-grid-generic-input:focus {
  background-color: #ffffff1a;
}

.dark-theme .ag-grid-generic-input-container .ag-grid-generic-input::placeholder {
  color: #ccc;
}

.dt-item-flag {
  margin-left: var(--space-1);
  font-size: var(--icon-size-inline);
  vertical-align: -1px;
  line-height: 1;
  display: inline-block;
}

.dt-item-flag--additive {
  color: var(--color-warning-800);
}

.dt-item-flag--vehicle, .dt-item-flag--ingredient {
  color: #769bc4;
}

.dt-item-flag--qs {
  color: #76ad9b;
}

.dt-item-flag--swap {
  color: #7ca3cf;
  cursor: pointer;
}

.dt-item-flag--swap:hover {
  color: #5d7a9b;
}

.dt-pull-state {
  font-size: var(--icon-size-inline);
  line-height: 1;
}

.dt-pull-state--pending {
  color: #a3a3a3;
}

.dt-pull-state--pulled {
  color: var(--color-success-600);
}

.dt-pull-state--overPull, .dt-pull-state--underPull {
  color: #eba46c;
}

.mini-form {
  width: 100%;
  padding-bottom: var(--spacing-xlarge);
  background: #fff;
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.mini-form:has( > .form-read-mode) {
  background: var(--color-background-400);
}

.mini-form:has(.dsl-tab-container.level_1) {
  background: none;
  height: 100%;
}

.mini-form:has(.dsl-tab-container.level_1) .form-container {
  height: 100%;
}

.mini-form .dsl-templ-area {
  height: 100%;
  box-shadow: none;
  background-color: #0000;
  border: none;
  border-radius: 0;
}

.mini-form .cardbar {
  background-color: #0000 !important;
}

.mini-form .wizard-bottom-bar {
  display: none;
}

.mini-form .form-container {
  background-color: #0000;
  justify-content: flex-start;
  height: max-content;
}

.mini-form .form-container .cardarea {
  padding: var(--space-3) var(--space-2) var(--space-4) var(--space-2);
}

.mini-form .form-container .cardarea .container {
  margin: 0;
  padding: 0;
}

.mini-form .form-container .cardarea .container.fieldgroup ~ .container.fieldgroup.has-header {
  margin-top: var(--spacing-xxxxlarge) !important;
}

.mini-form .form-container .cardarea .container:not(.fieldgroup) + .container.fieldgroup.has-header {
  margin-top: var(--spacing-xxxlarge);
}

.mini-form > .dsl-templ-area h2, .mini-form > .dsl-templ-area h4:not(.fieldgroup h4), .mini-form > .dsl-templ-area .cardarea > h3, .mini-form > .dsl-templ-area .cardarea > h2 {
  display: none;
}

.grid-checkbox-filter {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.grid-checkbox-filter-wrap {
  display: contents;
}

.grid-checkbox-filter.grid-checkbox-filter--no-room {
  visibility: hidden;
}

.btn-row {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  padding-bottom: var(--space-2);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.btn-row .button-common {
  color: var(--color-text-600);
  height: 36px;
  padding-top: var(--space-2);
  padding-right: var(--space-3);
  padding-bottom: var(--space-2);
  padding-left: var(--space-3);
  opacity: 1;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  background: none;
  border: none;
  border-radius: 6px;
  outline: none;
  line-height: 20px;
}

.btn-row .button-common.active {
  background: var(--color-primary);
  color: var(--white);
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f, 0 0 2px #00000054, 0 2px 3px #544f731f;
}

.tab-confirm-lots {
  gap: var(--space-2);
  background-color: #0000;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-confirm-lots .side-float-container {
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-3);
  height: 64px;
  margin-top: var(--space-3);
  flex-direction: column;
  display: flex;
  position: absolute;
}

.tab-confirm-lots .side-float-container .info-kv {
  flex-direction: row;
  justify-content: space-between;
  gap: 50px;
  width: 100%;
  display: flex;
}

.tab-confirm-lots .side-float-container .info-kv .title {
  font-weight: 400;
  font-size: var(--type-label);
  letter-spacing: 0;
  color: var(--color-text);
  line-height: 100%;
}

.tab-confirm-lots .side-float-container .info-kv .value {
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: 0;
  color: var(--color-text);
  line-height: 100%;
}

.tab-confirm-lots .acute-mini-dsl-view {
  border-radius: 8px;
  justify-content: center;
  height: auto;
  display: flex;
  flex-direction: initial !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
}

.tab-confirm-lots .acute-mini-dsl-view .cardarea {
  border-radius: 12px !important;
}

.tab-confirm-lots .acute-mini-dsl-view .form_view_acute_modal {
  overflow: hidden;
}

.tab-confirm-lots .area-container {
  gap: var(--space-2);
  flex-direction: row;
  width: 100%;
  height: calc(100% - 240px);
  display: flex;
}

.tab-confirm-lots .area-container .area-left {
  background: #f5f5f5;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  width: 50%;
  padding: 0;
  display: flex;
}

.tab-confirm-lots .area-container .area-right {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.tab-confirm-lots .default-style {
  padding-left: 0 !important;
}

.tab-confirm-lots .footer {
  padding-top: var(--space-1);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: auto;
  min-height: 48px;
  display: flex;
}

.tab-confirm-lots .footer .info-container {
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-error-ink);
  line-height: 18px;
}

.tab-confirm-lots .footer .action-right-cnt {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-5);
  flex-direction: row;
  display: flex;
}

.tab-confirm-lots .ag-grid-generic-input-container .left-icon {
  position: relative;
  left: 30px;
}

.tab-assessment, .tab-claim {
  flex-direction: column;
  width: 100%;
  height: calc(100% - 52px);
  display: flex;
}

.window-container.acute-modal {
  background-color: #ededed;
  padding: 2px;
}

.window-container.acute-modal .window-manager-content {
  padding-bottom: 0 !important;
}

.window-container.acute-modal .cardarea {
  padding: 0 !important;
}

@keyframes fadeToWhite {
  from {
    background-color: #ededed;
  }

  to {
    background-color: #fff;
  }
}

@keyframes fadeToGray {
  from {
    background-color: #fff;
  }

  to {
    background-color: #ededed;
  }
}

.vertical-tab-view-container .dsl-list-tab-container {
  backdrop-filter: none !important;
  background: none !important;
  border: none !important;
}

.dsl-list-tab-container {
  backdrop-filter: blur(8px);
  border-radius: var(--radius-medium);
  border: 1px solid #ffffff7a;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  background: #ffffff61 !important;
}

.dsl-list-tab-container .non-popup {
  width: 100%;
  min-height: fit-content;
  display: flex;
}

.dsl-list-tab-container .non-popup .find-view {
  flex-direction: column;
  display: flex;
  border-radius: 8px !important;
}

.dsl-list-tab-container .non-popup .find-view .dsl-find-view {
  flex-direction: column;
}

.dsl-list-tab-container .non-popup .find-view .dsl-find-view .findbar .findtab .findbasic, .dsl-list-tab-container .non-popup .find-view .dsl-find-view .findbar .findtab .findadvanced {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action {
  flex-direction: row;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn .icon {
  color: #58505b;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled], .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[aria-disabled="true"], .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #6057631f 0%, #5049531f 100%);
  --btn-disabled-ink: #58505b;
  color: #58505b;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: none;
  transform: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled] i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[aria-disabled="true"] i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled] .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[aria-disabled="true"] .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled svg, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled] svg, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[aria-disabled="true"] svg, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled svg {
  color: #58505b;
  font-weight: 300;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn.disabled svg *, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[disabled] svg *, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn[aria-disabled="true"] svg *, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:focus-visible {
  box-shadow: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn img {
  filter: brightness(.5);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action .filter-btn:hover img {
  filter: brightness(400%);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button .icon {
  color: #58505b;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled], .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[aria-disabled="true"], .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #6057631f 0%, #5049531f 100%);
  --btn-disabled-ink: #58505b;
  color: #58505b;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: none;
  transform: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled] i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[aria-disabled="true"] i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled i, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled] .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[aria-disabled="true"] .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled .icon, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled svg, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled] svg, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[aria-disabled="true"] svg, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled svg {
  color: #58505b;
  font-weight: 300;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button.disabled svg *, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[disabled] svg *, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button[aria-disabled="true"] svg *, .dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:focus-visible {
  box-shadow: none;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button img {
  filter: brightness(.5);
}

.dsl-list-tab-container .non-popup .find-view .find-action-btn .action button:hover img {
  filter: brightness(400%);
}

.dsl-list-tab-container > div {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top {
  width: 100%;
  box-shadow: none;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  min-height: auto;
  padding: 5px 10px;
  transition: box-shadow .15s, background-color .15s;
  display: flex;
  padding: var(--space-4) var(--space-4) var(--space-2) !important;
  background: none !important;
  border-radius: 10px 10px 0 0 !important;
}

.dsl-list-tab-container .dsl-list-top:hover {
  box-shadow: 0 2px 4px #18100a14;
  box-shadow: none;
  background-color: #fff;
}

.dsl-list-tab-container .dsl-list-top.has-left-sharp-corner {
  border-top-left-radius: 0;
}

.dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) {
  column-gap: var(--space-4);
  row-gap: var(--space-2);
  flex-wrap: wrap;
}

.dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) > .grid-top-bar, .dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) > .grid-top-bar > .stock-manager-widgets, .dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) > .grid-top-bar > .inventory-rental-log-find-widget {
  display: contents;
}

.dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) > .grid-top-bar > .search-bar {
  flex: 160px;
  max-width: 600px;
  min-width: 160px !important;
}

.dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) > .wgdts-container {
  margin-left: auto;
}

.dsl-list-tab-container .dsl-list-top:not(.queue-layout):has( > .grid-top-bar > .stock-manager-widgets,  > .grid-top-bar > .inventory-rental-log-find-widget) .grid-checkbox-filter {
  white-space: nowrap;
}

.dsl-list-tab-container .dsl-list-top > div {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .dsl-grid-top-bar-left {
  flex: 1;
}

.dsl-list-tab-container .dsl-list-top.queue-layout .wgdts-queue-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

@media (width <= 1850px) {
  .dsl-list-tab-container .dsl-list-top.queue-layout {
    flex-wrap: wrap;
    gap: 10px;
  }

  .dsl-list-tab-container .dsl-list-top.queue-layout .wgdts-queue-actions {
    flex-basis: 100%;
    order: 3;
  }
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar {
  align-items: center;
  gap: var(--space-4);
  flex: 1;
  min-width: 120px;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar > div:not(.search-bar):not(.grid-label):not(.highlight) {
  overflow-x: auto;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar > div:not(.search-bar):not(.grid-label):not(.highlight):has(.field-select) {
  overflow: visible;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .grid-label {
  font-size: var(--type-value);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-family: Soehne, sans-serif;
  display: flex;
  font-weight: 500 !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div {
  flex: 1;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar:focus-within img {
  opacity: .95;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .highlight {
  border: 2px solid var(--color-secondary);
  background-color: #fff;
}

.dsl-list-tab-container .dsl-list-top .grid-top-bar .ant-checkbox-input:focus-visible + .ant-checkbox-inner, .dsl-list-tab-container .dsl-list-top .grid-top-bar .ant-checkbox:focus-within .ant-checkbox-inner {
  outline: none;
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container {
  margin: 0 0 0 var(--space-2);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container > .filter-act-btn, .dsl-list-tab-container .dsl-list-top .wgdts-container > .list-insurance-btns {
  flex-shrink: 0;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .add-btn {
  white-space: nowrap;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-download:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  content: "" !important;
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-upload:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  content: "" !important;
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-fax:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  content: "" !important;
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-legend-btn, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-print-btn {
  cursor: pointer;
  padding: 0 var(--space-2);
  align-items: center;
  display: inline-flex;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-legend-btn i, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-print-btn i {
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-legend-btn .fa-print:before, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-print-btn .fa-print:before {
  content: "" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-legend-btn .fa-key:before, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-print-btn .fa-key:before {
  content: "" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-download, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-upload, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-fax, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-legend-btn, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-print-btn {
  opacity: 1;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .icon-download:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-upload:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .icon-fax:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-legend-btn:hover, .dsl-list-tab-container .dsl-list-top .wgdts-container .dsl-print-btn:hover {
  opacity: .7 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-act-btn {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 50%;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-act-btn i {
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  align-items: center;
  gap: var(--space-1);
  padding: 0 var(--space-3);
  letter-spacing: 0%;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  font-size: var(--type-value) !important;
  border-radius: .6rem !important;
  height: 36px !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled], .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[aria-disabled="true"], .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled] i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[aria-disabled="true"] i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled] .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[aria-disabled="true"] .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled svg, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled] svg, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[aria-disabled="true"] svg, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn.disabled svg *, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[disabled] svg *, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn[aria-disabled="true"] svg *, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:focus-visible {
  box-shadow: none;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-refresh {
  opacity: 1;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  content: "" !important;
  font-weight: 300 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .add-refresh:hover {
  opacity: .7 !important;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-collapsed .filter-applied {
  z-index: 1;
  background: red;
  border-radius: 10px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin-top: -25px;
  margin-right: -25px;
  display: flex;
  position: absolute;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible {
  border-radius: 35px 35px 0 0;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .filter-applied {
  display: none;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible:after {
  content: "";
  z-index: 1;
  background: #f8f5fc;
  width: 35px;
  height: 12px;
  margin-top: 45px;
  display: flex;
  position: absolute;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn {
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  transition: color .15s;
  display: flex;
  transform: rotate(45deg);
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:before {
  font-size: var(--icon-size-sm);
  color: #717680;
  transition: color .15s;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover {
  background-color: #0000;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:hover:before {
  color: #a6aab1;
}

.dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:active i, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:active .icon, .dsl-list-tab-container .dsl-list-top .wgdts-container .filter-visible .close-btn:active:before {
  color: #595d65;
}

.dsl-list-tab-container .dsl-list-export {
  width: 100%;
  height: auto;
  margin-top: -25px;
}

.dsl-list-tab-container .dsl-list-export .data-grid-bottom-drawer.expanded {
  width: calc(100% - var(--dsl-list-bottom-p) * 2) !important;
}

.dsl-list-tab-container .dsl-list-bottom {
  min-height: 160px;
  padding: var(--dsl-list-bottom-p);
  background-color: #fbfbfb;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  transition: box-shadow .15s, background-color .15s;
  display: flex;
  position: relative;
  box-shadow: 0 1px 4px #18100a14;
  box-shadow: none !important;
  padding: 0 var(--space-4) !important;
  padding-bottom: var(--space-4) !important;
  background-color: #0000 !important;
  border-radius: 0 0 10px 10px !important;
}

.dsl-list-tab-container .dsl-list-bottom:hover {
  background-color: #fbfbfbf0;
  box-shadow: 0 2px 4px #18100a14;
}

@media (width <= 768px) {
  .dsl-list-tab-container .dsl-list-export .min-grid-export {
    justify-content: space-around;
  }
}

.vertical-tab-view-container .dsl-list-tab-container, .patient-snapshot-container .dsl-list-tab-container, .list-viewer-popover .dsl-list-tab-container {
  backdrop-filter: none;
}

@media (width >= 576px) and (width <= 992px) {
  .data-grid-bottom-drawer {
    width: 175px !important;
  }
}

@media (width <= 768px) {
  .min-grid-export .btn-export {
    flex: 1;
    align-items: center;
  }
}

@media (width <= 576px) {
  .data-grid-bottom-drawer:not(.expanded) {
    left: -15px;
    transform: rotate(90deg);
    width: 60px !important;
    bottom: 15px !important;
  }
}

.ReactModalPortal .row-legend-modal {
  width: min(480px, 90vw);
  max-height: 80vh;
}

.ReactModalPortal .row-legend-modal > .body {
  flex-direction: column;
  min-height: 0;
  padding: 0;
  display: flex;
}

.ReactModalPortal .row-legend-modal__layout {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.ReactModalPortal .row-legend-modal__body {
  gap: var(--space-4);
  min-height: 0;
  padding: var(--space-4);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.ReactModalPortal .row-legend-modal__section {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.ReactModalPortal .row-legend-modal__heading {
  font-weight: 400;
  line-height: 1.3;
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: var(--color-text-muted-ink);
  margin: 0;
  font-weight: 500;
}

.ReactModalPortal .row-legend-modal__list {
  gap: var(--space-2);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ReactModalPortal .row-legend-modal__item {
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  display: flex;
}

.ReactModalPortal .row-legend-modal__swatch {
  width: var(--icon-size-lg);
  height: var(--icon-size-sm);
  border: 1px solid var(--color-border-600);
  border-radius: var(--radius-xsmall);
  flex-shrink: 0;
}

.ReactModalPortal .row-legend-modal__swatch.has-code {
  width: auto;
  min-width: var(--icon-size-lg);
  height: auto;
  padding: 1px var(--space-1);
  color: var(--color-text);
  font-size: var(--type-micro);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 12px;
  display: inline-flex;
}

.ReactModalPortal .row-legend-modal__icon {
  width: var(--icon-size-lg);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ReactModalPortal .row-legend-modal__icon i {
  font-size: var(--icon-size-xs);
}

.ReactModalPortal .row-legend-modal__label {
  font-weight: 400;
  line-height: 1.5;
  font-size: var(--type-value);
  color: var(--color-text);
  overflow-wrap: anywhere;
}

@keyframes chart-skeleton-sweep {
  0% {
    background-position: 150% 0;
  }

  100% {
    background-position: -50% 0;
  }
}

@keyframes chart-skeleton-pulse {
  0%, 100% {
    opacity: .85;
  }

  50% {
    opacity: 1;
  }
}

.query-list-view {
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: visible clip;
}

.query-list-view .tr-select {
  background: #c6ddf5 !important;
}

.query-list-view .tr-select th {
  color: #5b83b0 !important;
}

.query-list-view .dsl-list-tab-container {
  overflow: unset;
  padding-left: 0;
  padding-right: 0;
}

.query-list-view .query-list {
  flex-direction: column;
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  overflow: visible clip;
}

.query-list-view .query-action {
  flex-direction: column;
  flex: none;
  min-height: fit-content;
  display: flex;
}

.query-list-view .wgdts-container .query-kpi-strip {
  align-items: stretch;
  gap: var(--space-4);
  margin-left: auto;
  margin-right: var(--space-4);
  display: flex;
  overflow: visible;
}

.query-list-view .wgdts-container .query-kpi-strip .query-kpi {
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 0;
  display: flex;
}

.query-list-view .wgdts-container .query-kpi-strip .query-kpi-label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-micro);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 400;
  line-height: 1.2;
}

.query-list-view .wgdts-container .query-kpi-strip .query-kpi-value {
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  color: var(--color-text);
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.2;
}

.query-list-view .query-list-view-divider {
  cursor: row-resize;
  height: 10px;
  margin: 2px 0;
  margin-top: var(--space-2);
  background-color: #0000;
  flex: none;
  position: relative;
}

.query-list-view .query-list-view-divider:before {
  content: "";
  pointer-events: none;
  background-color: #00000014;
  height: 2px;
  transition: background-color .15s;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.query-list-view .query-list-view-divider:hover:before, .query-list-view .query-list-view-divider:active:before {
  background-color: #0000002e;
}

.query-list-view .query-list-view-divider.is-collapsed {
  cursor: default;
}

.query-list-view .query-list-view-divider.is-collapsed:hover:before {
  background-color: #00000014;
}

.query-list-view .query-list-view-divider .query-list-view-divider-toggle {
  color: #0000008c;
  cursor: pointer;
  z-index: 1;
  background-color: #0000001a;
  border: 1px solid #0000001a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 16px;
  padding: 0;
  transition: background-color .15s, border-color .15s, color .15s, transform .15s;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.query-list-view .query-list-view-divider .query-list-view-divider-toggle i {
  font-size: var(--type-micro);
  line-height: 1;
}

.query-list-view .query-list-view-divider .query-list-view-divider-toggle:hover {
  background-color: var(--white);
  color: #000c;
  border-color: #0003;
}

.query-list-view .query-list-view-divider .query-list-view-divider-toggle:active {
  background-color: #eef0f3;
  transform: translate(-50%, -50%) scale(.96);
}

.query-list-view .query-list-view-divider .query-list-view-divider-toggle:focus {
  outline: none;
}

.query-list-view .query-list-view-divider .query-list-view-divider-toggle:focus-visible {
  border-color: #5e78e58c;
  box-shadow: 0 0 0 2px #5e78e540;
}

.query-list-view .query-list-view-charts-row {
  gap: var(--space-4);
  padding: var(--space-2) 0 0 0;
  flex-wrap: wrap;
  flex: none;
  width: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.query-list-view .query-list-view-charts-row:fullscreen, .query-list-view .query-list-view-charts-row.is-fullscreen {
  padding: var(--space-4);
  backdrop-filter: blur(2px);
  background-color: #edededf2;
  overflow: auto;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions {
  z-index: 1000;
  justify-content: flex-end;
  gap: var(--space-2);
  pointer-events: none;
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  pointer-events: auto;
  align-items: center;
  gap: var(--space-2);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  padding: var(--space-2) 14px;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn.disabled, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn.disabled, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[disabled], .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[disabled], .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[aria-disabled="true"], .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[aria-disabled="true"], .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:disabled, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn.disabled i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn.disabled i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[disabled] i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[disabled] i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[aria-disabled="true"] i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[aria-disabled="true"] i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:disabled i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:disabled i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn.disabled .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn.disabled .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[disabled] .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[disabled] .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[aria-disabled="true"] .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[aria-disabled="true"] .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:disabled .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:disabled .icon, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn.disabled svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn.disabled svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[disabled] svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[disabled] svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[aria-disabled="true"] svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[aria-disabled="true"] svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:disabled svg, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn.disabled svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn.disabled svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[disabled] svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[disabled] svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn[aria-disabled="true"] svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn[aria-disabled="true"] svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:disabled svg *, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:focus-visible, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:focus-visible {
  box-shadow: none;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-refresh-btn i, .query-list-view .query-list-view-charts-row .query-list-view-charts-actions .query-list-view-charts-fullscreen-btn i {
  font-size: var(--type-value);
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container {
  padding: var(--space-4);
  border-radius: 10px;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  height: auto;
  min-height: 320px;
  display: flex;
  position: relative;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container [role="presentation"] {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-proxy-legend-toolbar button {
  color: #5e636b !important;
  font-weight: 500 !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .chart-tooltip {
  padding: var(--space-2) var(--space-3);
  color: #fff;
  font-size: var(--type-value);
  background-color: #5b83b0;
  border-radius: 8px;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .chart-tooltip .chart-tooltip__arrow {
  background: #5b83b0;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-tooltip:before, .query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-tooltip:after {
  border-color: #5b83b0 !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .chart-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  margin-bottom: var(--space-4);
  text-align: center;
  line-height: 22px;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container:not(.dark-mode) {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container:not(.dark-mode) [role="presentation"], .query-list-view .query-list-view-charts-row .query-list-view-chart-container:not(.dark-mode) .chart-title {
  color: #707580;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container:not(.dark-mode):hover {
  background-color: #ffffffa8;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode {
  background-color: #23262c73;
  border: 1px solid #ffffff0a;
  box-shadow: inset 0 1px #ffffff0f, inset 0 -48px 96px #00000038;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode [role="presentation"], .query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode .chart-title {
  color: #f5f5f5;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: .8;
  background: linear-gradient(#ffffff0a, #0000 28%);
  position: absolute;
  inset: 0;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container:hover {
  transform: none;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container:not(.dark-mode):hover {
  background-color: #ffffff70;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode:hover {
  background-color: #23262c73;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-tooltip {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  font-weight: 500;
  padding: var(--space-2) var(--space-3) !important;
  color: var(--white) !important;
  background: #5b83b0 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-tooltip-title {
  font-size: var(--type-label);
  font-weight: 400;
  color: #ffffffd9 !important;
  padding: 0 0 var(--space-1) 0 !important;
  background: none !important;
  border-bottom: none !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .ag-charts-tooltip-content {
  font-size: var(--type-value);
  font-weight: 500;
  color: var(--white) !important;
  background: none !important;
  padding: 0 !important;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container > div:not(.chart-title):not(.chart-skeleton) {
  flex: 1;
  min-height: 0;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .chart-skeleton {
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  background: linear-gradient(100deg, #ffffff38 0%, #ffffff8c 40%, #ffffffd1 50%, #ffffff8c 60%, #ffffff38 100%) 100% 0 / 220% 100%;
  border: 1px solid #ffffff8c;
  border-radius: 12px;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 240px;
  animation: 1.6s ease-in-out infinite chart-skeleton-sweep, 2.2s ease-in-out infinite chart-skeleton-pulse;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffffa6, inset 0 -1px #0000001f, 0 6px 20px #14192814;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container .chart-skeleton:after {
  content: "";
  mix-blend-mode: overlay;
  background: linear-gradient(110deg, #fff0 35%, #ffffff14 50%, #fff0 65%);
  animation: 1.8s ease-in-out infinite frost-shimmer;
  display: none;
  position: absolute;
  inset: -40%;
}

@media (prefers-reduced-motion: reduce) {
  .query-list-view .query-list-view-charts-row .query-list-view-chart-container .chart-skeleton {
    background-position: 50% 0;
    animation: none;
  }
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode .chart-skeleton {
  background: linear-gradient(100deg, #ffffff0a 0%, #ffffff24 40%, #ffffff3d 50%, #ffffff24 60%, #ffffff0a 100%) 100% 0 / 220% 100%;
  border: 1px solid #ffffff2e;
  box-shadow: inset 0 1px #ffffff1f, inset 0 -1px #00000059;
}

.query-list-view .query-list-view-charts-row .query-list-view-chart-container.dark-mode .chart-skeleton:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff14 30%, #ffffff1f 50%, #ffffff14 70%, #fff0 100%);
  animation: 2s ease-in-out infinite skeleton-shimmer;
  display: none;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.query-list-view-standard {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow-y: unset !important;
}

.query-list-view-standard .tr-select {
  background: #c6ddf5 !important;
}

.query-list-view-standard .tr-select th {
  color: #5b83b0 !important;
}

.query-list-view-standard .dsl-list-tab-container {
  overflow: unset;
  padding-left: 0;
  padding-right: 0;
}

.query-list-view-standard .query-list {
  flex-direction: column;
  flex: 1;
  min-height: max-content;
  display: flex;
}

.query-list-view-standard .query-action {
  flex-direction: column;
  flex: 0;
  min-height: fit-content;
  display: flex;
}

.chart-designer-modal {
  flex-direction: column;
  width: 90vw;
  height: 85vh;
  display: flex;
}

.chart-designer-modal > .body {
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 0;
  display: flex;
  padding: 0 var(--space-4) var(--space-2) var(--space-4) !important;
  background-color: #0000 !important;
  margin: 0 !important;
}

.chart-designer-modal .chart-designer-grid {
  border: 1px solid #f5f5f5;
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.chart-designer-modal .chart-designer-grid > * {
  flex: auto;
  min-height: 0;
}

.chart-designer-modal .footer {
  padding-top: var(--space-1);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  display: flex;
}

.chart-designer-modal .footer .action-btn-cnt {
  width: 100%;
}

.item-puller .warning-text {
  color: var(--color-error-ink);
  border: 2px solid;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.item-puller-grid {
  width: 100%;
  height: 100%;
  min-height: 0;
  color: var(--color-text);
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.item-puller-grid .dsl-advanced-grid .cell-container {
  align-items: center;
  gap: var(--space-1);
  flex-direction: row;
  width: 100%;
  height: 100%;
  display: flex;
}

.item-puller-grid .dsl-advanced-grid span {
  vertical-align: unset !important;
  padding: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
}

.item-puller-grid .dsl-advanced-grid span img[alt="Replace Drug"] {
  padding-left: var(--space-2);
}

.item-puller-grid .dsl-advanced-grid .partial-pulled {
  background-color: #fff1e5 !important;
}

.item-puller-grid .dsl-advanced-grid .category-header {
  color: var(--color-text-700);
  padding-left: var(--space-2);
  background-color: var(--color-background-400);
  font-weight: 400;
  font-size: var(--type-label);
  border-top: 0;
  border-bottom: 0;
  align-items: center;
  height: 100%;
  display: flex;
}

.item-puller-grid .dsl-list-bottom {
  padding: 0 !important;
}

.item-puller-grid .upper-grid {
  background: none;
  border: none;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header {
  justify-content: space-between;
  align-items: center;
  row-gap: var(--space-2);
  flex-wrap: wrap;
  flex-shrink: 0;
  min-height: 46px;
  padding: 0;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns {
  flex: none;
  margin-left: auto;
}

.item-puller-grid .upper-grid .grid-header .refresh-prescription {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  opacity: 1;
  content: "" !important;
}

.item-puller-grid .upper-grid .grid-header .refresh-prescription:hover {
  opacity: .7 !important;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation {
  gap: var(--space-1);
  flex-flow: wrap;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item {
  white-space: nowrap;
  align-items: center;
  gap: var(--space-1);
  height: 22px;
  padding-top: 2px;
  padding-right: var(--space-1);
  padding-bottom: 2px;
  padding-left: var(--space-1);
  border-radius: 8px;
  flex-direction: row;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item img {
  width: 12px;
  height: 12px;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item .dt-item-flag, .item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item .dt-pull-state {
  font-size: var(--type-label);
  vertical-align: 0;
  margin-left: 0;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item i.excluded-icon {
  font-size: var(--type-label);
  color: var(--color-error-ink, #ad5252);
  line-height: 12px;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item div {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  letter-spacing: 0%;
  text-align: center;
  color: var(--color-text);
  opacity: .9;
  justify-content: center;
  align-items: center;
  height: 12px;
  line-height: 12px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .grid-header-explanation .grid-header-explanation-item.warning div {
  font-weight: 500;
  color: var(--color-error-ink, #ad5252) !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns div img {
  filter: brightness(0) saturate();
  width: 16px;
  height: 16px;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dt-legend-btn {
  padding: 0 var(--space-1);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  display: inline-flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dt-legend-btn i {
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  font-weight: 300;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dt-legend-btn:hover {
  opacity: .7;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add {
  text-align: center;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #fff;
  text-transform: uppercase;
  height: var(--table-action-btn-h);
  min-height: var(--table-action-btn-h);
  gap: var(--space-1);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--table-action-btn-font);
  padding: 0 var(--table-action-btn-pad-x);
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  margin: 0;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--table-action-btn-pad-x) !important;
  padding-right: var(--table-action-btn-pad-x) !important;
  border-radius: .6rem !important;
  border-radius: var(--table-action-btn-radius) !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add i, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add.disabled, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[disabled], .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[aria-disabled="true"], .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: white;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add.disabled i, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[disabled] i, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[aria-disabled="true"] i, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:disabled i, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add.disabled .icon, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[disabled] .icon, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[aria-disabled="true"] .icon, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:disabled .icon, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add.disabled svg, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[disabled] svg, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[aria-disabled="true"] svg, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:disabled svg {
  color: #fff;
  font-weight: 300;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add.disabled svg *, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[disabled] svg *, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add[aria-disabled="true"] svg *, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:focus-visible {
  box-shadow: none;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add:not(.disabled) {
  justify-content: center;
  align-items: center;
  display: inline-flex !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .inner-cont .icon, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .inner-cont > i {
  text-align: center;
  width: var(--table-action-btn-icon-box) !important;
  height: var(--table-action-btn-icon-box) !important;
  font-size: var(--table-action-btn-icon) !important;
  line-height: var(--table-action-btn-icon-box) !important;
  display: block !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add i, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .icon {
  font-size: var(--table-action-btn-icon) !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .inner-cont .label, .item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add p.label {
  line-height: var(--table-action-btn-icon-box);
  margin: 0;
  font-size: var(--table-action-btn-font) !important;
  font-weight: var(--font-weight-medium) !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .inner-cont {
  margin-top: 0 !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .dsl-action-btn.btn-add .inner-cont .label {
  font-weight: var(--font-weight-medium);
  margin: 0;
  color: #fff !important;
}

.item-puller-grid .upper-grid .grid-header .action-btns .refresh-grid {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns .refresh-grid i {
  color: var(--color-text);
  opacity: .7;
  transition: opacity .2s;
}

.item-puller-grid .upper-grid .grid-header .action-btns .refresh-grid:hover i {
  opacity: 1;
}

.item-puller-grid .upper-grid .grid-header .action-btns .qr-code-btn {
  cursor: pointer;
  padding: var(--space-1);
  color: var(--color-text);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
}

.item-puller-grid .upper-grid .grid-header .action-btns .qr-code-btn:hover {
  background-color: #0000000d;
}

.item-puller-grid .upper-grid .grid-header .action-btns .qr-code-btn svg {
  font-size: var(--icon-size-sm);
}

.item-puller-grid [col-id="delete"] .ag-cell-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.item-puller-grid .dsl-advanced-grid .py-10, .item-puller-grid .dsl-advanced-grid .dosing-quantity-renderer {
  padding-top: 6px;
  padding-bottom: 6px;
}

.item-puller-grid .dosing-quantity, .item-puller-grid .dispense-info {
  font-size: var(--ag-grid-font-size, var(--type-value));
  color: var(--color-text);
  line-height: 20px;
}

.item-puller-grid .item-name-col {
  line-height: 20px;
  display: block;
}

.item-puller-grid .item-name-col .item-name-col-icon {
  align-items: center;
  column-gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.item-puller-grid .item-name-col .item-name-col-icon > i {
  vertical-align: 0;
  margin-left: 0;
  line-height: 1;
}

.item-puller-grid .item-name-col .item-name-col-icon img {
  margin-left: var(--space-1);
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.item-puller-grid .item-name-col .item-name-col-icon img:first-child {
  margin-left: var(--space-2);
}

.item-puller-grid .item-name-col .item-name-col-icon i.excluded-icon {
  font-size: var(--icon-size-inline);
  color: var(--color-error-ink, #ad5252);
  margin-left: 0;
}

.item-puller-grid .item-name-col-wrapper {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  display: flex;
}

.item-puller-grid .item-name-col-title {
  font-size: var(--ag-grid-font-size, var(--type-value));
  color: var(--color-text);
  margin-bottom: 0;
  font-weight: 500;
  line-height: 20px;
}

.item-puller-grid .item-name-col-title .subtext {
  color: var(--color-text-muted-ink);
}

.item-puller-grid .item-name-col-title .subtext span {
  color: var(--gray-700) !important;
  font-weight: 400 !important;
}

.item-puller-grid .item-name-col .subtext {
  text-align: end;
  font-weight: 400;
}

.item-puller-grid .item-name-col-subtitle {
  font-size: calc(var(--ag-grid-font-size, var(--type-value)) - 2px);
  opacity: .7;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 18px;
  color: var(--color-text) !important;
}

.item-puller-grid .item-name-col-subtitle .subtext {
  color: var(--color-text-muted-ink) !important;
}

.item-puller-grid .item-name-col-subtitle.left {
  text-align: left;
}

.item-puller-grid .item-name-col-subtitle.right {
  text-align: right;
}

.item-puller-grid .item-name-col .container-info {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-3);
  width: 100%;
  min-width: 0;
  display: flex;
}

.item-puller-grid .item-name-col .container-info > div:first-child {
  flex: auto;
  min-width: 0;
}

.item-puller-grid .item-name-col .container-info > div:first-child .item-name-col-title {
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
}

.item-puller-grid .item-name-col .container-info-flex {
  flex: none;
  gap: 10px;
  display: flex;
}

.item-puller-grid .item-name-col .container-info-flex .item-name-col-title {
  white-space: nowrap;
}

.item-puller-grid .dispense-info {
  font-size: var(--type-value);
  text-align: right;
  cursor: pointer;
  width: 100%;
  margin: 0;
}

.item-puller-grid .dispense-info-dispensed {
  color: var(--gray-700);
  margin-right: var(--space-1);
  font-weight: 400;
}

.item-puller-grid .dispense-info-pending {
  color: var(--color-text-muted-ink);
  margin-left: var(--space-1);
  font-weight: 400;
}

.item-puller-grid .dispense-info-not-calculated {
  align-items: center;
  gap: var(--space-1);
  color: var(--color-warning-ink);
  cursor: help;
  display: inline-flex;
}

.item-puller-grid .dispense-info-not-calculated i {
  color: var(--color-warning-icon);
}

.item-puller-grid .dispense-info-wrapper {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  max-width: 100%;
  height: 100%;
  display: flex;
}

.item-puller-grid .dispense-info-delete {
  padding: var(--space-1);
  cursor: pointer;
  opacity: .4;
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  transition: opacity .12s;
  display: inline-flex;
}

.item-puller-grid .dispense-info-delete:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  border-radius: var(--radius-small);
  outline: none;
}

.item-puller-grid .dispense-info-delete i {
  font-size: var(--type-control);
  color: var(--color-error-ink);
  line-height: 1;
}

.item-puller-grid .ag-cell {
  overflow: hidden;
}

.item-puller-grid .ag-cell-wrapper {
  width: 100%;
  min-height: 100%;
  display: block;
}

.item-puller-grid .number-right {
  width: 100%;
}

.item-puller-grid .number-right .ant-input-number-input {
  text-align: right;
  padding-right: var(--space-7);
}

.item-puller-grid .number-right .ant-input-number-handler-wrap {
  right: 0;
}

.item-puller-grid .py-10 {
  padding: 10px 0;
}

.item-puller-grid .ag-header-cell-text {
  font-size: var(--type-label) !important;
}

.item-puller-grid .text-center {
  text-align: center;
}

.item-puller-grid .text-right {
  text-align: right;
}

.item-puller-grid .header-center, .item-puller-grid .header-center .ag-header-cell-label {
  text-align: center;
  justify-content: center;
}

.item-puller-grid .header-left, .item-puller-grid .header-left .ag-header-cell-label {
  text-align: left;
  justify-content: start;
}

.item-puller-grid .header-right, .item-puller-grid .header-right .ag-header-cell-label {
  text-align: right;
  justify-content: end;
}

.item-puller-grid .query-list-view .dsl-list-bottom {
  padding: 0 !important;
}

.item-puller-grid .puller-hierarchy-innergrid {
  background-color: #fff;
  padding: 0;
}

.item-puller-grid .puller-hierarchy-innergrid .ag-root-wrapper {
  border-radius: 0;
}

.item-puller-grid .puller-hierarchy-innergrid .ag-body-viewport, .item-puller-grid .puller-hierarchy-innergrid .ag-body-viewport .ag-center-cols-viewport, .item-puller-grid .puller-hierarchy-innergrid .ag-body-viewport .ag-center-cols-container {
  min-height: 42px !important;
}

.item-puller-grid .ag-row:hover .dispense-info-delete, .item-puller-grid .ag-row.ag-row-hover .dispense-info-delete, .item-puller-grid .dispense-info-delete:focus-visible {
  opacity: 1;
}

.ReactModalPortal .row-legend-modal .dt-legend-flag {
  font-size: var(--type-value);
  color: var(--gray-500);
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
  position: relative;
}

.ReactModalPortal .row-legend-modal .dt-legend-flag i {
  font-size: var(--type-value);
}

.ReactModalPortal .row-legend-modal .dt-legend-flag__badge {
  background: var(--white);
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 1.5px var(--white), inset 0 0 0 1px var(--gray-400);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  bottom: -3px;
  right: -5px;
}

.ReactModalPortal .row-legend-modal .dt-legend-flag__badge svg {
  width: 12px;
  height: 12px;
  display: block;
  overflow: visible;
}

.ReactModalPortal .row-legend-modal .dt-legend-flag__badge svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ReactModalPortal .row-legend-modal .dt-legend-flag--on {
  color: var(--brand-800);
}

.ReactModalPortal .row-legend-modal .dt-legend-flag--on .dt-legend-flag__badge {
  background: var(--brand-800);
  color: var(--white);
  box-shadow: 0 0 0 1.5px var(--white);
}

.ReactModalPortal .row-legend-modal .dt-legend-flag--hover {
  color: var(--brand-800);
}

.ReactModalPortal .row-legend-modal .dt-legend-flag--hover .dt-legend-flag__badge {
  color: var(--brand-800);
  box-shadow: 0 0 0 1.5px var(--white), inset 0 0 0 1px var(--brand-800);
}

.ReactModalPortal .row-legend-modal .dt-legend-flag--locked {
  opacity: .45;
}

.ReactModalPortal .row-legend-modal .dt-legend-pull {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ReactModalPortal .row-legend-modal .dt-legend-pull--remaining {
  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  padding: 1px var(--space-2);
  background: var(--color-error-600);
  color: var(--white);
  font-size: var(--type-label);
  border-radius: 50px;
  font-weight: 500;
  line-height: 12px;
}

.ReactModalPortal .row-legend-modal .dt-legend-pull--done i {
  font-size: var(--icon-size-xs);
  color: #689989;
  line-height: 1;
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item {
  font-size: var(--icon-size-inline);
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--swap {
  color: #7ca3cf;
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--additive {
  color: var(--color-warning-800);
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--vehicle, .ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--ingredient {
  color: #769bc4;
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--qs {
  color: #76ad9b;
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--excluded {
  color: var(--gray-500);
}

.ReactModalPortal .row-legend-modal .row-legend-modal__icon i.dt-legend-item--excluded-compounder {
  color: var(--color-error-ink);
}

.dosing-quantity-renderer {
  max-width: fit-content;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 10px 0;
  font-weight: 400;
  display: flex;
}

.dosing-quantity-renderer p {
  margin-bottom: 0;
  font-weight: 400;
}

.dosing-quantity-renderer p.dosing-quantity {
  color: var(--gray-700);
}

.dosing-quantity-renderer p.dosing-quantity span {
  color: var(--gray-700) !important;
}

.dosing-quantity-renderer p.overfill, .dosing-quantity-renderer p.ordered-dose {
  color: var(--color-text-muted-ink);
  font-size: var(--type-label) !important;
}

.dosing-quantity-renderer p.overfill span, .dosing-quantity-renderer p.ordered-dose span {
  font-size: var(--type-label) !important;
  color: var(--color-text-muted-ink) !important;
}

.delivery-ticket-table {
  background: #fff;
  width: 100%;
  margin-right: 0;
  padding-left: 0;
  overflow-x: auto;
}

.delivery-ticket-table .delivery-ticket-table-loading {
  padding: var(--space-5);
  text-align: center;
  color: #667;
  font-size: var(--type-value);
}

.delivery-ticket-table .delivery-ticket-verified {
  text-align: center;
  display: block;
}

.delivery-ticket-table .delivery-ticket-verified__switch.ant-switch-checked {
  background-color: #837bb3;
}

.delivery-ticket-table .delivery-ticket-verified__switch.ant-switch-checked:hover {
  background-color: #6e65a1 !important;
}

.delivery-ticket-table .delivery-ticket-verified__switch:not(.ant-switch-checked) {
  background-color: #bfbfbf;
}

.delivery-ticket-table .delivery-ticket-verified__switch:not(.ant-switch-checked):hover {
  background-color: #919191 !important;
}

.delivery-ticket-table .dt-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.delivery-ticket-table .dt-table .dt-row {
  border-bottom: 1px solid #0000000a;
  transition: background-color .2s;
}

.delivery-ticket-table .dt-table .dt-row:hover {
  background-color: #ebf1f7;
}

.delivery-ticket-table .dt-table .dt-row.even-background, .delivery-ticket-table .dt-table .dt-row.odd-background {
  background-color: var(--white);
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell {
  padding: 10px var(--space-3);
  vertical-align: middle;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-name {
  width: calc(100% - 60px);
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand {
  text-align: center;
  width: 60px;
  padding: 10px;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand .expand-btn {
  color: #fff;
  cursor: pointer;
  background: #1890ff;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 1;
  transition: background-color .2s;
  display: flex;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand .expand-btn:hover {
  background: #40a9ff;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-parent .dt-cell-expand .expand-btn:active {
  background: #096dd9;
}

.delivery-ticket-table .dt-table .dt-row.dt-row-child .dt-cell-child-container {
  background: var(--color-background-200);
  padding: 0;
}

.delivery-ticket-table .dt-table .dt-cell {
  font-size: var(--type-value);
  color: var(--color-text);
}

.delivery-ticket-table .dt-table-inner {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid var(--gray-200) !important;
}

.delivery-ticket-table .dt-table-inner .col-qty {
  width: 110px;
}

.delivery-ticket-table .dt-table-inner .col-lot {
  width: 120px;
}

.delivery-ticket-table .dt-table-inner .col-serial {
  width: 160px;
}

.delivery-ticket-table .dt-table-inner .col-expiration {
  width: 140px;
}

.delivery-ticket-table .dt-table-inner .col-verified {
  width: 120px;
}

.delivery-ticket-table .dt-table-inner .col-actions {
  width: auto;
}

.delivery-ticket-table .dt-table-inner thead {
  background: #f5f5f5;
  border-top: none;
  border-bottom: none;
}

.delivery-ticket-table .dt-table-inner .dt-th {
  padding: var(--space-2) var(--space-1);
  text-align: left;
  font-weight: 400;
  font-size: var(--type-label);
  color: #949494;
  border-bottom: none;
  line-height: 18px;
}

.delivery-ticket-table .dt-table-inner .dt-th:first-child {
  padding-left: 48px;
}

.delivery-ticket-table .dt-table-inner .dt-th.dt-th-right {
  text-align: right;
}

.delivery-ticket-table .dt-table-inner .dt-th.dt-th-center {
  text-align: center;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner {
  background: var(--color-background-200);
  border-bottom: none;
  outline: none;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner:last-child {
  border-bottom: none;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner:hover {
  background: #ebebeb;
}

.delivery-ticket-table .dt-table-inner .dt-row-inner.dt-row-inner--deleting {
  background: var(--color-background-400);
}

.delivery-ticket-table .dt-table-inner .dt-row-inner.dt-row-inner--deleting .dt-td:not(.col-actions) {
  opacity: .55;
}

.delivery-ticket-table .dt-table-inner .dt-td {
  padding: var(--space-1) var(--space-1);
  font-size: var(--type-value);
  color: var(--color-text);
  vertical-align: middle;
  font-weight: 500;
}

.delivery-ticket-table .dt-table-inner .dt-td.dt-td-right {
  text-align: right;
}

.delivery-ticket-table .dt-table-inner .dt-td.dt-td-center {
  text-align: center;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn {
  cursor: pointer;
  padding: var(--space-1);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: inline-flex;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn:hover {
  opacity: .7;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn:disabled {
  cursor: wait;
  opacity: 1;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn img {
  width: 20px;
  height: 20px;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn i {
  font-size: var(--type-control);
  color: var(--color-error-ink);
  line-height: 1;
}

.delivery-ticket-table .dt-table-inner .dt-td .delete-btn .ui-spinner {
  margin: 0;
}

.delivery-ticket-table .item-name-col {
  padding: 10px 0;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper {
  gap: var(--space-3);
  align-items: flex-start;
  display: flex;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .dot-circle {
  width: 8px;
  height: 8px;
  margin-top: var(--space-1);
  background: #1890ff;
  border-radius: 50%;
  display: inline-block;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .container-info__flex {
  gap: var(--space-2);
  align-items: flex-start;
  display: flex;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__title {
  font-size: var(--type-value);
  color: var(--color-text);
  margin: 0;
  font-weight: 500;
  line-height: 1.4;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__subtitle {
  font-size: var(--type-value);
  color: var(--color-text);
  opacity: .7;
  margin: 2px 0 0;
  font-weight: 500;
  line-height: 1.4;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__icon {
  margin: 0;
  padding: 0;
}

.delivery-ticket-table .item-name-col .item-name-col__wrapper .container-info .item-name-col__icon img {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

@media (width <= 1200px) {
  .delivery-ticket-table .dt-table-inner .dt-th, .delivery-ticket-table .dt-table-inner .dt-td {
    padding: var(--space-2) 10px;
  }
}

.ui-spinner {
  backdrop-filter: blur(2px);
  will-change: transform;
  background: #ffffff2e;
  border: 1px solid #ffffff47;
  border-radius: 999px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 28px;
  max-width: 28px;
  height: 28px;
  max-height: 28px;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 10px 30px #0000002e, inset 0 1px #ffffff59;
}

.ui-spinner:before {
  content: "";
  opacity: .9;
  background: conic-gradient(#14141400 0deg, #1414148c 40deg, #14141414 120deg, #14141400 360deg);
  border-radius: 999px;
  animation: .9s linear infinite spin;
  position: absolute;
  inset: 6px;
  mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
}

@media (prefers-reduced-motion: reduce) {
  .ui-spinner:before {
    animation: none;
  }
}

.qr-code-display {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  flex-direction: column;
  display: flex;
}

.qr-code-display .qr-code-label {
  font-size: var(--type-value);
  color: var(--color-text-900);
  text-align: center;
  font-weight: 500;
}

.qr-code-display .qr-code-container {
  padding: var(--space-4);
  background: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 8px #0000001a;
}

.qr-code-display .qr-code-container canvas {
  filter: grayscale() contrast(1.2);
  display: block;
}

.qr-code-modal .qr-modal-header {
  width: 100%;
  padding-right: var(--space-2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.qr-code-modal .qr-modal-header span {
  color: var(--color-text-900);
  font-size: 18px;
  font-weight: 500;
}

.qr-code-modal .qr-codes-container {
  gap: var(--space-6);
  padding: var(--space-6) var(--space-4);
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

@media (width <= 768px) {
  .qr-code-modal .qr-codes-container {
    flex-direction: column;
    align-items: center;
  }
}

.qr-code-modal .no-qr-codes {
  text-align: center;
  padding: 40px var(--space-5);
  color: var(--gray-700);
  font-size: var(--type-value);
}

.acute-print-popover .generic-card-container {
  width: 100%;
  height: 100%;
}

.acute-print-popover .generic-card-container .card-body {
  padding: var(--space-5);
}

.acute-print-popover .generic-card-container .card-body .print-options {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group {
  border: 1px solid var(--disabled-background-200);
  padding: var(--space-4);
  border-radius: 8px;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group h4 {
  color: var(--color-text-900);
  font-size: var(--type-control);
  margin: 0 0 10px;
  font-weight: 500;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group label {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group label input[type="checkbox"] {
  margin: 0;
}

.acute-print-popover .generic-card-container .card-body .print-options .option-group .checkbox-group label span {
  font-size: var(--type-value);
  color: var(--gray-700);
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row {
  align-items: center;
  gap: var(--space-4);
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row label {
  min-width: 120px;
  color: var(--color-text-900);
  font-weight: 500;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row select {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--disabled-background-200);
  font-size: var(--type-value);
  border-radius: 4px;
  flex: 1;
}

.acute-print-popover .generic-card-container .card-body .print-options .printer-selection .printer-row input[type="number"] {
  width: 80px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--disabled-background-200);
  font-size: var(--type-value);
  border-radius: 4px;
}

.acute-print-popover .generic-card-container .card-body .action-buttons {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: 1px solid var(--disabled-background-200);
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button {
  padding: 10px var(--space-5);
  font-size: var(--type-value);
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color .2s;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.cancel-btn {
  color: var(--gray-700);
  background-color: #f5f5f5;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.cancel-btn:hover {
  background-color: var(--disabled-background-200);
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.print-btn {
  color: #fff;
  background-color: #007bff;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.print-btn:hover {
  background-color: #0056b3;
}

.acute-print-popover .generic-card-container .card-body .action-buttons button.print-btn:disabled {
  background-color: var(--color-background);
  cursor: not-allowed;
}

.calendar-confirm-modal {
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  width: 100%;
  max-width: 460px;
}

.calendar-confirm-modal:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.calendar-confirm-modal .confirm-modal-content {
  column-gap: var(--space-4);
  padding: var(--space-5) var(--space-5) var(--space-4);
  grid-template-columns: auto 1fr;
  align-items: start;
  display: grid;
}

.calendar-confirm-modal .confirm-modal-header {
  --confirm-tone: #d9945d;
  background: color-mix(in srgb, var(--confirm-tone) 14%, transparent);
  border-radius: 50%;
  grid-column: 1;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.calendar-confirm-modal .confirm-modal-header:has(.error-icon, .fa-ban) {
  --confirm-tone: #bf7171;
}

.calendar-confirm-modal .confirm-modal-header:has(.info-icon) {
  --confirm-tone: #5b83b0;
}

.calendar-confirm-modal .confirm-modal-header i {
  font-size: var(--icon-size-xs);
  color: var(--confirm-tone);
}

.calendar-confirm-modal .confirm-modal-body {
  font-size: var(--type-value);
  color: var(--color-text);
  text-align: left;
  text-wrap: pretty;
  grid-column: 2;
  padding-top: 2px;
  font-family: Soehne, sans-serif;
  line-height: 1.5;
}

.calendar-confirm-modal .confirm-modal-body strong {
  font-weight: 500;
}

.calendar-confirm-modal .confirm-modal-footer {
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-5);
  grid-column: 1 / -1;
  display: flex;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn i, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn.disabled, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[disabled], .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[aria-disabled="true"], .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn.disabled i, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[disabled] i, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[aria-disabled="true"] i, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:disabled i, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn.disabled .icon, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[disabled] .icon, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[aria-disabled="true"] .icon, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:disabled .icon, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn.disabled svg, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[disabled] svg, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[aria-disabled="true"] svg, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn.disabled svg *, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[disabled] svg *, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn[aria-disabled="true"] svg *, .calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:focus-visible {
  box-shadow: none;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.calendar-confirm-modal .confirm-modal-footer.is-destructive .confirm-modal-btn.cancel-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn {
  height: 36px;
  padding: var(--space-2) var(--space-4);
  font-size: var(--type-value);
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s, background-color .15s;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn:active {
  transform: scale(.97);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn.disabled, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[disabled], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[aria-disabled="true"], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn.disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[disabled] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[aria-disabled="true"] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn.disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[disabled] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[aria-disabled="true"] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn.disabled svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[disabled] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[aria-disabled="true"] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn.disabled svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[disabled] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn[aria-disabled="true"] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:focus-visible {
  box-shadow: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.cancel-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.disabled, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[disabled], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[aria-disabled="true"], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[disabled] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[aria-disabled="true"] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[disabled] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[aria-disabled="true"] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.disabled svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[disabled] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[aria-disabled="true"] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.disabled svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[disabled] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn[aria-disabled="true"] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:focus-visible {
  box-shadow: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn.disabled, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[disabled], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[aria-disabled="true"], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn.disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[disabled] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[aria-disabled="true"] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn.disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[disabled] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[aria-disabled="true"] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn.disabled svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[disabled] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[aria-disabled="true"] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn.disabled svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[disabled] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn[aria-disabled="true"] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:focus-visible {
  box-shadow: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.danger-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn.disabled, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[disabled], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[aria-disabled="true"], .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn.disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[disabled] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[aria-disabled="true"] i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:disabled i, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn.disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[disabled] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[aria-disabled="true"] .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:disabled .icon, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn.disabled svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[disabled] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[aria-disabled="true"] svg, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn.disabled svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[disabled] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn[aria-disabled="true"] svg *, .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:focus-visible {
  box-shadow: none;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn.ok-btn.destructive-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .calendar-confirm-modal .confirm-modal-footer .confirm-modal-btn:hover {
  box-shadow: none;
  transform: translateY(1px);
}

.list-viewer-popover {
  width: 80%;
  height: 80%;
}

.list-viewer-popover > body {
  margin-top: 0;
}

.list-viewer-popover div {
  min-width: 0;
  min-height: 0;
}

.list-viewer-popover .dsl-list-bottom {
  padding: 0;
}

.list-viewer-popover .grid-top-bar .search-bar {
  flex: 1;
  max-width: 100%;
}

.query-list-skeleton {
  width: 100%;
  height: 100%;
  padding: var(--space-4);
  background-color: var(--white);
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.query-list-skeleton .skeleton-header {
  gap: var(--space-2);
  padding: var(--space-3) var(--space-2);
  background-color: var(--color-border-500, #ededed);
  border-radius: 4px 4px 0 0;
  display: flex;
}

.query-list-skeleton .skeleton-header .skeleton-cell {
  background-color: #00000014;
  border-radius: 4px;
  flex: 1;
  height: 18px;
}

.query-list-skeleton .skeleton-row {
  gap: var(--space-2);
  padding: 14px var(--space-2);
  border-bottom: 1px solid var(--color-border-500, #ededed);
  display: flex;
}

.query-list-skeleton .skeleton-row:nth-child(odd) {
  background-color: var(--color-background-400, #f5f5f5);
}

.query-list-skeleton .skeleton-row .skeleton-cell {
  background-color: #0000000f;
  border-radius: 4px;
  flex: 1;
  height: 16px;
}

.query-list-skeleton .skeleton-pulse {
  animation: 1.5s ease-in-out infinite skeleton-pulse;
}

@media (width <= 768px) {
  .list-viewer-popover {
    width: 98%;
    height: 90%;
  }
}

.list-viewer-popover .list-viewer-popover-toggle {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.custom-checkbox-wrapper {
  cursor: pointer;
  align-items: center;
  gap: .4rem;
  font-weight: 400;
  display: inline-flex;
}

.custom-checkbox-wrapper.is-disabled {
  cursor: not-allowed;
  opacity: .6;
}

.custom-checkbox-wrapper .custom-checkbox {
  margin: 0;
}

.custom-checkbox-wrapper .custom-checkbox-label {
  font-size: var(--type-value);
  padding-left: var(--space-1);
  color: var(--color-text-800);
  -webkit-user-select: none;
  user-select: none;
  font-weight: 500;
}

.delivery-ticket-picker {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible clip;
}

.delivery-ticket-picker-description {
  padding: 10px var(--space-4) 0;
  font-size: var(--type-value);
  color: var(--text-secondary, #666);
  flex-shrink: 0;
}

.delivery-ticket-picker-grid {
  flex: 1;
  min-height: 0;
  overflow: visible clip;
}

.delivery-ticket-picker-grid .dsl-list-top {
  padding-top: var(--space-2);
}

.delivery-ticket-picker-grid .dsl-advanced-grid, .delivery-ticket-picker-grid .query-list-view, .delivery-ticket-picker-grid .query-list {
  height: 100%;
}

.delivery-ticket-picker-footer {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) 0 var(--space-1);
  border-top: 1px solid var(--border-color, #e0e0e0);
  background-color: var(--color-border-500);
  flex-shrink: 0;
  display: flex;
}

.delivery-ticket-picker-actions {
  gap: 10px;
  display: flex;
}

.delivery-ticket-picker-button {
  cursor: pointer;
  min-width: 140px;
  height: 40px;
  padding: var(--space-2) var(--space-4);
  white-space: nowrap;
  border: none;
  border-radius: 10px;
  font-weight: 500;
  line-height: 22px;
  font-size: var(--type-value) !important;
}

.delivery-ticket-picker-button.confirm {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-picker-button.confirm i, .delivery-ticket-picker-button.confirm .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-picker-button.confirm.disabled, .delivery-ticket-picker-button.confirm[disabled], .delivery-ticket-picker-button.confirm[aria-disabled="true"], .delivery-ticket-picker-button.confirm:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.delivery-ticket-picker-button.confirm.disabled i, .delivery-ticket-picker-button.confirm[disabled] i, .delivery-ticket-picker-button.confirm[aria-disabled="true"] i, .delivery-ticket-picker-button.confirm:disabled i, .delivery-ticket-picker-button.confirm.disabled .icon, .delivery-ticket-picker-button.confirm[disabled] .icon, .delivery-ticket-picker-button.confirm[aria-disabled="true"] .icon, .delivery-ticket-picker-button.confirm:disabled .icon, .delivery-ticket-picker-button.confirm.disabled svg, .delivery-ticket-picker-button.confirm[disabled] svg, .delivery-ticket-picker-button.confirm[aria-disabled="true"] svg, .delivery-ticket-picker-button.confirm:disabled svg {
  color: #fff;
  font-weight: 300;
}

.delivery-ticket-picker-button.confirm.disabled svg *, .delivery-ticket-picker-button.confirm[disabled] svg *, .delivery-ticket-picker-button.confirm[aria-disabled="true"] svg *, .delivery-ticket-picker-button.confirm:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-picker-button.confirm:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.delivery-ticket-picker-button.confirm:focus-visible {
  box-shadow: none;
}

.delivery-ticket-picker-button.confirm:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-picker-button.confirm:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-picker-button.cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-picker-button.cancel i, .delivery-ticket-picker-button.cancel .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-picker-button.cancel.disabled, .delivery-ticket-picker-button.cancel[disabled], .delivery-ticket-picker-button.cancel[aria-disabled="true"], .delivery-ticket-picker-button.cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.delivery-ticket-picker-button.cancel.disabled i, .delivery-ticket-picker-button.cancel[disabled] i, .delivery-ticket-picker-button.cancel[aria-disabled="true"] i, .delivery-ticket-picker-button.cancel:disabled i, .delivery-ticket-picker-button.cancel.disabled .icon, .delivery-ticket-picker-button.cancel[disabled] .icon, .delivery-ticket-picker-button.cancel[aria-disabled="true"] .icon, .delivery-ticket-picker-button.cancel:disabled .icon, .delivery-ticket-picker-button.cancel.disabled svg, .delivery-ticket-picker-button.cancel[disabled] svg, .delivery-ticket-picker-button.cancel[aria-disabled="true"] svg, .delivery-ticket-picker-button.cancel:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.delivery-ticket-picker-button.cancel.disabled svg *, .delivery-ticket-picker-button.cancel[disabled] svg *, .delivery-ticket-picker-button.cancel[aria-disabled="true"] svg *, .delivery-ticket-picker-button.cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-picker-button.cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.delivery-ticket-picker-button.cancel:focus-visible {
  box-shadow: none;
}

.delivery-ticket-picker-button.cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-picker-button.cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-picker-button.secondary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-picker-button.secondary i, .delivery-ticket-picker-button.secondary .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-picker-button.secondary.disabled, .delivery-ticket-picker-button.secondary[disabled], .delivery-ticket-picker-button.secondary[aria-disabled="true"], .delivery-ticket-picker-button.secondary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.delivery-ticket-picker-button.secondary.disabled i, .delivery-ticket-picker-button.secondary[disabled] i, .delivery-ticket-picker-button.secondary[aria-disabled="true"] i, .delivery-ticket-picker-button.secondary:disabled i, .delivery-ticket-picker-button.secondary.disabled .icon, .delivery-ticket-picker-button.secondary[disabled] .icon, .delivery-ticket-picker-button.secondary[aria-disabled="true"] .icon, .delivery-ticket-picker-button.secondary:disabled .icon, .delivery-ticket-picker-button.secondary.disabled svg, .delivery-ticket-picker-button.secondary[disabled] svg, .delivery-ticket-picker-button.secondary[aria-disabled="true"] svg, .delivery-ticket-picker-button.secondary:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.delivery-ticket-picker-button.secondary.disabled svg *, .delivery-ticket-picker-button.secondary[disabled] svg *, .delivery-ticket-picker-button.secondary[aria-disabled="true"] svg *, .delivery-ticket-picker-button.secondary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-picker-button.secondary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.delivery-ticket-picker-button.secondary:focus-visible {
  box-shadow: none;
}

.delivery-ticket-picker-button.secondary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-picker-button.secondary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.queue-actions .queue-action-btns {
  cursor: pointer;
  color: var(--white);
  background: var(--color-primary);
  align-items: center;
  gap: var(--space-1);
  height: 36px;
  padding-top: var(--space-2);
  padding-right: var(--space-3);
  padding-bottom: var(--space-2);
  padding-left: var(--space-3);
  border-radius: 8px;
  display: flex;
}

.fax-queue-container {
  flex-direction: column;
  display: flex;
  position: relative;
}

.fax-queue-drop-overlay {
  background: color-mix(in srgb, var(--color-primary) 15%, transparent);
  border: 3px dashed var(--color-primary);
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  flex-direction: column;
  transition: opacity .15s ease-out, visibility .15s ease-out;
  display: flex;
  position: fixed;
  inset: 0;
}

.fax-queue-drop-overlay.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  backdrop-filter: blur(2px);
}

.fax-queue-drop-overlay i {
  font-size: var(--icon-size-2xl);
  color: var(--color-primary-ink, #406591);
}

.fax-queue-drop-overlay span {
  color: var(--color-primary-ink, #406591);
  font-size: 1.2em;
  font-weight: 500;
}

.inspect {
  flex: 40%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.inspect .inspect-action-btns {
  flex-wrap: wrap;
  flex: 40%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: fit-content;
  padding: 1px;
  display: flex;
}

.inspect .inspect-action-btns .inspect-action-btn {
  padding: 10px var(--space-3);
  gap: var(--space-1);
  color: var(--white);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  border: none;
  border-radius: 8px;
  display: flex;
  box-shadow: inset 0 -1px 2px #00000038, inset 0 1px 2px #ffffff1f;
}

.inspect .inspect-action-btns .inspect-action-btn:hover, .inspect .inspect-action-btns .inspect-action-btn:focus {
  box-shadow: 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-primary-600), 0px 1px 2px 0px #0a0d120d;
}

.inspect .inspect-action-btns .inspect-action-btn.act-btn-primary {
  background-color: var(--color-primary-600);
}

.inspect .inspect-action-btns .inspect-action-btn.act-btn-secondary {
  color: var(--color-text);
  background-color: #f7f7f7;
}

.inspect .inspect-action-btns .inspect-action-btn.act-btn-tertiary {
  background-color: var(--brand-50);
  color: #252b37;
}

.inspect .inspect-action-btns .inspect-action-btn:hover {
  opacity: .9;
}

.inspect .inspect-action-btns .btn-hide {
  display: none;
}

.inspect .inspect-action-btns .inspect-btn {
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
  color: #58505b;
  width: 80%;
  height: 30px;
  font-size: var(--type-value);
  border: unset;
  background: #eef1f4;
  border-radius: 5px;
  padding: 10px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
  box-shadow: 0 2px 2px #0000001a;
}

.inspect.mode-popover {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.inspect.mode-popover .inspect-action-btns .btn-dark-light {
  width: 100%;
}

.inspect.mode-popover .inspect-action-btns .inspect-btn {
  color: #254d5b;
  min-height: 24px;
  font-weight: 500;
  font-size: var(--type-label);
  gap: 10px;
  padding-left: 10px;
  width: 225px !important;
}

.inspect.mode-popover .inspect-cfg {
  border-left: none;
  width: 100%;
  padding: 0;
  display: flex;
}

.view-record-btn {
  width: 100%;
  color: #fff !important;
  background-color: #58505b !important;
}

.view-record-btn i {
  font-size: var(--type-control);
  color: #fff !important;
}

.intake-hidden-section {
  display: none !important;
}

.intake-forms-review {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  isolation: isolate;
  background-color: #e9e9ec;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  flex-direction: row;
  width: 100%;
  max-width: 95vw;
  height: 90vh;
  min-height: 0;
  max-height: 90vh;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-left-pane, .intake-forms-review .intake-forms-right-pane {
  height: 100%;
  min-height: 0;
}

.intake-forms-review .intake-forms-right-pane {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.intake-forms-review .intake-forms-scroll {
  min-height: 0;
  max-height: 100%;
  padding: var(--space-4);
  overscroll-behavior: contain;
  flex: 0 auto;
  position: relative;
  overflow: hidden auto;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .form-container {
  box-shadow: 0 1px 2px #0000000d, 0 6px 14px #00000014;
}

.intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardarea {
  padding-top: var(--space-2) !important;
  padding-bottom: var(--space-2) !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) {
  min-height: 0 !important;
  box-shadow: none !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  display: flex !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .intake-form-wrapper {
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .form-container, .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .cardform, .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .cardarea, .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-templ-area {
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) div[id$="_view"], .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) div[id$="_temp_container"], .intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 {
  flex-direction: column !important;
  flex: 1 1 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 > .dsl-tab-header {
  background-color: #f5f5f5 !important;
  flex: none !important;
  position: relative !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .dsl-tab-container.level_1 > .dsl-tab-area {
  -webkit-overflow-scrolling: touch;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow: hidden auto !important;
  box-shadow: 0 1px 2px #0000000f, 0 6px 14px #00000014 !important;
}

.intake-forms-review .intake-forms-scroll:has(.dsl-tab-container.level_1) .wizard-bottom-bar {
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: none !important;
  overflow: hidden !important;
}

.intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .dsl-templ-area, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .dsl-tab-container, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .form-container, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardlist, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardform, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .cardarea, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .container, .intake-forms-review .intake-forms-scroll:not(:has(.dsl-tab-container.level_1)) .fieldgroup {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .dsl-templ-area, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .form-container, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .cardlist, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .cardform, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .cardarea, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .container, .intake-forms-review .intake-forms-scroll .dsl-tab-container.level_1 .dsl-tab-area .fieldgroup {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .cardarea {
  padding-top: 0 !important;
}

.intake-forms-review .intake-forms-scroll div[id$="_view"], .intake-forms-review .intake-forms-scroll div[id$="_temp_container"] {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .dsl-tab-header {
  padding-bottom: var(--space-2);
  margin-bottom: var(--space-2);
  z-index: 10 !important;
  background-color: #f5f5f5 !important;
  width: 100% !important;
  position: sticky !important;
  top: 0 !important;
}

.intake-forms-review .intake-forms-scroll .dsl-tab-header .section-tab {
  background-color: var(--white) !important;
}

.intake-forms-review .intake-forms-scroll > [role="tabpanel"] {
  flex: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.intake-forms-review .intake-forms-scroll > [role="tabpanel"] > div, .intake-forms-review .intake-forms-scroll > [role="tabpanel"] > div > div, .intake-forms-review .intake-forms-scroll .array-form-item .form-container, .intake-forms-review .intake-forms-scroll .array-form-item .cardform, .intake-forms-review .intake-forms-scroll .array-form-item .cardarea, .intake-forms-review .intake-forms-scroll .array-form-item .dsl-templ-area, .intake-forms-review .intake-forms-scroll .array-form-item [id$="_view"], .intake-forms-review .intake-forms-scroll .array-form-item [id$="_temp_container"] {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.intake-forms-review .intake-forms-scroll .array-form-item .wizard-bottom-bar, .intake-forms-review .intake-forms-scroll .array-form-item .action-btn-cnt, .intake-forms-review .btn-save, .intake-forms-review .array-form-item .btn-cancel, .intake-forms-review .array-form-item .btn-save {
  display: none !important;
}

.intake-forms-review .intake-forms-tabs {
  padding: var(--space-4) var(--space-4) var(--space-2) var(--space-4);
  gap: var(--space-2);
  border-bottom: none;
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
  overflow-x: auto;
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--gray-700);
  padding: var(--spacing-standard);
  gap: var(--tab-list-button-common-gap, 5px);
  cursor: pointer;
  white-space: nowrap;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  align-items: center;
  transition: all .2s;
  display: flex;
  min-width: max-content !important;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab:hover {
  background-color: #58505b14;
  transform: scale(1);
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active {
  background-color: var(--color-tertiary);
  color: var(--white);
  border-radius: 5px;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active:hover {
  cursor: default;
  transform: scale(1);
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active .tab-count, .intake-forms-review .intake-forms-tabs .intake-forms-tab.active .tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab.active .intake-tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab.active .tab-counter .count {
  background-color: var(--white);
  color: var(--color-tertiary);
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab .tab-count, .intake-forms-review .intake-forms-tabs .intake-forms-tab .tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab .intake-tab-badge, .intake-forms-review .intake-forms-tabs .intake-forms-tab .tab-counter .count {
  background-color: var(--color-background-950);
  color: #fff;
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-1);
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-top: var(--spacing-xsmall);
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active .intake-tab-existing {
  color: var(--white);
  opacity: .9;
}

.intake-forms-review .intake-forms-tabs .intake-forms-tab.active .intake-tab-warning {
  color: #ffaa5b;
}

.intake-forms-review .intake-forms-action-bar {
  gap: var(--space-3);
  padding: var(--space-4);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
  opacity: 1 !important;
  box-shadow: 0 -2px 6px #00000014 !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  margin-right: auto;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled], .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[aria-disabled="true"], .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled] i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[aria-disabled="true"] i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled i, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled] .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[aria-disabled="true"] .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled svg, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled] svg, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[aria-disabled="true"] svg, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel.disabled svg *, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[disabled] svg *, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel[aria-disabled="true"] svg *, .intake-forms-review .intake-forms-action-bar .intake-btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:focus-visible {
  box-shadow: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save i, .intake-forms-review .intake-forms-action-bar .intake-btn-save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled], .intake-forms-review .intake-forms-action-bar .intake-btn-save[aria-disabled="true"], .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled i, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled] i, .intake-forms-review .intake-forms-action-bar .intake-btn-save[aria-disabled="true"] i, .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled i, .intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled] .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-save[aria-disabled="true"] .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled .icon, .intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled svg, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled] svg, .intake-forms-review .intake-forms-action-bar .intake-btn-save[aria-disabled="true"] svg, .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save.disabled svg *, .intake-forms-review .intake-forms-action-bar .intake-btn-save[disabled] svg *, .intake-forms-review .intake-forms-action-bar .intake-btn-save[aria-disabled="true"] svg *, .intake-forms-review .intake-forms-action-bar .intake-btn-save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:focus-visible {
  box-shadow: none;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-forms-review .intake-forms-action-bar .intake-btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-forms-review .intake-remove-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  padding: var(--space-1) var(--space-3) !important;
  font-size: var(--type-label) !important;
  vertical-align: middle !important;
  border-radius: .6rem !important;
  justify-content: center !important;
  align-items: center !important;
  height: auto !important;
  min-height: 28px !important;
  line-height: 1.2 !important;
  display: flex !important;
}

.intake-forms-review .intake-remove-btn i, .intake-forms-review .intake-remove-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-forms-review .intake-remove-btn.disabled, .intake-forms-review .intake-remove-btn[disabled], .intake-forms-review .intake-remove-btn[aria-disabled="true"], .intake-forms-review .intake-remove-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.intake-forms-review .intake-remove-btn.disabled i, .intake-forms-review .intake-remove-btn[disabled] i, .intake-forms-review .intake-remove-btn[aria-disabled="true"] i, .intake-forms-review .intake-remove-btn:disabled i, .intake-forms-review .intake-remove-btn.disabled .icon, .intake-forms-review .intake-remove-btn[disabled] .icon, .intake-forms-review .intake-remove-btn[aria-disabled="true"] .icon, .intake-forms-review .intake-remove-btn:disabled .icon, .intake-forms-review .intake-remove-btn.disabled svg, .intake-forms-review .intake-remove-btn[disabled] svg, .intake-forms-review .intake-remove-btn[aria-disabled="true"] svg, .intake-forms-review .intake-remove-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-forms-review .intake-remove-btn.disabled svg *, .intake-forms-review .intake-remove-btn[disabled] svg *, .intake-forms-review .intake-remove-btn[aria-disabled="true"] svg *, .intake-forms-review .intake-remove-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-forms-review .intake-remove-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-forms-review .intake-remove-btn:focus-visible {
  box-shadow: none;
}

.intake-forms-review .intake-remove-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-forms-review .intake-remove-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.wf-inspect-view-container {
  background-color: #fff;
  flex-flow: wrap;
  flex-grow: 1;
  flex-shrink: 0;
  max-height: fit-content;
  padding: 10px;
  display: flex;
}

.wf-inspect-view-container .inspect-ph {
  flex: 1;
  display: flex;
  overflow: auto;
}

.wf-inspect-view-container .inspect-cfg {
  padding: var(--inspect-cfg-p);
  border-left: 1px solid #ebeaea;
  flex-wrap: wrap;
  width: 25%;
  display: flex;
}

.med-claim-resp-inspect .query-list {
  min-height: unset !important;
}

.med-claim-resp-inspect .query-list .dsl-list-bottom {
  padding: 0 !important;
}

.med-claim-resp-inspect .query-list .dsl-list-bottom .dsl-advanced-grid {
  padding: 10px !important;
}

.med-claim-resp-inspect .ag-header-cell {
  background-color: #e3e0ffb0 !important;
}

.med-claim-resp-inspect .med-claim-resp-sl-inspect {
  height: 100%;
}

.med-claim-resp-inspect .med-claim-resp-sl-inspect .ag-header-cell {
  background-color: #e5fcffad !important;
}

.ach-form {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  gap: var(--space-3);
  flex-direction: column;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
}

.ach-form--disabled {
  opacity: .6;
  pointer-events: none;
}

.ach-form__row {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.ach-form__row--split {
  gap: var(--space-3);
  flex-direction: row;
}

.ach-form__row--split > div {
  gap: var(--space-1);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ach-form__label {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.ach-form__input {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  box-sizing: border-box;
  border: 1px solid var(--gray-100);
  background: var(--white);
  height: 44px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: #565a62;
  box-shadow: none;
  border-radius: 8px;
  outline: none;
  padding: 0 12px;
  font-weight: 500;
  transition: border-color .2s;
}

.ach-form__input::placeholder {
  color: #9b9fa8;
  font-weight: 400;
}

.ach-form__input:hover, .ach-form__input:focus {
  border-color: #d5d7da;
}

.ach-form__hosted {
  box-sizing: border-box;
  border: 1px solid var(--gray-100);
  background: var(--white);
  border-radius: 8px;
  height: 44px;
  transition: border-color .2s;
  overflow: hidden;
}

.ach-form__hosted:hover, .ach-form__hosted:focus-within {
  border-color: #d5d7da;
}

.ach-form__hosted iframe {
  border: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block !important;
}

.ach-form__seg {
  background: var(--color-background-200);
  border-radius: var(--fh-radio-radius);
  height: var(--fh-radio-h, 30px);
  background: var(--white);
  align-self: flex-start;
  padding: 2px 0;
  display: inline-flex;
  box-shadow: inset 0 1px 2px #0000001f;
}

.ach-form__seg label {
  font-size: var(--font-size-small);
  color: var(--color-tertiary);
  height: calc(var(--fh-radio-h, 30px) - 4px);
  line-height: calc(var(--fh-radio-h, 30px) - 4px);
  padding: 0 var(--fh-radio-btn-pad-x, var(--space-4));
  background: none;
  border: none;
  font-weight: 500;
}

.ach-form__seg label:has(input:checked) {
  color: var(--white);
  background-color: var(--color-tertiary);
  border-radius: var(--fh-radio-btn-radius);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.ach-form__seg label {
  cursor: pointer;
  align-items: center;
  margin: 0;
  display: inline-flex;
  position: relative;
}

.ach-form__seg label:has(input:focus-visible) {
  outline: 2px solid var(--color-primary-500);
}

.ach-form__seg input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.ach-form__check {
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--type-value);
  color: var(--color-text-800);
  cursor: pointer;
  margin: 0;
  font-weight: 500;
  display: flex;
}

.ach-form__check input {
  appearance: none;
  box-sizing: border-box;
  background-color: var(--white);
  cursor: pointer;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  transition: all .15s;
  position: relative;
}

.ach-form__check input:hover {
  border-color: var(--color-primary-600);
}

.ach-form__check input:checked {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.ach-form__check input:checked:after {
  content: "";
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
}

.ach-form__check input:focus-visible {
  outline: 2px solid var(--color-primary-500);
}

.ach-form__authorization {
  gap: var(--space-2);
  border: 1px solid var(--gray-100);
  background: var(--color-primary-50);
  padding: var(--space-3) var(--space-4);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.ach-form__authorization-title {
  font-size: var(--type-label);
  color: var(--color-text-800);
  font-weight: 500;
}

.ach-form__sec {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.ach-form__authorization-text {
  font-size: var(--type-label);
  color: var(--color-text-800);
  margin: 0;
  line-height: 1.5;
}

.ach-form__submit {
  height: 44px;
}

.ach-form__submit iframe {
  border: none !important;
  width: 100% !important;
  height: 44px !important;
  display: block !important;
}

.ach-form__hint {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.ach-form__error {
  font-size: var(--type-label);
  color: var(--color-error-800);
}

.ach-inline {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  margin: var(--space-4) 0 var(--space-5);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  animation: .22s ease-out ach-inline-reveal;
}

@media (prefers-reduced-motion: reduce) {
  .ach-inline {
    animation: none;
  }
}

.ach-inline__title {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  margin-bottom: var(--space-2);
  font-weight: 400;
}

.ach-inline__notice {
  font-size: var(--type-label);
  color: var(--color-warning-ink);
  margin-bottom: var(--space-2);
}

.ach-inline__hint {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  padding: var(--space-5);
  text-align: center;
  background: #fafbfc;
  border: 1px dashed #d1d5db;
  border-radius: 8px;
  font-style: italic;
}

.ach-inline__summary {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  border: 1px solid var(--gray-100);
  background: var(--white);
  padding: var(--space-3) var(--space-4);
  border-radius: 8px;
  display: flex;
}

.ach-inline__summary-line {
  font-size: var(--type-value);
  color: var(--color-text-800);
  font-weight: 500;
}

.ach-inline__summary-sub {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.ach-inline__change {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  height: 36px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  flex-shrink: 0;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ach-inline__change i, .ach-inline__change .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.ach-inline__change.disabled, .ach-inline__change[disabled], .ach-inline__change[aria-disabled="true"], .ach-inline__change:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.ach-inline__change.disabled i, .ach-inline__change[disabled] i, .ach-inline__change[aria-disabled="true"] i, .ach-inline__change:disabled i, .ach-inline__change.disabled .icon, .ach-inline__change[disabled] .icon, .ach-inline__change[aria-disabled="true"] .icon, .ach-inline__change:disabled .icon, .ach-inline__change.disabled svg, .ach-inline__change[disabled] svg, .ach-inline__change[aria-disabled="true"] svg, .ach-inline__change:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.ach-inline__change.disabled svg *, .ach-inline__change[disabled] svg *, .ach-inline__change[aria-disabled="true"] svg *, .ach-inline__change:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ach-inline__change:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.ach-inline__change:focus-visible {
  box-shadow: none;
}

.ach-inline__change:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ach-inline__change:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

@keyframes ach-inline-reveal {
  from {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
  }

  to {
    opacity: 1;
    max-height: 900px;
    overflow: hidden;
  }
}

.payment-modal {
  background-color: #e9e9ec !important;
}

.payment-modal:before {
  display: none !important;
}

.payment-modal .header {
  padding-left: var(--space-4) !important;
  background-color: #e9e9ec !important;
}

.payment-modal .header .title {
  font-weight: 500 !important;
}

.payment-modal .header .arrow-container img {
  width: 12px;
  height: 12px;
  transition: filter .15s;
  opacity: 1 !important;
  position: static !important;
}

.payment-modal .header .arrow-container img:hover {
  opacity: 1 !important;
  filter: brightness(.7) !important;
}

.payment-modal .payment-modal__content {
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding: 0 var(--space-4);
  flex-direction: column;
  display: flex;
}

.payment-modal .payment-modal__section {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.payment-modal .payment-modal__section-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.payment-modal .payment-modal__patient-value {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control);
  color: var(--color-text-700);
  padding: 0 0 10px;
  font-weight: 500;
}

.payment-modal .payment-modal__input {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 32px;
  padding: var(--space-1) var(--space-2);
  color: var(--color-text);
  background: var(--white);
  border: 1px solid var(--gray-200);
  box-shadow: none;
  font-size: var(--type-value);
  text-align: left;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 32px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  transition: border-color .2s;
}

.payment-modal .payment-modal__input::placeholder {
  font-weight: 400;
}

.payment-modal .payment-modal__input:hover:not(:disabled) {
  border-color: var(--gray-300);
}

.payment-modal .payment-modal__input:disabled {
  border-color: var(--gray-100);
  opacity: .65;
  cursor: not-allowed;
}

.payment-modal .payment-modal__input::placeholder {
  color: var(--color-text-300);
}

.payment-modal .payment-modal__input:focus, .payment-modal .payment-modal__input:focus-visible {
  border-color: var(--color-primary-700);
  outline-offset: 0;
  box-shadow: none;
  outline: 0;
}

.payment-modal .payment-modal__select {
  width: 100%;
}

.payment-modal .payment-modal__select.ant-select {
  border: 1px solid var(--gray-200) !important;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  color: var(--gray-700) !important;
  font-weight: 500 !important;
  font-size: var(--type-control) !important;
  border-radius: 4px !important;
  font-family: Soehne, sans-serif !important;
}

.payment-modal .payment-modal__select .ant-select-content {
  height: 100% !important;
  color: var(--gray-700) !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  font-size: var(--type-control) !important;
  text-align: left !important;
  align-items: center !important;
  padding-left: 0 !important;
  font-family: Soehne, sans-serif !important;
  display: flex !important;
}

.payment-modal .payment-modal__select .ant-select-selector {
  border-color: var(--gray-200) !important;
  background: var(--white) !important;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 var(--space-2) !important;
  color: var(--gray-700) !important;
  font-weight: 500 !important;
  font-size: var(--type-control) !important;
  border-radius: 4px !important;
  font-family: Soehne, sans-serif !important;
}

.payment-modal .payment-modal__select .ant-select-selection-item {
  color: var(--gray-700) !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  font-size: var(--type-control) !important;
  font-family: Soehne, sans-serif !important;
}

.payment-modal .ant-select-item-option-content {
  text-align: left !important;
}

.payment-modal .payment-modal__no-cards {
  padding: var(--space-6) var(--space-4);
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.payment-modal .payment-modal__no-cards .payment-modal__no-cards-message {
  margin-bottom: var(--space-4);
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.payment-modal .payment-modal__no-cards .payment-modal__no-cards-message i {
  color: var(--color-warning-ink, #89641a);
  font-size: var(--type-control);
  flex-shrink: 0;
}

.payment-modal .payment-modal__no-cards .payment-modal__no-cards-message span {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  line-height: 22px;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  height: 36px;
  padding: 0 var(--space-4);
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border: none !important;
  border-radius: .6rem !important;
  outline: none !important;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled], .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[aria-disabled="true"], .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled] i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[aria-disabled="true"] i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled i, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled .icon, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled] .icon, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[aria-disabled="true"] .icon, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled .icon, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled svg, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled] svg, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[aria-disabled="true"] svg, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn.disabled svg *, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[disabled] svg *, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn[aria-disabled="true"] svg *, .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:focus-visible {
  box-shadow: none;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:hover:not(:disabled, [disabled]), .payment-modal .payment-modal__no-cards .payment-modal__add-card-btn:focus:not(:disabled, [disabled]) {
  color: var(--white) !important;
  background: #746ba9 !important;
  border: none !important;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn > span {
  align-items: center;
  gap: var(--space-2);
  color: inherit;
  display: inline-flex;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn .ant-btn-icon {
  color: inherit;
  margin: 0;
}

.payment-modal .payment-modal__no-cards .payment-modal__add-card-btn .ant-btn-icon i {
  color: inherit;
}

.payment-modal .payment-error {
  margin-top: var(--space-5);
}

.payment-modal .payment-error .ant-alert {
  border: 1px solid var(--color-error-200, #f7c9c9);
  background: var(--color-error-25, #fef5f5);
  padding: var(--space-3) var(--space-4);
  border-radius: 8px;
  align-items: flex-start;
  display: flex;
}

.payment-modal .payment-error .ant-alert .ant-alert-icon {
  color: var(--color-error-ink, #ad5252);
  font-size: var(--type-control);
  margin-right: var(--space-3);
  line-height: 22px;
}

.payment-modal .payment-error .ant-alert .ant-alert-content {
  flex: 1;
}

.payment-modal .payment-error .ant-alert .ant-alert-message {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700, #4d525c);
  margin-bottom: var(--space-1);
  font-weight: 500;
  line-height: 22px;
}

.payment-modal .payment-error .ant-alert .ant-alert-description {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink, #6a6f79);
  line-height: 20px;
}

.payment-modal .payment-loading {
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  padding: 48px var(--space-6);
  background: var(--white);
  border: 1px dashed var(--color-text-200, #b6bac2);
  border-radius: 12px;
  flex-direction: column;
  display: flex;
}

.payment-modal .payment-loading .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--color-text-muted-ink, #6a6f79);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
}

.payment-modal .payment-methods {
  margin-top: var(--space-2);
}

.payment-modal .payment-methods h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: var(--color-text-muted-ink);
  margin-bottom: var(--space-2);
  font-weight: 500;
}

.payment-modal .payment-methods .ant-list {
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  overflow: visible;
}

.payment-modal .payment-methods .ant-list .ant-list-item {
  border: none;
  border-bottom: 1px solid var(--gray-100);
  cursor: pointer;
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
  transition: all .2s;
}

.payment-modal .payment-methods .ant-list .ant-list-item:hover {
  background: #837bb20a;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected {
  border-bottom-color: var(--gray-100);
  background: #5b83b0;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content .card-info .card-icon {
  color: var(--white);
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content .card-info .card-details .ant-typography {
  color: var(--white) !important;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content .card-info .card-details .ant-typography-secondary {
  color: #fffc !important;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content .card-actions .selected-indicator {
  color: var(--white);
  background: #fff3;
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content .card-actions .delete-card-btn {
  color: var(--white);
}

.payment-modal .payment-methods .ant-list .ant-list-item.selected .payment-method-content .card-actions .delete-card-btn:hover {
  color: #ffffffbf;
  background-color: #0000;
}

.payment-modal .payment-methods .ant-list .ant-list-item:last-child {
  border-bottom: 1px solid var(--gray-100);
}

.payment-modal .payment-methods .payment-method-item .payment-method-content {
  width: 100%;
  padding: var(--space-3) var(--space-1);
  border-left: none;
  justify-content: space-between;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-icon {
  font-size: var(--icon-size-lg);
  color: #5b83b0;
  background: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 24px;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .ant-typography:first-child {
  font-size: var(--type-value);
  color: var(--color-text-700, #4d525c);
  font-weight: 500;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .ant-typography-secondary {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink, #6a6f79);
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-info .card-details .hsa-badge {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: #fff;
  padding: 2px var(--space-2);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-micro);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  background: #eba46c;
  border-radius: 4px;
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-actions {
  align-items: center;
  gap: var(--space-2);
  flex-shrink: 0;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-actions .selected-indicator {
  color: var(--white);
  background: #5b83b0;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: flex;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-actions .selected-indicator i {
  font-size: var(--type-value);
  line-height: 1;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-actions .delete-card-btn {
  color: var(--color-error-ink);
  cursor: pointer;
  padding: var(--space-1) var(--space-2);
  font-size: var(--type-value);
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  transition: background-color .2s;
}

.payment-modal .payment-methods .payment-method-item .payment-method-content .card-actions .delete-card-btn:hover {
  color: #b05050;
  background-color: #0000;
}

.payment-modal .payment-methods .payment-modal__add-card-link {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) 0 0 0;
  margin-top: var(--space-2);
  margin-bottom: var(--space-4);
  color: #567ba6;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  background: none;
  height: auto;
  font-weight: 500;
  display: inline-flex;
  box-shadow: none !important;
  border: none !important;
}

.payment-modal .payment-methods .payment-modal__add-card-link:hover, .payment-modal .payment-methods .payment-modal__add-card-link:focus, .payment-modal .payment-methods .payment-modal__add-card-link:active {
  color: #50749c !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  outline: none !important;
}

.payment-modal .payment-methods .payment-modal__add-card-link .ant-btn-icon {
  margin: 0;
}

.payment-modal .payment-methods .payment-modal__add-card-link .ant-btn-icon i {
  font-size: var(--type-label);
}

.payment-modal .hsa-notice {
  margin-top: var(--space-1);
  padding: 10px var(--space-3);
  background: #edf4fa;
  border: 1px solid #c2d7eb;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.payment-modal .hsa-notice .hsa-notice__icon {
  color: #5b83b0;
  font-size: var(--type-control);
  flex-shrink: 0;
  margin-top: 2px;
}

.payment-modal .hsa-notice .hsa-notice__content {
  flex: 1;
}

.payment-modal .hsa-notice .hsa-notice__title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700);
  margin-bottom: 2px;
  font-weight: 500;
}

.payment-modal .hsa-notice .hsa-notice__description {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 1.4;
}

.payment-modal .payment-error-notice {
  margin-top: var(--space-2);
  padding: 10px var(--space-3);
  background: #fdf2f2;
  border: 1px solid #f0c0c0;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.payment-modal .payment-error-notice .payment-error-notice__icon {
  color: var(--color-error-ink);
  font-size: var(--type-control);
  flex-shrink: 0;
  margin-top: 2px;
}

.payment-modal .payment-error-notice .payment-error-notice__content {
  flex: 1;
}

.payment-modal .payment-error-notice .payment-error-notice__title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700);
  margin-bottom: 2px;
  font-weight: 500;
}

.payment-modal .payment-error-notice .payment-error-notice__description {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 1.4;
}

.payment-modal .auth-success {
  text-align: center;
  padding: var(--space-6) var(--space-4);
}

.payment-modal .auth-success .success-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto var(--space-4);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.payment-modal .auth-success .success-icon i {
  color: #76ad9b;
  font-size: 28px;
}

.payment-modal .auth-success h4.ant-typography {
  color: #76ad9b;
  margin-bottom: var(--space-4);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.payment-modal .auth-success .success-detail {
  padding: var(--space-2) var(--space-4);
  margin-bottom: var(--space-2);
  background: #fafbfc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.payment-modal .auth-success .success-detail .ant-typography {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.payment-modal .auth-success .success-detail .ant-typography.ant-typography-secondary {
  color: var(--color-text-muted-ink);
}

.payment-modal .auth-success .success-detail code {
  font-family: monospace;
  font-size: var(--type-label);
  padding: 2px var(--space-1);
  background: #f0f0f0;
  border-radius: 4px;
}

.payment-modal .payment-modal__footer {
  padding: var(--space-4) var(--space-4) 0;
  border-top: 1px solid #0000000f;
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.payment-modal .payment-modal__footer .cancel-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.payment-modal .payment-modal__footer .cancel-btn i, .payment-modal .payment-modal__footer .cancel-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.payment-modal .payment-modal__footer .cancel-btn.disabled, .payment-modal .payment-modal__footer .cancel-btn[disabled], .payment-modal .payment-modal__footer .cancel-btn[aria-disabled="true"], .payment-modal .payment-modal__footer .cancel-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.payment-modal .payment-modal__footer .cancel-btn.disabled i, .payment-modal .payment-modal__footer .cancel-btn[disabled] i, .payment-modal .payment-modal__footer .cancel-btn[aria-disabled="true"] i, .payment-modal .payment-modal__footer .cancel-btn:disabled i, .payment-modal .payment-modal__footer .cancel-btn.disabled .icon, .payment-modal .payment-modal__footer .cancel-btn[disabled] .icon, .payment-modal .payment-modal__footer .cancel-btn[aria-disabled="true"] .icon, .payment-modal .payment-modal__footer .cancel-btn:disabled .icon, .payment-modal .payment-modal__footer .cancel-btn.disabled svg, .payment-modal .payment-modal__footer .cancel-btn[disabled] svg, .payment-modal .payment-modal__footer .cancel-btn[aria-disabled="true"] svg, .payment-modal .payment-modal__footer .cancel-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.payment-modal .payment-modal__footer .cancel-btn.disabled svg *, .payment-modal .payment-modal__footer .cancel-btn[disabled] svg *, .payment-modal .payment-modal__footer .cancel-btn[aria-disabled="true"] svg *, .payment-modal .payment-modal__footer .cancel-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.payment-modal .payment-modal__footer .cancel-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.payment-modal .payment-modal__footer .cancel-btn:focus-visible {
  box-shadow: none;
}

.payment-modal .payment-modal__footer .cancel-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.payment-modal .payment-modal__footer .cancel-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.payment-modal .payment-modal__footer .cancel-btn i {
  font-size: var(--type-value);
}

.payment-modal .payment-modal__footer .verify-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #508675, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.payment-modal .payment-modal__footer .verify-btn i, .payment-modal .payment-modal__footer .verify-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.payment-modal .payment-modal__footer .verify-btn.disabled, .payment-modal .payment-modal__footer .verify-btn[disabled], .payment-modal .payment-modal__footer .verify-btn[aria-disabled="true"], .payment-modal .payment-modal__footer .verify-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #80b3a2 0%, #6ca794 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: none;
  transform: none;
}

.payment-modal .payment-modal__footer .verify-btn.disabled i, .payment-modal .payment-modal__footer .verify-btn[disabled] i, .payment-modal .payment-modal__footer .verify-btn[aria-disabled="true"] i, .payment-modal .payment-modal__footer .verify-btn:disabled i, .payment-modal .payment-modal__footer .verify-btn.disabled .icon, .payment-modal .payment-modal__footer .verify-btn[disabled] .icon, .payment-modal .payment-modal__footer .verify-btn[aria-disabled="true"] .icon, .payment-modal .payment-modal__footer .verify-btn:disabled .icon, .payment-modal .payment-modal__footer .verify-btn.disabled svg, .payment-modal .payment-modal__footer .verify-btn[disabled] svg, .payment-modal .payment-modal__footer .verify-btn[aria-disabled="true"] svg, .payment-modal .payment-modal__footer .verify-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.payment-modal .payment-modal__footer .verify-btn.disabled svg *, .payment-modal .payment-modal__footer .verify-btn[disabled] svg *, .payment-modal .payment-modal__footer .verify-btn[aria-disabled="true"] svg *, .payment-modal .payment-modal__footer .verify-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.payment-modal .payment-modal__footer .verify-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.payment-modal .payment-modal__footer .verify-btn:focus-visible {
  box-shadow: none;
}

.payment-modal .payment-modal__footer .verify-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.payment-modal .payment-modal__footer .verify-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.payment-modal .ant-select-selection-item, .payment-modal .ant-select-selection-placeholder, .payment-modal .ant-select .ant-select-selector .ant-select-selection-item, .payment-modal .ant-select .ant-select-selector .ant-select-selection-placeholder, .payment-modal .payment-modal__select .ant-select-selection-item {
  color: var(--gray-700) !important;
  font-weight: 500 !important;
  font-size: var(--type-control) !important;
  font-family: Soehne, sans-serif !important;
}

.payment-modal .ant-input {
  color: var(--gray-700);
  font-weight: 500;
  font-size: var(--type-control);
  font-family: Soehne, sans-serif;
  border: 1px solid var(--gray-100) !important;
  border-radius: 8px !important;
  height: 44px !important;
}

.patient_paycard .paycard-wrapper {
  margin-top: var(--space-3) !important;
  margin-bottom: 0 !important;
}

.patient_paycard div.paycard {
  min-height: 36px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: none !important;
  position: relative !important;
  overflow: visible !important;
}

.patient_paycard div.paycard:hover, .patient_paycard div.paycard:focus-within {
  border-bottom-color: var(--gray-100) !important;
  box-shadow: none !important;
}

.patient_paycard div.paycard .paycard-main {
  padding: 6px var(--space-4) 6px 0 !important;
  cursor: default !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 36px !important;
  display: flex !important;
  position: relative !important;
}

.patient_paycard div.paycard .paycard-actions {
  align-items: center !important;
  gap: var(--space-2) !important;
  z-index: auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

.patient_paycard .paycard-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value) !important;
  color: var(--color-text-700) !important;
  padding: 0 var(--space-3) 0 var(--space-3) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  margin: 0 10px 0 0 !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
}

.patient_paycard .paycard-label:empty:before {
  content: "No card on file" !important;
  color: var(--color-text-muted-ink) !important;
  font-style: normal !important;
}

.patient_paycard .paycard-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.patient_paycard .paycard-btn i, .patient_paycard .paycard-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.patient_paycard .paycard-btn.disabled, .patient_paycard .paycard-btn[disabled], .patient_paycard .paycard-btn[aria-disabled="true"], .patient_paycard .paycard-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.patient_paycard .paycard-btn.disabled i, .patient_paycard .paycard-btn[disabled] i, .patient_paycard .paycard-btn[aria-disabled="true"] i, .patient_paycard .paycard-btn:disabled i, .patient_paycard .paycard-btn.disabled .icon, .patient_paycard .paycard-btn[disabled] .icon, .patient_paycard .paycard-btn[aria-disabled="true"] .icon, .patient_paycard .paycard-btn:disabled .icon, .patient_paycard .paycard-btn.disabled svg, .patient_paycard .paycard-btn[disabled] svg, .patient_paycard .paycard-btn[aria-disabled="true"] svg, .patient_paycard .paycard-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.patient_paycard .paycard-btn.disabled svg *, .patient_paycard .paycard-btn[disabled] svg *, .patient_paycard .paycard-btn[aria-disabled="true"] svg *, .patient_paycard .paycard-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.patient_paycard .paycard-btn:focus-visible {
  box-shadow: none;
}

.patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.patient_paycard .paycard-btn.paycard-heartland, .patient_paycard .paycard-btn.paycard-authnet, .patient_paycard .paycard-btn.paycard-btree, .patient_paycard .paycard-btn.paycard-stripe {
  background-color: var(--color-primary-600) !important;
  color: var(--white) !important;
}

.patient_paycard .paycard-btn.paycard-heartland:hover, .patient_paycard .paycard-btn.paycard-authnet:hover, .patient_paycard .paycard-btn.paycard-btree:hover, .patient_paycard .paycard-btn.paycard-stripe:hover {
  background-color: #6f67a0 !important;
}

.patient_paycard .paycard-btn.paycard-heartland:active, .patient_paycard .paycard-btn.paycard-authnet:active, .patient_paycard .paycard-btn.paycard-btree:active, .patient_paycard .paycard-btn.paycard-stripe:active {
  background-color: #5c5490 !important;
}

.patient_paycard .paycard-btn.paycard-btn-edit {
  color: var(--color-text-700) !important;
  border: 1px solid var(--gray-100) !important;
  background-color: #f5f5f5 !important;
}

.patient_paycard .paycard-btn.paycard-btn-edit:hover {
  color: var(--color-text-700) !important;
  background-color: #ebebeb !important;
  border-color: #d5d7da !important;
}

.patient_paycard .paycard-btn[data-action="remove"] {
  background-color: var(--color-error-600) !important;
  color: var(--white) !important;
}

.patient_paycard .paycard-btn[data-action="remove"]:hover {
  background-color: #b86a6a !important;
}

.patient_paycard .paycard-details {
  padding: var(--space-3) 0 var(--space-1);
  margin-top: var(--space-2);
  background: none;
  border-top: none;
  border-radius: 0;
}

.patient_paycard .paycard-details.show {
  display: block;
}

.patient_paycard .paycard-details .card-details-content .detail-row {
  margin-bottom: var(--space-2);
  align-items: center;
  display: flex;
}

.patient_paycard .paycard-details .card-details-content .detail-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  text-transform: uppercase;
  min-width: 80px;
  font-weight: 500;
}

.patient_paycard .paycard-details .card-details-content .detail-value {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700);
}

.patient_paycard .paycard-details .card-details-content .detail-value.token-value {
  font-family: monospace;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.patient_paycard .paycard-details .error-message {
  color: var(--color-error-ink);
  margin: 0;
}

.patient_paycard div.paycard[data-has-card="true"] {
  background: none !important;
  border-bottom-color: #17b26a !important;
}

.patient_paycard div.paycard[data-has-card="true"] .paycard-label {
  color: var(--color-text-700) !important;
  font-weight: 500 !important;
}

.patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before {
  content: none !important;
}

.flyout-body .patient_paycard .paycard-wrapper, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-wrapper, .flyout-body .form-view .patient_paycard .paycard-wrapper, .form-view .patient_paycard .paycard-wrapper, body .patient_paycard .paycard-wrapper {
  margin-top: var(--space-3) !important;
  margin-bottom: 0 !important;
}

.flyout-body .patient_paycard div.paycard, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard, .flyout-body .form-view .patient_paycard div.paycard, .form-view .patient_paycard div.paycard, body .patient_paycard div.paycard {
  min-height: 36px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: none !important;
  position: relative !important;
  overflow: visible !important;
}

.flyout-body .patient_paycard div.paycard:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard:hover, .flyout-body .form-view .patient_paycard div.paycard:hover, .form-view .patient_paycard div.paycard:hover, body .patient_paycard div.paycard:hover, .flyout-body .patient_paycard div.paycard:focus-within, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard:focus-within, .flyout-body .form-view .patient_paycard div.paycard:focus-within, .form-view .patient_paycard div.paycard:focus-within, body .patient_paycard div.paycard:focus-within {
  border-bottom-color: var(--gray-100) !important;
  box-shadow: none !important;
}

.flyout-body .patient_paycard div.paycard .paycard-main, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard .paycard-main, .flyout-body .form-view .patient_paycard div.paycard .paycard-main, .form-view .patient_paycard div.paycard .paycard-main, body .patient_paycard div.paycard .paycard-main {
  padding: 6px var(--space-4) 6px 0 !important;
  cursor: default !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 36px !important;
  display: flex !important;
  position: relative !important;
}

.flyout-body .patient_paycard div.paycard .paycard-actions, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard .paycard-actions, .flyout-body .form-view .patient_paycard div.paycard .paycard-actions, .form-view .patient_paycard div.paycard .paycard-actions, body .patient_paycard div.paycard .paycard-actions {
  align-items: center !important;
  gap: var(--space-2) !important;
  z-index: auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

.flyout-body .patient_paycard .paycard-label, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-label, .flyout-body .form-view .patient_paycard .paycard-label, .form-view .patient_paycard .paycard-label, body .patient_paycard .paycard-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value) !important;
  color: var(--color-text-700) !important;
  padding: 0 var(--space-3) 0 var(--space-3) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  margin: 0 10px 0 0 !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
}

.flyout-body .patient_paycard .paycard-label:empty:before, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-label:empty:before, .flyout-body .form-view .patient_paycard .paycard-label:empty:before, .form-view .patient_paycard .paycard-label:empty:before, body .patient_paycard .paycard-label:empty:before {
  content: "No card on file" !important;
  color: var(--color-text-muted-ink) !important;
  font-style: normal !important;
}

.flyout-body .patient_paycard .paycard-btn, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn, .flyout-body .form-view .patient_paycard .paycard-btn, .form-view .patient_paycard .paycard-btn, body .patient_paycard .paycard-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.flyout-body .patient_paycard .paycard-btn i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn i, .flyout-body .form-view .patient_paycard .paycard-btn i, .form-view .patient_paycard .paycard-btn i, body .patient_paycard .paycard-btn i, .flyout-body .patient_paycard .paycard-btn .icon, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn .icon, .flyout-body .form-view .patient_paycard .paycard-btn .icon, .form-view .patient_paycard .paycard-btn .icon, body .patient_paycard .paycard-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.flyout-body .patient_paycard .paycard-btn.disabled, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled, .flyout-body .form-view .patient_paycard .paycard-btn.disabled, .form-view .patient_paycard .paycard-btn.disabled, body .patient_paycard .paycard-btn.disabled, .flyout-body .patient_paycard .paycard-btn[disabled], .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled], .flyout-body .form-view .patient_paycard .paycard-btn[disabled], .form-view .patient_paycard .paycard-btn[disabled], body .patient_paycard .paycard-btn[disabled], .flyout-body .patient_paycard .paycard-btn[aria-disabled="true"], .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[aria-disabled="true"], .flyout-body .form-view .patient_paycard .paycard-btn[aria-disabled="true"], .form-view .patient_paycard .paycard-btn[aria-disabled="true"], body .patient_paycard .paycard-btn[aria-disabled="true"], .flyout-body .patient_paycard .paycard-btn:disabled, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled, .flyout-body .form-view .patient_paycard .paycard-btn:disabled, .form-view .patient_paycard .paycard-btn:disabled, body .patient_paycard .paycard-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.flyout-body .patient_paycard .paycard-btn.disabled i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled i, .flyout-body .form-view .patient_paycard .paycard-btn.disabled i, .form-view .patient_paycard .paycard-btn.disabled i, body .patient_paycard .paycard-btn.disabled i, .flyout-body .patient_paycard .paycard-btn[disabled] i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled] i, .flyout-body .form-view .patient_paycard .paycard-btn[disabled] i, .form-view .patient_paycard .paycard-btn[disabled] i, body .patient_paycard .paycard-btn[disabled] i, .flyout-body .patient_paycard .paycard-btn[aria-disabled="true"] i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[aria-disabled="true"] i, .flyout-body .form-view .patient_paycard .paycard-btn[aria-disabled="true"] i, .form-view .patient_paycard .paycard-btn[aria-disabled="true"] i, body .patient_paycard .paycard-btn[aria-disabled="true"] i, .flyout-body .patient_paycard .paycard-btn:disabled i, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled i, .flyout-body .form-view .patient_paycard .paycard-btn:disabled i, .form-view .patient_paycard .paycard-btn:disabled i, body .patient_paycard .paycard-btn:disabled i, .flyout-body .patient_paycard .paycard-btn.disabled .icon, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled .icon, .flyout-body .form-view .patient_paycard .paycard-btn.disabled .icon, .form-view .patient_paycard .paycard-btn.disabled .icon, body .patient_paycard .paycard-btn.disabled .icon, .flyout-body .patient_paycard .paycard-btn[disabled] .icon, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled] .icon, .flyout-body .form-view .patient_paycard .paycard-btn[disabled] .icon, .form-view .patient_paycard .paycard-btn[disabled] .icon, body .patient_paycard .paycard-btn[disabled] .icon, .flyout-body .patient_paycard .paycard-btn[aria-disabled="true"] .icon, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[aria-disabled="true"] .icon, .flyout-body .form-view .patient_paycard .paycard-btn[aria-disabled="true"] .icon, .form-view .patient_paycard .paycard-btn[aria-disabled="true"] .icon, body .patient_paycard .paycard-btn[aria-disabled="true"] .icon, .flyout-body .patient_paycard .paycard-btn:disabled .icon, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled .icon, .flyout-body .form-view .patient_paycard .paycard-btn:disabled .icon, .form-view .patient_paycard .paycard-btn:disabled .icon, body .patient_paycard .paycard-btn:disabled .icon, .flyout-body .patient_paycard .paycard-btn.disabled svg, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled svg, .flyout-body .form-view .patient_paycard .paycard-btn.disabled svg, .form-view .patient_paycard .paycard-btn.disabled svg, body .patient_paycard .paycard-btn.disabled svg, .flyout-body .patient_paycard .paycard-btn[disabled] svg, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled] svg, .flyout-body .form-view .patient_paycard .paycard-btn[disabled] svg, .form-view .patient_paycard .paycard-btn[disabled] svg, body .patient_paycard .paycard-btn[disabled] svg, .flyout-body .patient_paycard .paycard-btn[aria-disabled="true"] svg, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[aria-disabled="true"] svg, .flyout-body .form-view .patient_paycard .paycard-btn[aria-disabled="true"] svg, .form-view .patient_paycard .paycard-btn[aria-disabled="true"] svg, body .patient_paycard .paycard-btn[aria-disabled="true"] svg, .flyout-body .patient_paycard .paycard-btn:disabled svg, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled svg, .flyout-body .form-view .patient_paycard .paycard-btn:disabled svg, .form-view .patient_paycard .paycard-btn:disabled svg, body .patient_paycard .paycard-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.flyout-body .patient_paycard .paycard-btn.disabled svg *, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.disabled svg *, .flyout-body .form-view .patient_paycard .paycard-btn.disabled svg *, .form-view .patient_paycard .paycard-btn.disabled svg *, body .patient_paycard .paycard-btn.disabled svg *, .flyout-body .patient_paycard .paycard-btn[disabled] svg *, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[disabled] svg *, .flyout-body .form-view .patient_paycard .paycard-btn[disabled] svg *, .form-view .patient_paycard .paycard-btn[disabled] svg *, body .patient_paycard .paycard-btn[disabled] svg *, .flyout-body .patient_paycard .paycard-btn[aria-disabled="true"] svg *, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[aria-disabled="true"] svg *, .flyout-body .form-view .patient_paycard .paycard-btn[aria-disabled="true"] svg *, .form-view .patient_paycard .paycard-btn[aria-disabled="true"] svg *, body .patient_paycard .paycard-btn[aria-disabled="true"] svg *, .flyout-body .patient_paycard .paycard-btn:disabled svg *, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:disabled svg *, .flyout-body .form-view .patient_paycard .paycard-btn:disabled svg *, .form-view .patient_paycard .paycard-btn:disabled svg *, body .patient_paycard .paycard-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.flyout-body .patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body .form-view .patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .form-view .patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), body .patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.flyout-body .patient_paycard .paycard-btn:focus-visible, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:focus-visible, .flyout-body .form-view .patient_paycard .paycard-btn:focus-visible, .form-view .patient_paycard .paycard-btn:focus-visible, body .patient_paycard .paycard-btn:focus-visible {
  box-shadow: none;
}

.flyout-body .patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body .form-view .patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .form-view .patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), body .patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.flyout-body .patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body .form-view .patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .form-view .patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), body .patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.flyout-body .patient_paycard .paycard-btn.paycard-heartland, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-heartland, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-heartland, .form-view .patient_paycard .paycard-btn.paycard-heartland, body .patient_paycard .paycard-btn.paycard-heartland, .flyout-body .patient_paycard .paycard-btn.paycard-authnet, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-authnet, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-authnet, .form-view .patient_paycard .paycard-btn.paycard-authnet, body .patient_paycard .paycard-btn.paycard-authnet, .flyout-body .patient_paycard .paycard-btn.paycard-btree, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btree, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btree, .form-view .patient_paycard .paycard-btn.paycard-btree, body .patient_paycard .paycard-btn.paycard-btree, .flyout-body .patient_paycard .paycard-btn.paycard-stripe, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-stripe, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-stripe, .form-view .patient_paycard .paycard-btn.paycard-stripe, body .patient_paycard .paycard-btn.paycard-stripe {
  background-color: var(--color-primary-600) !important;
  color: var(--white) !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-heartland:hover, .form-view .patient_paycard .paycard-btn.paycard-heartland:hover, body .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-authnet:hover, .form-view .patient_paycard .paycard-btn.paycard-authnet:hover, body .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btree:hover, .form-view .patient_paycard .paycard-btn.paycard-btree:hover, body .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body .patient_paycard .paycard-btn.paycard-stripe:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-stripe:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-stripe:hover, .form-view .patient_paycard .paycard-btn.paycard-stripe:hover, body .patient_paycard .paycard-btn.paycard-stripe:hover {
  background-color: #6f67a0 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-heartland:active, .form-view .patient_paycard .paycard-btn.paycard-heartland:active, body .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-authnet:active, .form-view .patient_paycard .paycard-btn.paycard-authnet:active, body .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btree:active, .form-view .patient_paycard .paycard-btn.paycard-btree:active, body .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body .patient_paycard .paycard-btn.paycard-stripe:active, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-stripe:active, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-stripe:active, .form-view .patient_paycard .paycard-btn.paycard-stripe:active, body .patient_paycard .paycard-btn.paycard-stripe:active {
  background-color: #5c5490 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-btn-edit, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btn-edit, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btn-edit, .form-view .patient_paycard .paycard-btn.paycard-btn-edit, body .patient_paycard .paycard-btn.paycard-btn-edit {
  color: var(--color-text-700) !important;
  border: 1px solid var(--gray-100) !important;
  background-color: #f5f5f5 !important;
}

.flyout-body .patient_paycard .paycard-btn.paycard-btn-edit:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn.paycard-btn-edit:hover, .flyout-body .form-view .patient_paycard .paycard-btn.paycard-btn-edit:hover, .form-view .patient_paycard .paycard-btn.paycard-btn-edit:hover, body .patient_paycard .paycard-btn.paycard-btn-edit:hover {
  color: var(--color-text-700) !important;
  background-color: #ebebeb !important;
  border-color: #d5d7da !important;
}

.flyout-body .patient_paycard .paycard-btn[data-action="remove"], .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[data-action="remove"], .flyout-body .form-view .patient_paycard .paycard-btn[data-action="remove"], .form-view .patient_paycard .paycard-btn[data-action="remove"], body .patient_paycard .paycard-btn[data-action="remove"] {
  background-color: var(--color-error-600) !important;
  color: var(--white) !important;
}

.flyout-body .patient_paycard .paycard-btn[data-action="remove"]:hover, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-btn[data-action="remove"]:hover, .flyout-body .form-view .patient_paycard .paycard-btn[data-action="remove"]:hover, .form-view .patient_paycard .paycard-btn[data-action="remove"]:hover, body .patient_paycard .paycard-btn[data-action="remove"]:hover {
  background-color: #b86a6a !important;
}

.flyout-body .patient_paycard .paycard-details, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details, .flyout-body .form-view .patient_paycard .paycard-details, .form-view .patient_paycard .paycard-details, body .patient_paycard .paycard-details {
  padding: var(--space-3) 0 var(--space-1);
  margin-top: var(--space-2);
  background: none;
  border-top: none;
  border-radius: 0;
}

.flyout-body .patient_paycard .paycard-details.show, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details.show, .flyout-body .form-view .patient_paycard .paycard-details.show, .form-view .patient_paycard .paycard-details.show, body .patient_paycard .paycard-details.show {
  display: block;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-row, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-row, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-row, .form-view .patient_paycard .paycard-details .card-details-content .detail-row, body .patient_paycard .paycard-details .card-details-content .detail-row {
  margin-bottom: var(--space-2);
  align-items: center;
  display: flex;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-label, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-label, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-label, .form-view .patient_paycard .paycard-details .card-details-content .detail-label, body .patient_paycard .paycard-details .card-details-content .detail-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  text-transform: uppercase;
  min-width: 80px;
  font-weight: 500;
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-value, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-value, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-value, .form-view .patient_paycard .paycard-details .card-details-content .detail-value, body .patient_paycard .paycard-details .card-details-content .detail-value {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700);
}

.flyout-body .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .flyout-body .form-view .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .form-view .patient_paycard .paycard-details .card-details-content .detail-value.token-value, body .patient_paycard .paycard-details .card-details-content .detail-value.token-value {
  font-family: monospace;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.flyout-body .patient_paycard .paycard-details .error-message, .flyout-body[data-form="patient_paycard"] .patient_paycard .paycard-details .error-message, .flyout-body .form-view .patient_paycard .paycard-details .error-message, .form-view .patient_paycard .paycard-details .error-message, body .patient_paycard .paycard-details .error-message {
  color: var(--color-error-ink);
  margin: 0;
}

.flyout-body .patient_paycard div.paycard[data-has-card="true"], .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard[data-has-card="true"], .flyout-body .form-view .patient_paycard div.paycard[data-has-card="true"], .form-view .patient_paycard div.paycard[data-has-card="true"], body .patient_paycard div.paycard[data-has-card="true"] {
  background: none !important;
  border-bottom-color: #17b26a !important;
}

.flyout-body .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .flyout-body .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label, body .patient_paycard div.paycard[data-has-card="true"] .paycard-label {
  color: var(--color-text-700) !important;
  font-weight: 500 !important;
}

.flyout-body .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .flyout-body[data-form="patient_paycard"] .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .flyout-body .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .form-view .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, body .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before {
  content: none !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-wrapper, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-wrapper {
  margin-top: var(--space-3) !important;
  margin-bottom: 0 !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard {
  min-height: 36px !important;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  transition: none !important;
  position: relative !important;
  overflow: visible !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard:hover, .flyout-body .form-view .control-group .patient_paycard div.paycard:focus-within, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard:focus-within {
  border-bottom-color: var(--gray-100) !important;
  box-shadow: none !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard .paycard-main, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard .paycard-main {
  padding: 6px var(--space-4) 6px 0 !important;
  cursor: default !important;
  box-sizing: border-box !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 36px !important;
  display: flex !important;
  position: relative !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard .paycard-actions, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard .paycard-actions {
  align-items: center !important;
  gap: var(--space-2) !important;
  z-index: auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  display: flex !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-label, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value) !important;
  color: var(--color-text-700) !important;
  padding: 0 var(--space-3) 0 var(--space-3) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 !important;
  margin: 0 10px 0 0 !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-label:empty:before, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-label:empty:before {
  content: "No card on file" !important;
  color: var(--color-text-muted-ink) !important;
  font-style: normal !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn .icon, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled], .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled], .flyout-body .form-view .control-group .patient_paycard .paycard-btn[aria-disabled="true"], .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[aria-disabled="true"], .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled] i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled] i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[aria-disabled="true"] i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[aria-disabled="true"] i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled i, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled i, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled .icon, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled .icon, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled] .icon, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled] .icon, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[aria-disabled="true"] .icon, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[aria-disabled="true"] .icon, .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled .icon, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled .icon, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled svg, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled svg, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled] svg, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled] svg, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[aria-disabled="true"] svg, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[aria-disabled="true"] svg, .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled svg, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.disabled svg *, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.disabled svg *, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[disabled] svg *, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[disabled] svg *, .flyout-body .form-view .control-group .patient_paycard .paycard-btn[aria-disabled="true"] svg *, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[aria-disabled="true"] svg *, .flyout-body .form-view .control-group .patient_paycard .paycard-btn:disabled svg *, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:focus-visible, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:focus-visible {
  box-shadow: none;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-heartland, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-heartland, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-authnet, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-authnet, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btree, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btree, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-stripe, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-stripe {
  background-color: var(--color-primary-600) !important;
  color: var(--white) !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-heartland:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-heartland:hover, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-authnet:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-authnet:hover, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btree:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btree:hover, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-stripe:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-stripe:hover {
  background-color: #6f67a0 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-heartland:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-heartland:active, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-authnet:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-authnet:active, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btree:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btree:active, .flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-stripe:active, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-stripe:active {
  background-color: #5c5490 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btn-edit, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btn-edit {
  color: var(--color-text-700) !important;
  border: 1px solid var(--gray-100) !important;
  background-color: #f5f5f5 !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn.paycard-btn-edit:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn.paycard-btn-edit:hover {
  color: var(--color-text-700) !important;
  background-color: #ebebeb !important;
  border-color: #d5d7da !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn[data-action="remove"], .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[data-action="remove"] {
  background-color: var(--color-error-600) !important;
  color: var(--white) !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-btn[data-action="remove"]:hover, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-btn[data-action="remove"]:hover {
  background-color: #b86a6a !important;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details {
  padding: var(--space-3) 0 var(--space-1);
  margin-top: var(--space-2);
  background: none;
  border-top: none;
  border-radius: 0;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details.show, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details.show {
  display: block;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-row, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-row {
  margin-bottom: var(--space-2);
  align-items: center;
  display: flex;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-label, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  text-transform: uppercase;
  min-width: 80px;
  font-weight: 500;
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-value, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-value {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .card-details-content .detail-value.token-value, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .card-details-content .detail-value.token-value {
  font-family: monospace;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.flyout-body .form-view .control-group .patient_paycard .paycard-details .error-message, .flyout-body .form-view .patient_paycard .paycard-wrapper .paycard-details .error-message {
  color: var(--color-error-ink);
  margin: 0;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard[data-has-card="true"], .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard[data-has-card="true"] {
  background: none !important;
  border-bottom-color: #17b26a !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard[data-has-card="true"] .paycard-label, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard[data-has-card="true"] .paycard-label {
  color: var(--color-text-700) !important;
  font-weight: 500 !important;
}

.flyout-body .form-view .control-group .patient_paycard div.paycard[data-has-card="true"] .paycard-label:empty:before, .flyout-body .form-view .patient_paycard .paycard-wrapper div.paycard[data-has-card="true"] .paycard-label:empty:before {
  content: none !important;
}

.flyout-body .form-view .form-horizontal.fh-paycard, .form-view .form-horizontal.fh-paycard, .patient_paycard .form-horizontal.fh-paycard, .form-horizontal.fh-paycard {
  background: none !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) {
  width: 450px !important;
  max-width: 90vw !important;
  height: auto !important;
  min-height: unset !important;
  max-height: 90vh !important;
  padding: var(--space-6) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar {
  padding: 0 0 var(--space-4) 0 !important;
  text-align: center !important;
  border-bottom: none !important;
  justify-content: center !important;
  min-height: auto !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  position: relative !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar > span:first-child {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control) !important;
  text-transform: none !important;
  color: var(--gray-700, #565a62) !important;
  font-weight: 500 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar .close-flyout {
  right: 0 !important;
  top: calc(50% - var(--space-2)) !important;
  color: #717680 !important;
  cursor: pointer !important;
  background: none !important;
  border-radius: 6px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 28px !important;
  height: 28px !important;
  transition: color .15s !important;
  display: flex !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar .close-flyout:hover {
  color: #1a1d21 !important;
  background: none !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .form-flyout-header-bar .close-flyout i {
  font-size: var(--icon-size-md) !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content {
  flex: none !important;
  height: auto !important;
  padding: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content .form-container {
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content .form-container .dsl-templ-area {
  padding: 0 !important;
}

body.has-flyout #application #flyout .form .form-container-flyout:has(#heartland_form_container) .layout-form-content .wizard-bottom-bar {
  display: none !important;
}

#heartland_form_container {
  background: var(--white);
  border-radius: var(--radius-medium);
  padding: var(--space-4);
}

#heartland_form_container .sandbox-warning {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--white) !important;
  font-size: var(--type-label) !important;
  padding: 10px var(--space-4) !important;
  margin-bottom: var(--space-4) !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background-color: #d9945d !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
}

#heartland_form_container .alert-info {
  background: var(--color-primary-50, #f4f7fb) !important;
  border: 1px solid var(--color-primary-200, #d4e0ed) !important;
  padding: var(--space-3) var(--space-4) !important;
  margin-bottom: var(--space-4) !important;
  border-radius: 8px !important;
}

#heartland_form_container .alert-info i {
  color: var(--color-primary-ink) !important;
  margin-right: var(--space-2) !important;
}

#heartland_form_container .alert-info strong {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--color-text-700) !important;
}

#heartland_form_container .alert-info small {
  color: var(--color-text-muted-ink) !important;
}

#heartland_form_container .security-notice {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label) !important;
  color: var(--color-text-muted-ink) !important;
  text-align: center !important;
  padding: var(--space-3) 0 0 0 !important;
  order: 999 !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

#heartland_form_container #heartland-capture-form {
  flex-direction: column !important;
  display: flex !important;
}

#heartland_form_container #heartland-capture-form:has(.paycard-error) .form-check {
  display: none !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-field {
  margin-bottom: var(--space-4) !important;
  width: 100% !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-field:last-of-type {
  margin-bottom: 0 !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label) !important;
  text-transform: none !important;
  color: var(--color-text-muted-ink) !important;
  margin-bottom: var(--space-1) !important;
  font-weight: 400 !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-box {
  box-sizing: border-box !important;
  border: 1px solid var(--gray-100) !important;
  background: var(--white) !important;
  height: 44px !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  width: 100% !important;
  padding: 0 !important;
  transition: border-color .2s !important;
  position: relative !important;
  overflow: hidden !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-box:hover, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-box:focus-within {
  border-color: #d5d7da !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-box.is-invalid, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-box.is-invalid:hover, #heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-box.is-invalid:focus-within {
  border-color: var(--color-error-600) !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-target {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-input-target iframe {
  background: none !important;
  border: none !important;
  outline: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-field-icon {
  color: var(--color-text-muted-ink) !important;
  font-size: var(--type-control) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  transform: translateY(-50%) !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-submit-box {
  width: 100% !important;
  margin-top: var(--space-4) !important;
  display: block !important;
  overflow: hidden !important;
}

#heartland_form_container #heartland-capture-form #heartland-credit-card-element .hl-submit-box iframe {
  border: none !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  display: block !important;
}

#heartland_form_container #heartland-capture-form .form-check {
  align-items: center !important;
  gap: var(--space-2) !important;
  margin: var(--space-6) 0 !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-input {
  appearance: none !important;
  box-sizing: border-box !important;
  background-color: var(--white) !important;
  cursor: pointer !important;
  border: 1px solid #d5d7da !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  transition: all .15s !important;
  position: relative !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-input:hover {
  border-color: var(--color-primary-600) !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-input:checked {
  background-color: var(--color-primary-600) !important;
  border-color: var(--color-primary-600) !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-input:checked:after {
  content: "" !important;
  border: solid var(--white) !important;
  border-width: 0 2px 2px 0 !important;
  width: 4px !important;
  height: 8px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -60%) rotate(45deg) !important;
}

#heartland_form_container #heartland-capture-form .form-check .form-check-label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value) !important;
  color: var(--color-text-800) !important;
  cursor: pointer !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

@media (width <= 768px) {
  .payment-modal .body {
    padding: var(--space-4);
  }

  .payment-modal .payment-modal__content {
    gap: var(--space-3);
  }

  .payment-modal .payment-method-content {
    padding: var(--space-3) var(--space-4) !important;
  }

  .payment-modal .payment-method-content .card-info {
    gap: var(--space-3);
  }

  .payment-modal .payment-method-content .card-info .card-icon {
    width: 36px;
    height: 36px;
    font-size: var(--icon-size-lg);
  }

  .payment-modal .payment-modal__footer {
    padding: var(--space-3) var(--space-4);
    gap: var(--space-2);
    flex-direction: column-reverse;
  }

  .payment-modal .payment-modal__footer .ant-btn {
    justify-content: center;
    width: 100%;
  }
}

.payment-modal__method-kind {
  background: var(--color-background-200);
  border-radius: var(--fh-radio-radius);
  height: var(--fh-radio-h, 30px);
  background: var(--white);
  padding: 2px 0;
  display: flex;
  box-shadow: inset 0 1px 2px #0000001f;
}

.payment-modal__method-kind .ant-radio-button-wrapper {
  font-size: var(--font-size-small);
  color: var(--color-tertiary);
  height: calc(var(--fh-radio-h, 30px) - 4px);
  line-height: calc(var(--fh-radio-h, 30px) - 4px);
  padding: 0 var(--fh-radio-btn-pad-x, var(--space-4));
  background: none;
  border: none;
  font-weight: 500;
}

.payment-modal__method-kind .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  color: var(--white);
  background-color: var(--color-tertiary);
  border-radius: var(--fh-radio-btn-radius);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.payment-modal__method-kind .ant-radio-button-wrapper {
  text-align: center;
  box-shadow: none;
  flex: 1;
  border: none !important;
}

.payment-modal__method-kind .ant-radio-button-wrapper:before {
  display: none !important;
}

.payment-modal__method-kind .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  color: var(--white) !important;
  background-color: var(--color-tertiary) !important;
}

.payment-modal__ach-summary {
  border: 1px solid var(--gray-100);
  background: var(--white);
  padding: var(--space-3) var(--space-4);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.payment-modal__ach-summary .card-info {
  align-items: center;
  gap: 10px;
  display: flex;
}

.payment-modal__ach-summary .card-details {
  flex-direction: column;
  display: flex;
}

.controls {
  position: relative;
}

.controls .datepicker[data-format="MM/dd/yyyy"] + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls .datepicker[data-format="MM/dd/yyyy HH:mm pp"] + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls .datepicker[data-format="HH:mm pp"] + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls .datepicker.weekend + :before {
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
}

.controls > input.datepicker[readonly] + :before, .controls > input.datepicker[disabled] + :before {
  content: "";
}

.controls .field-icon {
  color: var(--color-text-muted-ink);
  font-weight: 300;
  font-size: var(--type-control);
  cursor: pointer;
  font-family: "Font Awesome 6 Pro";
  transition: color .3s;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  font-size: 13px !important;
}

.controls .field-icon:hover, .controls .field-icon.open {
  color: var(--color-text-muted-ink);
}

.controls:not(.fg-inline-control *):has( > input.datepicker:not([class*="label-line"])) .field-icon {
  top: calc(50% + var(--field-label-float-pad) / 2 + 1px);
}

.controls:has(input.label-line-70) .field-icon {
  left: calc(70ch + 10px);
  right: auto;
}

.controls:has(input.label-line-50) .field-icon {
  left: calc(50ch + 10px);
  right: auto;
}

.controls:has(input.label-line-45) .field-icon {
  left: calc(45ch + 10px);
  right: auto;
}

.controls:has(input.label-line-37) .field-icon {
  left: calc(37ch + 10px);
  right: auto;
}

.controls:has(input.label-line-23) .field-icon {
  left: calc(23ch + 10px);
  right: auto;
}

.controls:has(input.label-line-17) .field-icon {
  left: calc(17ch + 10px);
  right: auto;
}

@media (width <= 768px) {
  .controls input.datepicker, .controls .field-icon {
    font-size: var(--type-value);
  }
}

.field-label {
  font-size: var(--type-value);
  color: #344054;
  margin-bottom: var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: normal;
  line-height: 20px;
  display: block;
}

.field-label .required {
  color: #f04438;
  margin-left: var(--space-1);
}

.field-notes {
  margin-top: var(--space-1);
  font-size: var(--type-value);
  color: #667085;
  line-height: 20px;
}

.error input.datepicker {
  border-color: #f04438;
}

.error input.datepicker:focus {
  box-shadow: 0 0 0 4px #f044381a;
}

.error .field-error {
  margin-top: var(--space-1);
  font-size: var(--type-value);
  color: #f04438;
  line-height: 20px;
}

.datetime-picker-dropdown {
  background: var(--white);
  border-color: #e5e7eb;
  z-index: 2147483647 !important;
}

.datetime-picker-dropdown .ant-picker-header {
  border-color: #e5e7eb;
}

.datetime-picker-dropdown .ant-picker-header button {
  color: #6b7280 !important;
}

.datetime-picker-dropdown .ant-picker-header button:hover {
  color: var(--color-primary-500);
}

.datetime-picker-dropdown .ant-picker-header .ant-picker-header-view {
  color: #111827;
}

.datetime-picker-dropdown .ant-picker-body table th {
  color: #6b7280;
}

.datetime-picker-dropdown .ant-picker-body table td .ant-picker-cell-inner {
  color: #111827 !important;
}

.datetime-picker-dropdown .ant-picker-body table td .ant-picker-cell-inner:hover {
  background: #eef2ff !important;
}

.datetime-picker-dropdown .ant-picker-body table td.ant-picker-cell-selected .ant-picker-cell-inner {
  background: var(--color-primary-500) !important;
  color: #fff !important;
}

.datetime-picker-dropdown .ant-picker-body table td.ant-picker-cell-today .ant-picker-cell-inner:before {
  border-color: var(--color-primary-500);
}

.datetime-picker-dropdown .ant-picker-body table td.ant-picker-cell-disabled .ant-picker-cell-inner {
  color: #9ca3af;
}

.datetime-picker-dropdown .ant-picker-time-panel, .datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-column:not(:first-child) {
  border-color: #e5e7eb;
}

.datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-inner {
  color: #111827 !important;
}

.datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-inner:hover {
  background: #eef2ff;
}

.datetime-picker-dropdown .ant-picker-time-panel .ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background: var(--color-primary-500) !important;
  color: var(--white) !important;
}

.datetime-picker-dropdown .ant-picker-footer {
  border-color: #e5e7eb;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-now-btn, .datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-today-btn {
  color: var(--color-primary-500);
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-now-btn:hover, .datetime-picker-dropdown .ant-picker-footer .ant-picker-ranges .ant-picker-today-btn:hover {
  color: #8a84af;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ok .ant-btn {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
  color: var(--white) !important;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ok .ant-btn:hover {
  background: #8a84af;
  border-color: #8a84af;
}

.datetime-picker-dropdown .ant-picker-footer .ant-picker-ok .ant-btn:active {
  background: #7a7493;
  border-color: #7a7493;
}

.era-record-viewer {
  color: var(--color-text);
  background: var(--color-background-200);
  font-size: var(--type-value);
  line-height: var(--type-row-line);
  padding: var(--space-3);
  box-sizing: border-box;
  min-width: 0;
  height: 100%;
  min-height: 0;
  overflow: auto;
}

.era-record-viewer h3, .era-record-viewer h4 {
  font-size: var(--type-value);
  margin: 0 0 var(--space-2);
  font-weight: 500;
}

.era-record-viewer .era-record-block + .era-record-block {
  margin-top: var(--space-4);
}

.era-record-viewer .era-record-heading {
  margin: 0 0 var(--space-2);
}

.era-record-viewer .era-record-group + .era-record-group, .era-record-viewer .era-record-group + .era-record-table, .era-record-viewer .era-record-table + .era-record-group, .era-record-viewer .era-record-table + .era-record-table, .era-record-viewer .era-record-scroll + .era-record-group, .era-record-viewer .era-record-card + .era-record-card {
  margin-top: var(--space-3);
}

.era-record-viewer .era-record-group-label, .era-record-viewer .era-record-table-label {
  margin: 0 0 var(--space-1);
  color: var(--color-primary-ink);
  font-size: var(--type-label);
  text-transform: none;
  font-weight: 500;
}

.era-record-viewer .era-record-group {
  gap: 0 var(--space-3);
  grid-template-columns: clamp(104px, 18%, 178px) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.era-record-viewer .era-record-group-label {
  padding-right: var(--space-2);
  text-align: right;
  text-transform: none;
  color: var(--color-primary-ink);
  line-height: var(--type-row-line);
  overflow-wrap: anywhere;
  margin: 0;
}

.era-record-viewer .era-record-fields > [data-field="payer_name"] {
  grid-column: span 2;
}

.era-record-viewer .era-record-fields > [data-field="payer_address_1"] {
  grid-column: 1;
}

.era-record-viewer .cash-table th[data-field="line_item_control_number"], .era-record-viewer .cash-table td[data-field="line_item_control_number"] {
  width: 1%;
}

.era-record-viewer .cash-table th[data-field="submitted_procedure_code_description"], .era-record-viewer .cash-table td[data-field="submitted_procedure_code_description"] {
  white-space: normal;
  width: 36%;
  min-width: 220px;
}

.era-record-viewer .era-record-card {
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  background: var(--white);
  overflow: hidden;
}

.era-record-viewer .era-record-card-header {
  align-items: center;
  gap: var(--space-2) var(--space-3);
  padding: var(--space-2) var(--space-3);
  background: var(--color-border-500);
  border-bottom: var(--hairline) solid var(--gray-100);
  flex-wrap: wrap;
  display: flex;
}

.era-record-viewer .era-record-identity {
  font-weight: 500;
}

.era-record-viewer .era-record-identity-claim {
  color: var(--color-text-muted-ink);
  font-variant-numeric: tabular-nums slashed-zero;
}

.era-record-viewer .era-record-status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #9ba4b7 var(--status-pill-tint, 20%), #fff);
  color: #575a62;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.era-record-viewer .era-record-card-body {
  padding: var(--space-3);
}

.era-record-viewer .era-record-scroll {
  box-sizing: border-box;
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  background: var(--white);
  width: 100%;
  max-width: 100%;
  overflow: auto;
}

.era-record-viewer .cash-table {
  border-collapse: collapse;
  font-variant-numeric: tabular-nums slashed-zero;
  width: 100%;
  min-width: 0;
}

.era-record-viewer .cash-table th, .era-record-viewer .cash-table td {
  padding: var(--space-1) var(--space-2);
  border-bottom: var(--hairline) solid var(--gray-100);
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
}

.era-record-viewer .cash-table th {
  background: var(--color-border-500);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  font-weight: 400;
}

.era-record-viewer .cash-table td {
  font-size: var(--type-value);
  font-weight: 400;
}

.era-record-viewer .cash-table tr:last-child > td {
  border-bottom: 0;
}

.era-record-viewer .cash-table th.cash-number, .era-record-viewer .cash-table td.cash-number {
  text-align: right;
  width: 1%;
}

.era-record-viewer .cash-table .era-record-subrow > td {
  white-space: normal;
  padding: var(--space-2);
  background: var(--color-background-200);
}

.era-record-viewer .era-record-fields {
  gap: var(--space-1) var(--space-3);
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin: 0;
  padding: 0;
  display: grid;
}

.era-record-viewer .era-record-fields > div {
  min-width: 0;
}

.era-record-viewer .era-record-fields dt {
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  font-weight: 400;
}

.era-record-viewer .era-record-fields dd {
  white-space: normal;
  overflow-wrap: anywhere;
  margin: 0;
  font-weight: 500;
}

.era-record-viewer .era-record-fields .cash-number {
  text-align: left;
  font-variant-numeric: tabular-nums slashed-zero;
}

.era-record-viewer .cash-adjustment-positive {
  color: var(--color-success-ink);
}

.era-record-viewer .cash-adjustment-negative {
  color: var(--color-error-ink);
}

.era-record-viewer .era-record-paid, .era-record-viewer .cash-table td.era-record-paid {
  font-weight: 500;
}

.era-record-viewer pre {
  padding: var(--space-2);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 320px;
  font: inherit;
  background: var(--color-background-200);
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-1);
  margin: 0;
  font-weight: 400;
  overflow: auto;
}

.era-record-viewer .era-record-empty {
  padding: var(--space-3);
  color: var(--color-text-muted-ink);
  margin: 0;
}

.era-record-viewer .era-record-loading {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.era-record-viewer .era-record-error {
  color: var(--color-error-ink);
}

.era-record-viewer .era-record-link {
  color: var(--color-secondary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 400;
}

.era-record-viewer .era-record-retry {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.era-record-viewer .era-record-retry i, .era-record-viewer .era-record-retry .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.era-record-viewer .era-record-retry.disabled, .era-record-viewer .era-record-retry[disabled], .era-record-viewer .era-record-retry[aria-disabled="true"], .era-record-viewer .era-record-retry:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.era-record-viewer .era-record-retry.disabled i, .era-record-viewer .era-record-retry[disabled] i, .era-record-viewer .era-record-retry[aria-disabled="true"] i, .era-record-viewer .era-record-retry:disabled i, .era-record-viewer .era-record-retry.disabled .icon, .era-record-viewer .era-record-retry[disabled] .icon, .era-record-viewer .era-record-retry[aria-disabled="true"] .icon, .era-record-viewer .era-record-retry:disabled .icon, .era-record-viewer .era-record-retry.disabled svg, .era-record-viewer .era-record-retry[disabled] svg, .era-record-viewer .era-record-retry[aria-disabled="true"] svg, .era-record-viewer .era-record-retry:disabled svg {
  color: #fff;
  font-weight: 300;
}

.era-record-viewer .era-record-retry.disabled svg *, .era-record-viewer .era-record-retry[disabled] svg *, .era-record-viewer .era-record-retry[aria-disabled="true"] svg *, .era-record-viewer .era-record-retry:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.era-record-viewer .era-record-retry:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.era-record-viewer .era-record-retry:focus-visible {
  box-shadow: none;
}

.era-record-viewer .era-record-retry:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.era-record-viewer .era-record-retry:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.era-record-viewer .era-record-search {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  box-sizing: border-box;
  max-width: 100%;
  margin-bottom: var(--space-3);
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.era-record-viewer .era-record-search:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.era-record-viewer .era-record-search:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.era-record-viewer .era-record-search:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.era-record-viewer .era-record-search > div {
  flex: 1;
}

.era-record-viewer .era-record-search > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.era-record-viewer .era-record-search > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.era-record-viewer .era-record-search > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.era-record-viewer .era-record-search:focus-within input::placeholder {
  opacity: .35;
}

.era-record-viewer .era-record-search img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.era-record-viewer .era-record-search:focus-within img {
  opacity: .95;
}

.era-record-viewer .era-record-search i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.era-record-viewer .era-record-search input {
  width: 100%;
  min-width: 0;
  font-family: inherit;
  font-size: var(--type-value);
  background: none;
  border: 0;
  outline: none;
  font-weight: 500;
}

.era-record-viewer .era-record-search input::placeholder {
  font-weight: 400;
}

.era-batch-record-window {
  box-sizing: border-box;
  background: var(--color-background-200);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.era-batch-record-window > .era-record-viewer {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.era-batch-record-window.era-record-modal-body {
  position: static;
  inset: auto;
}

.cash-modal-host:has(.era-record-modal-body) {
  width: min(max(900px, 80vw), 1400px);
  height: 90vh;
}

.cash-modal-host:has(.era-record-modal-body) > .cash-modal > .body {
  flex: 1;
  padding: 0;
  overflow: hidden;
}

.era-record-modal-reviewed {
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  margin-right: auto;
}

.era-record-modal-error {
  color: var(--color-error-ink);
  font-size: var(--type-label);
  margin-right: auto;
}

.generic-card-container.era-batch-window {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  color: var(--color-text);
  font-size: var(--type-value);
  line-height: var(--type-row-line);
  flex-direction: column;
  padding: 0;
  display: flex;
}

.generic-card-container.era-batch-window > .body {
  background: var(--color-background-200);
  border-radius: 0;
  flex: 1;
  min-height: 0;
  margin: 0;
  overflow: auto;
}

.generic-card-container.era-batch-window > footer {
  padding: var(--space-2) var(--space-3);
  background: var(--color-background-200);
  flex-shrink: 0;
}

.generic-card-container.era-batch-window .era-batch-close {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.generic-card-container.era-batch-window .era-batch-close i, .generic-card-container.era-batch-window .era-batch-close .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.generic-card-container.era-batch-window .era-batch-close.disabled, .generic-card-container.era-batch-window .era-batch-close[disabled], .generic-card-container.era-batch-window .era-batch-close[aria-disabled="true"], .generic-card-container.era-batch-window .era-batch-close:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.generic-card-container.era-batch-window .era-batch-close.disabled i, .generic-card-container.era-batch-window .era-batch-close[disabled] i, .generic-card-container.era-batch-window .era-batch-close[aria-disabled="true"] i, .generic-card-container.era-batch-window .era-batch-close:disabled i, .generic-card-container.era-batch-window .era-batch-close.disabled .icon, .generic-card-container.era-batch-window .era-batch-close[disabled] .icon, .generic-card-container.era-batch-window .era-batch-close[aria-disabled="true"] .icon, .generic-card-container.era-batch-window .era-batch-close:disabled .icon, .generic-card-container.era-batch-window .era-batch-close.disabled svg, .generic-card-container.era-batch-window .era-batch-close[disabled] svg, .generic-card-container.era-batch-window .era-batch-close[aria-disabled="true"] svg, .generic-card-container.era-batch-window .era-batch-close:disabled svg {
  color: #fff;
  font-weight: 300;
}

.generic-card-container.era-batch-window .era-batch-close.disabled svg *, .generic-card-container.era-batch-window .era-batch-close[disabled] svg *, .generic-card-container.era-batch-window .era-batch-close[aria-disabled="true"] svg *, .generic-card-container.era-batch-window .era-batch-close:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.generic-card-container.era-batch-window .era-batch-close:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.generic-card-container.era-batch-window .era-batch-close:focus-visible {
  box-shadow: none;
}

.generic-card-container.era-batch-window .era-batch-close:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.generic-card-container.era-batch-window .era-batch-close:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ag-right-aligned-header {
  text-align: right !important;
}

.charge-lines-view {
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  background-color: var(--color-background-200);
  box-shadow: inset 0 6px 6px -6px #0000002e;
  height: fit-content !important;
}

.charge-lines-view .mini-form {
  border: 1px solid #e8e8e8;
}

.charge-lines-view .dsl-advanced-grid {
  background-color: var(--color-background-200);
  height: fit-content !important;
}

.charge-lines-view .dsl-advanced-grid .ag-header-icon {
  visibility: hidden;
}

.charge-lines-view .dsl-advanced-grid .ag-center-cols-viewport {
  min-height: var(--ar-density-row, 44px) !important;
}

.charge-lines-view .dsl-advanced-grid .ag-root-wrapper {
  border-radius: 8px !important;
}

.charge-lines-view .dsl-advanced-grid .ag-center-cols-container .ag-row.ag-row-last, .charge-lines-view .dsl-advanced-grid .ag-pinned-left-cols-container .ag-row.ag-row-last, .charge-lines-view .dsl-advanced-grid .ag-pinned-right-cols-container .ag-row.ag-row-last {
  border-bottom-color: #0000;
}

.ar-manager-container .ag-details-row, .ar-manager-container .ag-full-width-row:not(.ag-row-loading), .ar-manager-container .ag-row-detail {
  height: fit-content !important;
}

.billing-adjustment-details-container {
  width: 100%;
  padding: 0 var(--space-3) var(--space-3) var(--space-3);
  background-color: var(--color-background-200);
  flex-direction: column;
  display: flex;
  box-shadow: inset 0 6px 6px -6px #0000002e;
}

.billing-adjustment-details-container .internal-container {
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.billing-adjustment-details-container .ar-handoff {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: 56px;
  padding: var(--space-3);
  background-color: var(--white);
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  flex-flow: wrap;
  display: flex;
}

.billing-adjustment-details-container .ar-handoff-summary {
  align-items: baseline;
  gap: var(--space-3);
  font-size: var(--type-control);
  flex-flow: wrap;
  display: flex;
}

.billing-adjustment-details-container .ar-handoff-invoice {
  color: var(--color-text);
  font-weight: 500;
}

.billing-adjustment-details-container .ar-handoff-balance {
  color: var(--color-text-muted-ink);
}

.billing-adjustment-details-container .ar-handoff-actions {
  align-items: center;
  gap: var(--space-2);
  flex-flow: wrap;
  display: flex;
}

.billing-adjustment-details-container .ar-handoff-action {
  display: inline-flex;
}

.billing-adjustment-details-container .ar-handoff-action .cash-button:disabled {
  color: var(--color-text-muted-ink);
  cursor: not-allowed;
}

.ar-invoice-panel {
  background-color: var(--color-background-200);
  --ar-density-font: 14px;
  --ar-density-row: 44px;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: sticky;
  left: 0;
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.ar-invoice-panel .ar-invoice-bar {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4) 0;
  flex-flow: wrap;
  display: flex;
}

.ar-invoice-panel .ar-invoice-no-cell {
  align-items: center;
  gap: var(--space-1);
  display: inline-flex;
}

.ar-invoice-panel .ar-cash-hold-note {
  white-space: normal;
  margin: var(--space-3) var(--space-4) 0;
}

.ar-invoice-panel .ar-presence-note {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text);
  display: inline-flex;
}

.ar-invoice-panel .ar-presence-note > i {
  color: var(--color-tertiary);
}

.ar-invoice-panel .ar-invoice-tabs {
  flex: none;
  min-width: 0;
}

.ar-invoice-panel .ar-invoice-tabs > .tab-list-default {
  width: auto;
}

.ar-invoice-panel .ar-invoice-stage {
  padding: var(--space-3) var(--space-4) var(--space-4);
}

.ar-invoice-panel .ar-invoice-stage-hidden {
  display: none;
}

.ar-invoice-panel .ar-inline-mode {
  gap: var(--space-3);
  padding: var(--space-3);
  background-color: var(--white);
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control {
  border: 1px solid var(--gray-200) !important;
  background: var(--white) !important;
  backdrop-filter: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  outline: none !important;
  transition: border-color .15s !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__value-container, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__value-container, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__placeholder, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__placeholder, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__single-value, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__single-value {
  line-height: normal !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__value-container, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__value-container {
  padding: 0 var(--space-2);
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__single-value, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__single-value, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__placeholder, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__placeholder {
  font-size: var(--type-value);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__indicators, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__indicators {
  align-items: center;
  height: 100%;
  display: flex;
  background: none !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__indicator, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__indicator {
  padding: 0 var(--space-2);
  align-items: center;
  display: flex;
  background: none !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__dropdown-indicator svg, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__dropdown-indicator svg, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__clear-indicator svg, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__clear-indicator svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__indicator-separator, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__indicator-separator {
  display: none;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control:hover, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control:hover {
  border-color: var(--gray-300) !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control:hover .rs__dropdown-indicator svg, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control:hover .rs__dropdown-indicator svg, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control:hover .rs__clear-indicator svg, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control:hover .rs__clear-indicator svg {
  fill: var(--color-text);
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control--is-focused, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control--is-focused, .ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control--menu-is-open, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control--menu-is-open {
  border-color: var(--color-primary-700) !important;
  background: var(--white) !important;
  box-shadow: none !important;
  outline: none !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__control--is-disabled, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__control--is-disabled {
  opacity: .65;
  background: var(--white) !important;
  border-color: var(--gray-100) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__value-container, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__value-container {
  pointer-events: auto;
  display: grid;
}

.ar-invoice-panel .ar-inline-mode .cash-context-select .rs__input-container, .ar-invoice-panel .ar-inline-mode .cash-inline-select .rs__input-container {
  color: var(--color-text);
  cursor: text;
  width: auto;
  height: auto;
  position: relative;
  inset: auto;
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-amount .cash-money-input {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 32px;
  padding: var(--space-1) var(--space-2);
  color: var(--color-text);
  background: var(--white);
  border: 1px solid var(--gray-200);
  box-shadow: none;
  font-size: var(--type-value);
  border-radius: 4px;
  font-weight: 500;
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-amount .cash-money-input::placeholder {
  font-weight: 400;
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-amount .cash-money-input:hover:not(:disabled) {
  border-color: var(--gray-300);
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-amount .cash-money-input:disabled {
  border-color: var(--gray-100);
  opacity: .65;
  cursor: not-allowed;
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-amount .cash-money-input:focus, .ar-invoice-panel .ar-inline-mode .cash-transfer-amount .cash-money-input:focus-visible {
  border-color: var(--color-primary-700);
  outline-offset: 0;
  box-shadow: none;
  outline: 0;
}

.ar-invoice-panel .ar-inline-mode .cash-balance-transfer {
  align-self: flex-end;
  width: min(100%, 500px);
  margin-left: auto;
  margin-right: 0;
}

.ar-invoice-panel .ar-inline-mode .cash-balance-transfer > .cash-toolbar {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}

.ar-invoice-panel .ar-inline-mode .cash-balance-transfer > .cash-note {
  text-align: right;
}

.ar-invoice-panel .ar-inline-mode .cash-balance-transfer .cash-transfer-destination {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.ar-invoice-panel .ar-inline-mode .cash-balance-transfer .cash-transfer-help {
  margin-top: var(--space-2);
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-remaining {
  text-align: right;
  margin: 0;
}

.ar-invoice-panel .ar-inline-mode .cash-transfer-remaining strong {
  color: var(--color-text);
  font-size: var(--type-value);
  font-weight: 500;
}

.ar-invoice-panel .ar-inline-mode .cash-allocation-detail-renderer .cash-detail, .ar-invoice-panel .ar-inline-mode .cash-allocation-detail-renderer .cash-detail.cash-adjustment-detail, .ar-invoice-panel .ar-inline-mode .cash-allocation-detail-renderer .cash-detail.charge-lines-view {
  box-shadow: none;
  border-top: 1px solid var(--gray-200);
  background: none;
}

.ar-invoice-panel .charge-lines-view .dsl-advanced-grid {
  --ag-font-size: var(--ar-density-font);
  font-size: var(--ar-density-font);
}

.ar-invoice-panel .charge-lines-view .dsl-advanced-grid .ag-cell, .ar-invoice-panel .charge-lines-view .dsl-advanced-grid .ag-cell-value, .ar-invoice-panel .charge-lines-view .dsl-advanced-grid .ag-cell-value span {
  font-size: var(--ar-density-font);
}

.ar-invoice-panel .charge-lines-view .dsl-advanced-grid .ag-header-cell-text, .ar-invoice-panel .cash-table th {
  font-size: calc(var(--ar-density-font) - 2px);
}

.ar-invoice-panel .cash-table td {
  font-size: var(--ar-density-font);
}

.ar-invoice-panel[data-density="rob_mode"] .cash-table th, .ar-invoice-panel[data-density="short"] .cash-table th, .ar-invoice-panel[data-density="rob_mode"] .cash-table td, .ar-invoice-panel[data-density="short"] .cash-table td {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}

.ar-invoice-panel .ar-inline-context {
  align-items: flex-start;
  gap: var(--space-3);
  flex-flow: wrap;
  display: flex;
}

.ar-invoice-panel .ar-inline-context .cash-adjustment-comment {
  flex: 280px;
}

.ar-invoice-panel .ar-inline-context .cash-context-select.cash-field-wide {
  flex: 360px;
  min-width: 300px;
  max-width: 480px;
}

.ar-invoice-panel .ar-inline-context .cash-allocation-post-date {
  min-width: 180px;
  line-height: inherit;
  flex: 0 0 180px;
}

.ar-invoice-panel .ar-inline-context .ar-pay-actions {
  flex: none;
  align-self: flex-start;
  min-width: auto;
}

.ar-invoice-panel .ar-inline-context .ar-pay-action-row {
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}

.ar-invoice-panel .ar-inline-context .ar-pay-action-row > span {
  display: inline-flex;
}

.ar-invoice-panel .ar-inline-context .ar-pay-action-row .cash-button {
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
}

.ar-invoice-panel .ar-inline-context .ar-pay-or {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  margin: 0 var(--space-1);
}

.ar-invoice-panel .ar-inline-context .cash-allocation-post-date .cr-date-picker {
  border: 1px solid var(--gray-200);
  background: var(--white);
  backdrop-filter: none;
  height: 32px;
  min-height: 32px;
  box-shadow: none;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.ar-invoice-panel .ar-inline-context .cash-context-select.is-invalid .rs__control, .ar-invoice-panel .ar-inline-context .cash-context-select.is-invalid .rs__control--is-focused, .ar-invoice-panel .ar-inline-context .cash-allocation-post-date.is-invalid .cr-date-picker, .ar-invoice-panel .ar-inline-context .cash-allocation-post-date.is-invalid .cr-date-picker.ant-picker-focused {
  border-color: var(--color-error-ink) !important;
}

.ar-invoice-panel .ar-inline-context .cash-allocation-post-date .cr-date-picker, .ar-invoice-panel .ar-inline-context .cash-allocation-post-date .cr-date-picker .ant-picker-input > input, .ar-invoice-panel .ar-inline-context .cash-allocation-post-date .cr-date-picker input {
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-variant-numeric: tabular-nums slashed-zero;
  font-weight: 500;
}

.ar-invoice-panel .ar-inline-context .cash-source-totals {
  gap: var(--space-4);
  margin: 0;
  display: flex;
}

.ar-invoice-panel .ar-inline-context .cash-source-totals .cash-field {
  white-space: nowrap;
  min-width: auto;
}

.ar-invoice-panel .ar-inline-invoice {
  width: 100%;
}

.ar-invoice-panel > .charge-lines-view {
  box-shadow: none;
  padding-top: var(--space-3);
  background-color: #0000;
}

.ar-invoice-panel > .charge-lines-view .dsl-advanced-grid {
  background-color: #0000;
}

.ar-invoice-panel .ar-charge-lines-heading {
  margin-bottom: var(--space-2);
  font-size: var(--type-label);
  align-items: baseline;
  display: flex;
}

.ar-invoice-panel .ar-charge-lines-title {
  color: var(--color-text);
  font-weight: 500;
}

.ar-charge-ledger {
  gap: var(--space-2);
  padding: var(--space-3);
  background-color: var(--white);
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.ar-charge-ledger .ar-charge-ledger-heading {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-3);
  font-size: var(--type-control);
  flex-direction: row;
  display: flex;
}

.ar-charge-ledger .ar-charge-ledger-title {
  font-size: var(--type-label);
  color: var(--color-text);
  font-weight: 500;
}

.ar-charge-ledger .ar-ledger-reverse {
  white-space: nowrap;
}

.ar-manager-on-screen {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.ar-manager-container {
  width: 100%;
  height: 100%;
  padding: var(--space-4);
  gap: var(--space-2);
  flex-direction: column;
  flex-shrink: 0px;
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  display: flex;
  overflow-y: auto;
}

.ar-manager-container:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ar-manager-container .fa-print {
  color: var(--color-primary-ink);
  opacity: 1;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  cursor: pointer;
  padding: 0 var(--space-2);
}

.ar-manager-container .fa-print:hover {
  opacity: .7;
}

.ar-manager-container .fa-download {
  color: var(--color-primary-ink);
  opacity: 1;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  cursor: pointer;
  padding: 0 var(--space-2);
}

.ar-manager-container .fa-download:hover {
  opacity: .7;
}

.ar-manager-container .refresh-all {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  opacity: 1;
  content: "" !important;
}

.ar-manager-container .refresh-all:hover {
  opacity: .7 !important;
}

.ar-manager-container .actions-cell {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  height: 100%;
  display: flex;
}

.ar-manager-container .actions-cell img {
  cursor: pointer;
}

.ar-manager-container > .dsl-advanced-grid .action-btn-group-container {
  justify-content: end;
  gap: var(--space-2);
}

.ar-manager-container .ar-manager-header {
  width: 100%;
  min-height: fit-content;
  padding-right: var(--space-2);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding-bottom: 0;
  display: flex;
  container: ar-toolbar / inline-size;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-4);
  flex-direction: row;
  flex: auto;
  min-width: 0;
  display: flex;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  flex: 320px;
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div {
  flex: 1;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar:focus-within img {
  opacity: .95;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .search-bar i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.ar-manager-container .ar-manager-header .ar-manager-header-left .ar-manager-header-filters {
  gap: var(--space-2);
  flex-direction: row;
  flex: none;
  align-items: center;
  display: flex;
}

@container ar-toolbar (width <= 1030px) {
  .ar-manager-container .ar-manager-header .ar-manager-header-filters > .field-select:nth-child(2) {
    display: none;
  }
}

@container ar-toolbar (width <= 810px) {
  .ar-manager-container .ar-manager-header .ar-manager-header-left .ar-manager-header-filters {
    display: none;
  }
}

.ar-manager-container .ar-manager-header .ar-buttons {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.ar-manager-container .ar-manager-header .ar-buttons > i {
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  font-weight: 300 !important;
}

.ar-manager-container .ar-manager-header .ar-buttons .refresh-all {
  font-weight: 300 !important;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button {
  min-width: 100px;
  height: 36px;
  padding: 10px var(--space-5);
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  border-radius: 10px;
  width: 100%;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button i, .ar-manager-container .ar-manager-header .ar-buttons .ar-button .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button.disabled, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[disabled], .ar-manager-container .ar-manager-header .ar-buttons .ar-button[aria-disabled="true"], .ar-manager-container .ar-manager-header .ar-buttons .ar-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button.disabled i, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[disabled] i, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[aria-disabled="true"] i, .ar-manager-container .ar-manager-header .ar-buttons .ar-button:disabled i, .ar-manager-container .ar-manager-header .ar-buttons .ar-button.disabled .icon, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[disabled] .icon, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[aria-disabled="true"] .icon, .ar-manager-container .ar-manager-header .ar-buttons .ar-button:disabled .icon, .ar-manager-container .ar-manager-header .ar-buttons .ar-button.disabled svg, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[disabled] svg, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[aria-disabled="true"] svg, .ar-manager-container .ar-manager-header .ar-buttons .ar-button:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button.disabled svg *, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[disabled] svg *, .ar-manager-container .ar-manager-header .ar-buttons .ar-button[aria-disabled="true"] svg *, .ar-manager-container .ar-manager-header .ar-buttons .ar-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button:focus-visible {
  box-shadow: none;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button i {
  padding-right: var(--space-2);
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button.is-disabled {
  cursor: not-allowed;
  box-shadow: none !important;
  background: #c2c5cc !important;
}

.ar-manager-container .ar-manager-header .ar-buttons .ar-button.is-disabled:hover, .ar-manager-container .ar-manager-header .ar-buttons .ar-button.is-disabled:active {
  box-shadow: none !important;
  background: #c2c5cc !important;
  transform: none !important;
}

.ar-manager-container .ar-manager-sub-grids {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-3);
  flex-direction: row;
  width: 100%;
  height: 413px;
  display: flex;
}

.ar-manager-container .ar-manager-sub-grids .ar-manager-sub-grid {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.ar-manager-container .ar-manager-sub-grids .ar-manager-sub-grid.charge-lines {
  width: 60%;
}

.ar-manager-container .ar-manager-sub-grids .ar-manager-sub-grid.transactions {
  width: 40%;
}

.ar-manager-sticky-row {
  padding: var(--space-3) 0 0 0;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  flex-shrink: 0;
  font-size: .85rem;
  display: flex;
}

.ar-manager-sticky-row .bottom-label {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 19.5px;
}

.ar-manager-sticky-row .totals-label {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: normal;
  vertical-align: middle;
  color: var(--color-text-muted-ink);
  flex-direction: row;
  line-height: 1.2;
  display: flex;
}

.ar-manager-sticky-row .totals-label span {
  padding: 2px var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0%;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 20px;
}

.ar-manager-sticky-row .totals-label span.is-negative {
  color: var(--color-error-ink);
}

.ar-manager-sticky-row .ar-footer-totals {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-left: auto;
  display: flex;
}

.ar-manager-sticky-row .ar-footer-totals .totals-label:last-child span {
  margin-right: calc(-1 * var(--space-1));
}

.ar-manager-sticky-row.has-footer-left {
  padding-bottom: var(--space-1);
  justify-content: space-between;
}

.ar-manager-sticky-row.has-footer-left .ar-footer-totals {
  justify-content: flex-end;
}

.ar-manager-sticky-row .ar-footer-left {
  align-items: center;
  min-width: 0;
  display: flex;
}

.ar-manager-sticky-row .ar-footer-left > .action-btn-group-container {
  width: auto;
  padding: 0;
}

.dsl-advanced-grid {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.dsl-advanced-grid .ag-root-wrapper {
  flex: 1;
}

.totals-label span {
  padding: 2px var(--space-1);
  border-radius: 2px;
  display: inline-block;
}

.totals-label span:hover {
  background-color: #0064ff1a;
  box-shadow: 0 0 0 1px #0064ff80;
}

.ar-manager-container .ag-row {
  cursor: pointer;
  transition: background-color .1s, transform 50ms;
}

.ar-manager-container .ag-row:active {
  transform: scale(.995);
  background-color: #5b83b026 !important;
}

.ar-manager-container .ag-full-width-row:not(.ag-row-loading) {
  box-shadow: inset 0 6px 6px -6px #0000002e;
  background-color: var(--color-background-200) !important;
}

.ar-manager-container .charge-lines-view .ag-row.ag-row-even:not(.ag-row-selected):not(.ag-row-group-expanded), .ar-manager-container .charge-lines-view .ag-row.ag-row-odd:not(.ag-row-selected):not(.ag-row-group-expanded) {
  background-color: var(--white) !important;
}

.charge-lines-skeleton {
  width: 100%;
  padding-top: var(--space-6);
  padding-bottom: var(--space-6);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  background-color: #ebebeb;
  flex-direction: column;
  display: flex;
}

.charge-lines-skeleton .skeleton-header {
  gap: var(--space-2);
  padding: 10px var(--space-3);
  background-color: var(--disabled-background-200);
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  display: flex;
}

.charge-lines-skeleton .skeleton-header .skeleton-cell {
  background-color: #00000014;
  border-radius: 4px;
  flex: 1;
  height: 18px;
}

.charge-lines-skeleton .skeleton-row {
  gap: var(--space-2);
  padding: var(--space-3);
  background-color: var(--white);
  border: 1px solid #e5e5e5;
  border-top: none;
  align-items: center;
  min-height: 44px;
  display: flex;
}

.charge-lines-skeleton .skeleton-row .skeleton-cell {
  background-color: #0000000f;
  border-radius: 4px;
  flex: 1;
  height: 16px;
}

.charge-lines-skeleton .skeleton-pulse {
  animation: 1.5s ease-in-out infinite charge-lines-pulse;
}

@keyframes charge-lines-pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

.ar-manager-container .dsl-advanced-grid .ag-row.ag-row-group-expanded {
  --ag-selected-row-background-color: var(--grid-selected-row-background);
  --color-text-muted-ink: var(--color-text-600);
  clip-path: inset(-12px 0);
  box-shadow: 0 3px 10px #45494f38, 0 1px 3px #45494f24;
  background-color: var(--grid-selected-row-background) !important;
  border-top: var(--hairline) solid var(--color-primary-700) !important;
  border-bottom: var(--hairline) solid var(--color-primary-700) !important;
  z-index: 6 !important;
  overflow: visible !important;
}

.ar-manager-on-screen > .ar-manager-container {
  backdrop-filter: blur(8px);
  isolation: isolate;
  background-color: #ffffff61;
  border: 1px solid #ffffff7a;
  border-radius: 8px;
}

.ar-manager-on-screen > .ar-manager-container:before {
  content: none;
}

.cash-receipts .ar-buttons .cash-grid-output-button, .cash-allocations .ar-buttons .cash-grid-output-button {
  padding: var(--space-2);
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 34px;
  height: auto;
  display: inline-flex;
}

.cash-receipts .ar-buttons .cash-grid-output-button i, .cash-allocations .ar-buttons .cash-grid-output-button i {
  font-size: var(--icon-size-sm);
  padding: 0;
}

.cash-receipts .ar-buttons .cash-grid-output-button:disabled, .cash-allocations .ar-buttons .cash-grid-output-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cash-chevron.fa-solid {
  color: var(--gray-500);
  font-size: var(--ag-grid-font-size, var(--type-value));
  font-weight: 900;
  line-height: 1;
}

.cash-workspace .ag-row.ag-row-group-expanded {
  --ag-selected-row-background-color: var(--grid-selected-row-background);
  --color-text-muted-ink: var(--color-text-600);
  clip-path: inset(-12px 0);
  box-shadow: 0 3px 10px #45494f38, 0 1px 3px #45494f24;
  background-color: var(--grid-selected-row-background) !important;
  border-top: var(--hairline) solid var(--color-primary-700) !important;
  border-bottom: var(--hairline) solid var(--color-primary-700) !important;
  z-index: 6 !important;
  overflow: visible !important;
}

.cash-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.cash-adjustment-positive {
  color: var(--color-success-ink);
}

.cash-adjustment-negative {
  color: var(--color-error-ink);
}

.cash-grid-output-snapshot {
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: fixed;
  left: -10000px;
  overflow: hidden;
}

.cash-workspace, .cash-modal {
  color: var(--color-text);
  font-size: var(--type-value);
  line-height: var(--type-row-line);
}

.cash-workspace h2, .cash-modal h2, .cash-workspace h3, .cash-modal h3, .cash-workspace h4, .cash-modal h4 {
  font-size: inherit;
  margin: 0;
  font-weight: 500;
}

.cash-workspace button, .cash-modal button, .cash-workspace input, .cash-modal input, .cash-workspace select, .cash-modal select, .cash-workspace textarea, .cash-modal textarea {
  font: inherit;
}

.cash-workspace input:not(.rs__input, .ant-checkbox-input, .ant-picker-input > input, :where(.ant-select input, [type="checkbox"], [type="radio"])), .cash-modal input:not(.rs__input, .ant-checkbox-input, .ant-picker-input > input, :where(.ant-select input, [type="checkbox"], [type="radio"])), .cash-workspace select, .cash-modal select, .cash-workspace textarea, .cash-modal textarea {
  max-width: 100%;
  min-height: 32px;
  padding: var(--space-1) var(--space-2);
  color: var(--color-text);
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 4px;
}

.cash-workspace input:focus-visible:not(.rs__input, .ant-picker-input > input, :where(.ant-select input)), .cash-modal input:focus-visible:not(.rs__input, .ant-picker-input > input, :where(.ant-select input)), .cash-workspace select:focus-visible, .cash-modal select:focus-visible, .cash-workspace button:focus-visible, .cash-modal button:focus-visible, .cash-workspace textarea:focus-visible, .cash-modal textarea:focus-visible {
  outline: 2px solid var(--color-primary-700);
  outline-offset: 2px;
}

.cash-workspace input[type="checkbox"], .cash-modal input[type="checkbox"] {
  min-height: auto;
  accent-color: var(--color-primary);
}

.cash-workspace .cash-input-error, .cash-modal .cash-input-error {
  white-space: normal;
  text-align: left;
  max-width: 240px;
  color: var(--color-error-ink);
  display: block;
}

.cash-workspace button:disabled, .cash-modal button:disabled, .cash-workspace input:disabled, .cash-modal input:disabled, .cash-workspace select:disabled, .cash-modal select:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.cash-workspace fieldset, .cash-modal fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.cash-workspace {
  box-sizing: border-box;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-4);
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 8px;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
}

.cash-workspace:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.cash-toolbar {
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.cash-toolbar-between {
  justify-content: space-between;
}

.cash-field {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 156px;
  display: flex;
}

.cash-field > span, .cash-field > label {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.cash-field-wide {
  flex: 1;
  min-width: 260px;
}

.cash-field-inline {
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  min-width: auto;
  display: inline-flex;
}

.cash-button {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  border: 1px solid var(--gray-200);
  min-height: 32px;
  padding: var(--space-1) var(--space-3);
  color: var(--color-text);
  background: var(--white);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
  display: inline-flex;
}

.cash-button:hover:not(:disabled, .cash-button-primary) {
  background: var(--gray-100);
}

.cash-button.cash-button-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-button.cash-button-primary i, .cash-button.cash-button-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-button.cash-button-primary.disabled, .cash-button.cash-button-primary[disabled], .cash-button.cash-button-primary[aria-disabled="true"], .cash-button.cash-button-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.cash-button.cash-button-primary.disabled i, .cash-button.cash-button-primary[disabled] i, .cash-button.cash-button-primary[aria-disabled="true"] i, .cash-button.cash-button-primary:disabled i, .cash-button.cash-button-primary.disabled .icon, .cash-button.cash-button-primary[disabled] .icon, .cash-button.cash-button-primary[aria-disabled="true"] .icon, .cash-button.cash-button-primary:disabled .icon, .cash-button.cash-button-primary.disabled svg, .cash-button.cash-button-primary[disabled] svg, .cash-button.cash-button-primary[aria-disabled="true"] svg, .cash-button.cash-button-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-button.cash-button-primary.disabled svg *, .cash-button.cash-button-primary[disabled] svg *, .cash-button.cash-button-primary[aria-disabled="true"] svg *, .cash-button.cash-button-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-button.cash-button-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-button.cash-button-primary:focus-visible {
  box-shadow: none;
}

.cash-button.cash-button-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-button.cash-button-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-link {
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary-ink);
  cursor: pointer;
  text-underline-offset: 2px;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: underline;
  display: inline-flex;
}

.cash-link:has( > i) {
  text-decoration: none;
}

.cash-link:hover:not(:disabled) > .cash-action-label {
  text-decoration: underline;
}

.cash-note {
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  margin: 0;
}

.cash-funding-readonly {
  font-variant-numeric: tabular-nums slashed-zero;
  font-weight: 500;
}

.cash-alert {
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-warning-100);
  background: var(--color-warning-25);
  color: var(--color-warning-ink);
  border-radius: 4px;
  margin: 0;
}

.cash-alert.cash-alert-success {
  border-color: color-mix(in srgb, var(--color-success-600) 40%, transparent);
  background: color-mix(in srgb, var(--color-success) 12%, var(--white));
  color: var(--color-success-ink);
}

.cash-error {
  border-color: var(--color-error-200);
  color: var(--color-error-ink);
  background: var(--color-error-50);
}

.cash-alert.cash-approval-carve-out {
  gap: var(--space-2);
  background: var(--white);
  border-color: var(--color-warning);
  border-radius: var(--radius-medium);
  flex-direction: column;
  display: flex;
}

.cash-alert.cash-approval-carve-out > p {
  color: var(--color-warning-ink);
  margin: 0;
}

.cash-alert.cash-approval-carve-out .cash-table-scroll {
  width: fit-content;
  max-width: 100%;
}

.cash-alert.cash-approval-carve-out .cash-table {
  width: auto;
  color: var(--color-text);
}

.cash-alert.cash-approval-carve-out .cash-table th, .cash-alert.cash-approval-carve-out .cash-table td {
  white-space: nowrap;
}

.cash-empty {
  padding: var(--space-6);
  text-align: center;
  color: var(--color-text-muted-ink);
  margin: 0;
}

.cash-table-scroll {
  border: 1px solid var(--gray-100);
  background: var(--white);
  border-radius: 4px;
  min-width: 0;
  overflow: auto;
}

.cash-table {
  border-collapse: collapse;
  font-variant-numeric: tabular-nums slashed-zero;
  width: 100%;
}

.cash-table th, .cash-table td {
  padding: var(--space-2);
  border-bottom: 1px solid var(--gray-100);
  text-align: left;
  vertical-align: middle;
}

.cash-table th {
  background-color: var(--color-border-500);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  white-space: nowrap;
  z-index: 1;
  background-image: none;
  font-weight: 400;
  position: sticky;
  top: 0;
}

.cash-table td {
  font-size: var(--type-value);
}

.cash-table button.cash-link:has( > i):not([aria-expanded]), .cash-invoice-ledger-actions > button.cash-link, .cash-recoups button.cash-link.cash-remove {
  font-size: var(--type-label);
  font-weight: 500;
}

.cash-table button.cash-link:has( > i):not([aria-expanded]) > i, .cash-invoice-ledger-actions > button.cash-link > i, .cash-recoups button.cash-link.cash-remove > i {
  font-size: inherit;
}

.cash-table tr:last-child > td {
  border-bottom: 0;
}

.cash-table tr.cash-selected > td {
  background: var(--color-primary-50);
}

.cash-table .cash-number, .cash-number {
  text-align: right;
  font-variant-numeric: tabular-nums slashed-zero;
  white-space: nowrap;
}

.cash-table .cash-money-input, .cash-money-input {
  text-align: right;
  font-variant-numeric: tabular-nums slashed-zero;
  width: 116px;
}

.cash-money-input.cash-money-flash {
  animation: 1.6s ease-out cash-apply-flash;
}

@media (prefers-reduced-motion: reduce) {
  .cash-money-input.cash-money-flash {
    background-color: var(--color-primary-200);
    border-color: var(--color-tertiary);
    box-shadow: 0 0 0 2px var(--color-tertiary);
    transition: background-color .4s ease-out 1.2s, border-color .4s ease-out 1.2s, box-shadow .4s ease-out 1.2s;
    animation: none;
  }
}

@keyframes cash-apply-flash {
  0%, 100% {
    box-shadow: none;
  }

  15%, 55% {
    background-color: var(--color-primary-200);
    border-color: var(--color-tertiary);
    box-shadow: 0 0 0 2px var(--color-tertiary);
  }

  35% {
    background-color: var(--color-primary-50);
    box-shadow: 0 0 0 2px #0000;
  }
}

.cash-presence {
  margin-left: var(--space-1);
  color: var(--color-tertiary);
  font-size: var(--type-value);
  cursor: default;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

.cash-alert.cash-alert-presence {
  align-items: center;
  gap: var(--space-2);
  font-weight: 500;
  display: flex;
}

.cash-alert.cash-alert-presence > i {
  color: var(--color-warning-600);
  font-size: var(--type-control);
}

.cash-allocations input.cash-money-input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  opacity: 1;
  font-weight: 400;
}

.cash-identity {
  white-space: nowrap;
  font-weight: 500;
}

.cash-detail {
  gap: var(--space-3);
  padding: var(--space-3);
  background: var(--white);
  flex-direction: column;
  display: flex;
}

.cash-detail-row > td {
  padding: 0;
}

.cash-funding {
  align-items: flex-end;
  gap: var(--space-3);
  padding: var(--space-3);
  background: var(--color-background-200);
  border: 1px solid var(--gray-100);
  border-radius: 4px;
  flex-wrap: wrap;
  display: flex;
}

.cash-funding-total {
  gap: var(--space-1);
  text-align: right;
  flex-direction: column;
  margin-left: auto;
  display: flex;
}

.cash-allocations .cash-link.cash-remove {
  color: var(--color-error-ink);
}

.cash-allocations .cash-invoice-links {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.cash-allocations .cash-link.cash-record-link, .cash-modal .cash-link.cash-record-link {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  max-width: 100%;
  font-weight: 400;
  text-decoration: underline;
  display: block;
  overflow: hidden;
}

.cash-allocations .cash-record-activity {
  opacity: 0;
  pointer-events: none;
  font-size: var(--type-label);
  flex-shrink: 0;
}

.cash-allocations .cash-record-activity > i {
  font-size: inherit;
}

.cash-allocations .cash-invoice-links:hover .cash-record-activity, .cash-allocations .ag-cell:focus-within .cash-record-activity {
  opacity: 1;
  pointer-events: auto;
}

.cash-invoice-ledger-section button.cash-remove:not(:hover), .cash-invoice-ledger-actions > button.cash-link:not(:hover) {
  text-decoration: none;
}

.cash-recoup-total {
  gap: var(--space-1);
  white-space: nowrap;
  display: inline-flex;
}

.cash-allocations .cash-invoice-overview {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.cash-allocations .cash-invoice-ledger-sections {
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--space-3) var(--space-4);
  flex-flow: wrap;
  display: flex;
}

.cash-allocations .cash-invoice-ledger-sections:empty {
  display: none;
}

.cash-summary {
  align-items: center;
  gap: var(--space-5);
  padding: var(--space-3);
  border-top: 1px solid var(--gray-200);
  background: var(--white);
  flex-wrap: wrap;
  margin-top: auto;
  display: flex;
}

.cash-summary-value {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.cash-context-label {
  align-items: center;
  gap: var(--space-1);
  display: inline-flex;
}

.cash-summary-actions {
  gap: var(--space-2);
  margin-left: auto;
  display: flex;
}

.cash-pill {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #4f82bc var(--status-pill-tint, 20%), #fff);
  color: #324c68;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-pill-warning {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #b77615 var(--status-pill-tint, 20%), #fff);
  color: #4e340e;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-pill-success {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #308569 var(--status-pill-tint, 20%), #fff);
  color: #162f27;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-modal-overlay {
  isolation: isolate;
  padding: var(--space-5);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.cash-modal-host {
  outline: none;
  width: min(1100px, 96vw);
  max-height: 90vh;
  display: flex;
}

.cash-modal-host.cash-modal-compact {
  width: min(560px, 92vw);
}

.cash-modal-host:has(.cr-activity-modal) {
  width: max-content;
  max-width: 85vw;
}

.cash-modal-host:has(.cr-liability-modal):not(.cash-modal-with-source) {
  width: min(60rem, 75vw);
}

.cash-modal-host:has(.cr-liability-modal) {
  max-height: 75vh;
}

.cash-modal-host:has(.cr-liability-modal) > .cash-modal {
  max-height: 100%;
}

.cash-modal-host:has(.cr-liability-modal) > .cash-modal > .body {
  flex: 1;
}

.cash-modal-host:has(.cr-liability-modal .cr-origin-tables) {
  height: 90vh;
  max-height: 90vh;
}

.cash-modal-host:has(.cr-liability-modal .cr-origin-tables):not(.cash-modal-with-source) {
  width: min(1160px, 85vw);
}

.cash-modal-host.cash-modal-with-source {
  gap: var(--space-4);
  align-items: stretch;
  width: 96vw;
}

.cash-modal-host.cash-modal-with-source > .cash-modal {
  flex: 1 1 0;
  min-width: 0;
}

.cash-modal-host.cash-modal-with-source .cash-modal-source > .body {
  height: 75vh;
}

@media (width <= 900px) {
  .cash-modal-host.cash-modal-with-source {
    flex-direction: column;
    overflow: auto;
  }

  .cash-modal-host.cash-modal-with-source > .cash-modal {
    flex: none;
    max-height: 65vh;
  }

  .cash-modal-host.cash-modal-with-source .cash-modal-source > .body {
    height: 40vh;
  }
}

.generic-card-container.cash-modal {
  width: 100%;
  min-width: 0;
  max-height: 90vh;
}

.generic-card-container.cash-modal > .header {
  flex-shrink: 0;
}

.generic-card-container.cash-modal > .body {
  gap: var(--space-3);
  height: auto;
  min-height: 0;
  margin: var(--space-3);
  padding: var(--space-3);
  flex-direction: column;
  display: flex;
  overflow: auto;
}

.generic-card-container.cash-modal .cash-modal-close {
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: inline-flex;
}

.cash-modal-footer {
  align-items: center;
  gap: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--gray-100);
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.generic-card-container.cash-modal > .body:has( > .cash-clear-draft-message) {
  text-align: center;
  background: none;
}

.generic-card-container.cash-modal.cash-modal-has-footer > .body {
  margin-top: 0;
}

.generic-card-container.cash-modal.cash-modal-has-footer > .cash-modal-external-footer {
  margin: 0 var(--space-3) var(--space-3);
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
}

.generic-card-container.cash-modal.cash-modal-has-footer > .cash-modal-external-footer:empty {
  display: none;
}

.generic-card-container.cash-modal.cash-modal-has-footer > .cash-modal-external-footer .cash-modal-footer {
  border: 0;
  margin: 0;
  padding: 0;
}

.cash-modal pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: var(--type-label);
}

.cash-modal {
  font-family: Soehne, sans-serif;
}

.cash-modal input::placeholder, .cash-modal textarea::placeholder {
  font-weight: 400;
}

.cash-modal input, .cash-modal textarea, .cash-modal select, .cash-modal .cash-field input, .cash-modal .cash-field textarea, .cash-modal .cash-field select, .cash-modal .cr-amount-input, .cash-modal .rs__single-value, .cash-modal .rs__input {
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.cash-modal .cash-button.cash-button-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  margin-right: auto;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-modal .cash-button.cash-button-cancel i, .cash-modal .cash-button.cash-button-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-modal .cash-button.cash-button-cancel.disabled, .cash-modal .cash-button.cash-button-cancel[disabled], .cash-modal .cash-button.cash-button-cancel[aria-disabled="true"], .cash-modal .cash-button.cash-button-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.cash-modal .cash-button.cash-button-cancel.disabled i, .cash-modal .cash-button.cash-button-cancel[disabled] i, .cash-modal .cash-button.cash-button-cancel[aria-disabled="true"] i, .cash-modal .cash-button.cash-button-cancel:disabled i, .cash-modal .cash-button.cash-button-cancel.disabled .icon, .cash-modal .cash-button.cash-button-cancel[disabled] .icon, .cash-modal .cash-button.cash-button-cancel[aria-disabled="true"] .icon, .cash-modal .cash-button.cash-button-cancel:disabled .icon, .cash-modal .cash-button.cash-button-cancel.disabled svg, .cash-modal .cash-button.cash-button-cancel[disabled] svg, .cash-modal .cash-button.cash-button-cancel[aria-disabled="true"] svg, .cash-modal .cash-button.cash-button-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-modal .cash-button.cash-button-cancel.disabled svg *, .cash-modal .cash-button.cash-button-cancel[disabled] svg *, .cash-modal .cash-button.cash-button-cancel[aria-disabled="true"] svg *, .cash-modal .cash-button.cash-button-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-modal .cash-button.cash-button-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-modal .cash-button.cash-button-cancel:focus-visible {
  box-shadow: none;
}

.cash-modal .cash-button.cash-button-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-modal .cash-button.cash-button-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-preview-grid {
  gap: var(--space-3);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  display: grid;
}

.cash-stage-hidden {
  display: none;
}

.cash-stage-tabs {
  padding: var(--space-2) var(--space-3);
}

.cash-stage-tabs [aria-selected="true"] {
  background: var(--color-primary-50);
  color: var(--color-primary-ink);
  border-color: var(--color-primary-200);
}

.cash-allocations, .era-posting-workflow, .cash-modal, .cash-allocations .cash-required-label, .era-posting-workflow .cash-required-label, .cash-modal .cash-required-label {
  font-weight: 400;
}

.cash-allocations .cash-required-label.is-empty, .era-posting-workflow .cash-required-label.is-empty, .cash-modal .cash-required-label.is-empty {
  font-weight: 500;
}

.cash-allocations .cash-required-label.is-empty, .era-posting-workflow .cash-required-label.is-empty, .cash-modal .cash-required-label.is-empty, .cash-allocations .cash-required-marker, .era-posting-workflow .cash-required-marker, .cash-modal .cash-required-marker {
  color: var(--color-error-ink);
}

.cash-allocations .cash-required-marker:after, .era-posting-workflow .cash-required-marker:after, .cash-modal .cash-required-marker:after {
  content: " *";
  white-space: pre;
}

.cash-allocations strong, .era-posting-workflow strong, .cash-modal strong {
  font-weight: 500;
}

.cash-allocations .cash-field, .era-posting-workflow .cash-field, .cash-modal .cash-field {
  font-weight: 400;
}

.cash-allocations .cash-button, .era-posting-workflow .cash-button, .cash-modal .cash-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  min-height: 36px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-allocations .cash-button i, .era-posting-workflow .cash-button i, .cash-modal .cash-button i, .cash-allocations .cash-button .icon, .era-posting-workflow .cash-button .icon, .cash-modal .cash-button .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-allocations .cash-button.disabled, .era-posting-workflow .cash-button.disabled, .cash-modal .cash-button.disabled, .cash-allocations .cash-button[disabled], .era-posting-workflow .cash-button[disabled], .cash-modal .cash-button[disabled], .cash-allocations .cash-button[aria-disabled="true"], .era-posting-workflow .cash-button[aria-disabled="true"], .cash-modal .cash-button[aria-disabled="true"], .cash-allocations .cash-button:disabled, .era-posting-workflow .cash-button:disabled, .cash-modal .cash-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.cash-allocations .cash-button.disabled i, .era-posting-workflow .cash-button.disabled i, .cash-modal .cash-button.disabled i, .cash-allocations .cash-button[disabled] i, .era-posting-workflow .cash-button[disabled] i, .cash-modal .cash-button[disabled] i, .cash-allocations .cash-button[aria-disabled="true"] i, .era-posting-workflow .cash-button[aria-disabled="true"] i, .cash-modal .cash-button[aria-disabled="true"] i, .cash-allocations .cash-button:disabled i, .era-posting-workflow .cash-button:disabled i, .cash-modal .cash-button:disabled i, .cash-allocations .cash-button.disabled .icon, .era-posting-workflow .cash-button.disabled .icon, .cash-modal .cash-button.disabled .icon, .cash-allocations .cash-button[disabled] .icon, .era-posting-workflow .cash-button[disabled] .icon, .cash-modal .cash-button[disabled] .icon, .cash-allocations .cash-button[aria-disabled="true"] .icon, .era-posting-workflow .cash-button[aria-disabled="true"] .icon, .cash-modal .cash-button[aria-disabled="true"] .icon, .cash-allocations .cash-button:disabled .icon, .era-posting-workflow .cash-button:disabled .icon, .cash-modal .cash-button:disabled .icon, .cash-allocations .cash-button.disabled svg, .era-posting-workflow .cash-button.disabled svg, .cash-modal .cash-button.disabled svg, .cash-allocations .cash-button[disabled] svg, .era-posting-workflow .cash-button[disabled] svg, .cash-modal .cash-button[disabled] svg, .cash-allocations .cash-button[aria-disabled="true"] svg, .era-posting-workflow .cash-button[aria-disabled="true"] svg, .cash-modal .cash-button[aria-disabled="true"] svg, .cash-allocations .cash-button:disabled svg, .era-posting-workflow .cash-button:disabled svg, .cash-modal .cash-button:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.cash-allocations .cash-button.disabled svg *, .era-posting-workflow .cash-button.disabled svg *, .cash-modal .cash-button.disabled svg *, .cash-allocations .cash-button[disabled] svg *, .era-posting-workflow .cash-button[disabled] svg *, .cash-modal .cash-button[disabled] svg *, .cash-allocations .cash-button[aria-disabled="true"] svg *, .era-posting-workflow .cash-button[aria-disabled="true"] svg *, .cash-modal .cash-button[aria-disabled="true"] svg *, .cash-allocations .cash-button:disabled svg *, .era-posting-workflow .cash-button:disabled svg *, .cash-modal .cash-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-allocations .cash-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.cash-allocations .cash-button:focus-visible, .era-posting-workflow .cash-button:focus-visible, .cash-modal .cash-button:focus-visible {
  box-shadow: none;
}

.cash-allocations .cash-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-allocations .cash-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-allocations .cash-button.cash-button-primary, .era-posting-workflow .cash-button.cash-button-primary, .cash-modal .cash-button.cash-button-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-allocations .cash-button.cash-button-primary i, .era-posting-workflow .cash-button.cash-button-primary i, .cash-modal .cash-button.cash-button-primary i, .cash-allocations .cash-button.cash-button-primary .icon, .era-posting-workflow .cash-button.cash-button-primary .icon, .cash-modal .cash-button.cash-button-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-allocations .cash-button.cash-button-primary.disabled, .era-posting-workflow .cash-button.cash-button-primary.disabled, .cash-modal .cash-button.cash-button-primary.disabled, .cash-allocations .cash-button.cash-button-primary[disabled], .era-posting-workflow .cash-button.cash-button-primary[disabled], .cash-modal .cash-button.cash-button-primary[disabled], .cash-allocations .cash-button.cash-button-primary[aria-disabled="true"], .era-posting-workflow .cash-button.cash-button-primary[aria-disabled="true"], .cash-modal .cash-button.cash-button-primary[aria-disabled="true"], .cash-allocations .cash-button.cash-button-primary:disabled, .era-posting-workflow .cash-button.cash-button-primary:disabled, .cash-modal .cash-button.cash-button-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.cash-allocations .cash-button.cash-button-primary.disabled i, .era-posting-workflow .cash-button.cash-button-primary.disabled i, .cash-modal .cash-button.cash-button-primary.disabled i, .cash-allocations .cash-button.cash-button-primary[disabled] i, .era-posting-workflow .cash-button.cash-button-primary[disabled] i, .cash-modal .cash-button.cash-button-primary[disabled] i, .cash-allocations .cash-button.cash-button-primary[aria-disabled="true"] i, .era-posting-workflow .cash-button.cash-button-primary[aria-disabled="true"] i, .cash-modal .cash-button.cash-button-primary[aria-disabled="true"] i, .cash-allocations .cash-button.cash-button-primary:disabled i, .era-posting-workflow .cash-button.cash-button-primary:disabled i, .cash-modal .cash-button.cash-button-primary:disabled i, .cash-allocations .cash-button.cash-button-primary.disabled .icon, .era-posting-workflow .cash-button.cash-button-primary.disabled .icon, .cash-modal .cash-button.cash-button-primary.disabled .icon, .cash-allocations .cash-button.cash-button-primary[disabled] .icon, .era-posting-workflow .cash-button.cash-button-primary[disabled] .icon, .cash-modal .cash-button.cash-button-primary[disabled] .icon, .cash-allocations .cash-button.cash-button-primary[aria-disabled="true"] .icon, .era-posting-workflow .cash-button.cash-button-primary[aria-disabled="true"] .icon, .cash-modal .cash-button.cash-button-primary[aria-disabled="true"] .icon, .cash-allocations .cash-button.cash-button-primary:disabled .icon, .era-posting-workflow .cash-button.cash-button-primary:disabled .icon, .cash-modal .cash-button.cash-button-primary:disabled .icon, .cash-allocations .cash-button.cash-button-primary.disabled svg, .era-posting-workflow .cash-button.cash-button-primary.disabled svg, .cash-modal .cash-button.cash-button-primary.disabled svg, .cash-allocations .cash-button.cash-button-primary[disabled] svg, .era-posting-workflow .cash-button.cash-button-primary[disabled] svg, .cash-modal .cash-button.cash-button-primary[disabled] svg, .cash-allocations .cash-button.cash-button-primary[aria-disabled="true"] svg, .era-posting-workflow .cash-button.cash-button-primary[aria-disabled="true"] svg, .cash-modal .cash-button.cash-button-primary[aria-disabled="true"] svg, .cash-allocations .cash-button.cash-button-primary:disabled svg, .era-posting-workflow .cash-button.cash-button-primary:disabled svg, .cash-modal .cash-button.cash-button-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-allocations .cash-button.cash-button-primary.disabled svg *, .era-posting-workflow .cash-button.cash-button-primary.disabled svg *, .cash-modal .cash-button.cash-button-primary.disabled svg *, .cash-allocations .cash-button.cash-button-primary[disabled] svg *, .era-posting-workflow .cash-button.cash-button-primary[disabled] svg *, .cash-modal .cash-button.cash-button-primary[disabled] svg *, .cash-allocations .cash-button.cash-button-primary[aria-disabled="true"] svg *, .era-posting-workflow .cash-button.cash-button-primary[aria-disabled="true"] svg *, .cash-modal .cash-button.cash-button-primary[aria-disabled="true"] svg *, .cash-allocations .cash-button.cash-button-primary:disabled svg *, .era-posting-workflow .cash-button.cash-button-primary:disabled svg *, .cash-modal .cash-button.cash-button-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-allocations .cash-button.cash-button-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-allocations .cash-button.cash-button-primary:focus-visible, .era-posting-workflow .cash-button.cash-button-primary:focus-visible, .cash-modal .cash-button.cash-button-primary:focus-visible {
  box-shadow: none;
}

.cash-allocations .cash-button.cash-button-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-allocations .cash-button.cash-button-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-allocations .cash-button.cash-button-danger, .era-posting-workflow .cash-button.cash-button-danger, .cash-modal .cash-button.cash-button-danger {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-allocations .cash-button.cash-button-danger i, .era-posting-workflow .cash-button.cash-button-danger i, .cash-modal .cash-button.cash-button-danger i, .cash-allocations .cash-button.cash-button-danger .icon, .era-posting-workflow .cash-button.cash-button-danger .icon, .cash-modal .cash-button.cash-button-danger .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-allocations .cash-button.cash-button-danger.disabled, .era-posting-workflow .cash-button.cash-button-danger.disabled, .cash-modal .cash-button.cash-button-danger.disabled, .cash-allocations .cash-button.cash-button-danger[disabled], .era-posting-workflow .cash-button.cash-button-danger[disabled], .cash-modal .cash-button.cash-button-danger[disabled], .cash-allocations .cash-button.cash-button-danger[aria-disabled="true"], .era-posting-workflow .cash-button.cash-button-danger[aria-disabled="true"], .cash-modal .cash-button.cash-button-danger[aria-disabled="true"], .cash-allocations .cash-button.cash-button-danger:disabled, .era-posting-workflow .cash-button.cash-button-danger:disabled, .cash-modal .cash-button.cash-button-danger:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.cash-allocations .cash-button.cash-button-danger.disabled i, .era-posting-workflow .cash-button.cash-button-danger.disabled i, .cash-modal .cash-button.cash-button-danger.disabled i, .cash-allocations .cash-button.cash-button-danger[disabled] i, .era-posting-workflow .cash-button.cash-button-danger[disabled] i, .cash-modal .cash-button.cash-button-danger[disabled] i, .cash-allocations .cash-button.cash-button-danger[aria-disabled="true"] i, .era-posting-workflow .cash-button.cash-button-danger[aria-disabled="true"] i, .cash-modal .cash-button.cash-button-danger[aria-disabled="true"] i, .cash-allocations .cash-button.cash-button-danger:disabled i, .era-posting-workflow .cash-button.cash-button-danger:disabled i, .cash-modal .cash-button.cash-button-danger:disabled i, .cash-allocations .cash-button.cash-button-danger.disabled .icon, .era-posting-workflow .cash-button.cash-button-danger.disabled .icon, .cash-modal .cash-button.cash-button-danger.disabled .icon, .cash-allocations .cash-button.cash-button-danger[disabled] .icon, .era-posting-workflow .cash-button.cash-button-danger[disabled] .icon, .cash-modal .cash-button.cash-button-danger[disabled] .icon, .cash-allocations .cash-button.cash-button-danger[aria-disabled="true"] .icon, .era-posting-workflow .cash-button.cash-button-danger[aria-disabled="true"] .icon, .cash-modal .cash-button.cash-button-danger[aria-disabled="true"] .icon, .cash-allocations .cash-button.cash-button-danger:disabled .icon, .era-posting-workflow .cash-button.cash-button-danger:disabled .icon, .cash-modal .cash-button.cash-button-danger:disabled .icon, .cash-allocations .cash-button.cash-button-danger.disabled svg, .era-posting-workflow .cash-button.cash-button-danger.disabled svg, .cash-modal .cash-button.cash-button-danger.disabled svg, .cash-allocations .cash-button.cash-button-danger[disabled] svg, .era-posting-workflow .cash-button.cash-button-danger[disabled] svg, .cash-modal .cash-button.cash-button-danger[disabled] svg, .cash-allocations .cash-button.cash-button-danger[aria-disabled="true"] svg, .era-posting-workflow .cash-button.cash-button-danger[aria-disabled="true"] svg, .cash-modal .cash-button.cash-button-danger[aria-disabled="true"] svg, .cash-allocations .cash-button.cash-button-danger:disabled svg, .era-posting-workflow .cash-button.cash-button-danger:disabled svg, .cash-modal .cash-button.cash-button-danger:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-allocations .cash-button.cash-button-danger.disabled svg *, .era-posting-workflow .cash-button.cash-button-danger.disabled svg *, .cash-modal .cash-button.cash-button-danger.disabled svg *, .cash-allocations .cash-button.cash-button-danger[disabled] svg *, .era-posting-workflow .cash-button.cash-button-danger[disabled] svg *, .cash-modal .cash-button.cash-button-danger[disabled] svg *, .cash-allocations .cash-button.cash-button-danger[aria-disabled="true"] svg *, .era-posting-workflow .cash-button.cash-button-danger[aria-disabled="true"] svg *, .cash-modal .cash-button.cash-button-danger[aria-disabled="true"] svg *, .cash-allocations .cash-button.cash-button-danger:disabled svg *, .era-posting-workflow .cash-button.cash-button-danger:disabled svg *, .cash-modal .cash-button.cash-button-danger:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-allocations .cash-button.cash-button-danger:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-danger:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-danger:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-allocations .cash-button.cash-button-danger:focus-visible, .era-posting-workflow .cash-button.cash-button-danger:focus-visible, .cash-modal .cash-button.cash-button-danger:focus-visible {
  box-shadow: none;
}

.cash-allocations .cash-button.cash-button-danger:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-danger:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-danger:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-allocations .cash-button.cash-button-danger:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-danger:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-danger:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-allocations .cash-button.cash-button-success, .era-posting-workflow .cash-button.cash-button-success, .cash-modal .cash-button.cash-button-success {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-allocations .cash-button.cash-button-success i, .era-posting-workflow .cash-button.cash-button-success i, .cash-modal .cash-button.cash-button-success i, .cash-allocations .cash-button.cash-button-success .icon, .era-posting-workflow .cash-button.cash-button-success .icon, .cash-modal .cash-button.cash-button-success .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-allocations .cash-button.cash-button-success.disabled, .era-posting-workflow .cash-button.cash-button-success.disabled, .cash-modal .cash-button.cash-button-success.disabled, .cash-allocations .cash-button.cash-button-success[disabled], .era-posting-workflow .cash-button.cash-button-success[disabled], .cash-modal .cash-button.cash-button-success[disabled], .cash-allocations .cash-button.cash-button-success[aria-disabled="true"], .era-posting-workflow .cash-button.cash-button-success[aria-disabled="true"], .cash-modal .cash-button.cash-button-success[aria-disabled="true"], .cash-allocations .cash-button.cash-button-success:disabled, .era-posting-workflow .cash-button.cash-button-success:disabled, .cash-modal .cash-button.cash-button-success:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.cash-allocations .cash-button.cash-button-success.disabled i, .era-posting-workflow .cash-button.cash-button-success.disabled i, .cash-modal .cash-button.cash-button-success.disabled i, .cash-allocations .cash-button.cash-button-success[disabled] i, .era-posting-workflow .cash-button.cash-button-success[disabled] i, .cash-modal .cash-button.cash-button-success[disabled] i, .cash-allocations .cash-button.cash-button-success[aria-disabled="true"] i, .era-posting-workflow .cash-button.cash-button-success[aria-disabled="true"] i, .cash-modal .cash-button.cash-button-success[aria-disabled="true"] i, .cash-allocations .cash-button.cash-button-success:disabled i, .era-posting-workflow .cash-button.cash-button-success:disabled i, .cash-modal .cash-button.cash-button-success:disabled i, .cash-allocations .cash-button.cash-button-success.disabled .icon, .era-posting-workflow .cash-button.cash-button-success.disabled .icon, .cash-modal .cash-button.cash-button-success.disabled .icon, .cash-allocations .cash-button.cash-button-success[disabled] .icon, .era-posting-workflow .cash-button.cash-button-success[disabled] .icon, .cash-modal .cash-button.cash-button-success[disabled] .icon, .cash-allocations .cash-button.cash-button-success[aria-disabled="true"] .icon, .era-posting-workflow .cash-button.cash-button-success[aria-disabled="true"] .icon, .cash-modal .cash-button.cash-button-success[aria-disabled="true"] .icon, .cash-allocations .cash-button.cash-button-success:disabled .icon, .era-posting-workflow .cash-button.cash-button-success:disabled .icon, .cash-modal .cash-button.cash-button-success:disabled .icon, .cash-allocations .cash-button.cash-button-success.disabled svg, .era-posting-workflow .cash-button.cash-button-success.disabled svg, .cash-modal .cash-button.cash-button-success.disabled svg, .cash-allocations .cash-button.cash-button-success[disabled] svg, .era-posting-workflow .cash-button.cash-button-success[disabled] svg, .cash-modal .cash-button.cash-button-success[disabled] svg, .cash-allocations .cash-button.cash-button-success[aria-disabled="true"] svg, .era-posting-workflow .cash-button.cash-button-success[aria-disabled="true"] svg, .cash-modal .cash-button.cash-button-success[aria-disabled="true"] svg, .cash-allocations .cash-button.cash-button-success:disabled svg, .era-posting-workflow .cash-button.cash-button-success:disabled svg, .cash-modal .cash-button.cash-button-success:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-allocations .cash-button.cash-button-success.disabled svg *, .era-posting-workflow .cash-button.cash-button-success.disabled svg *, .cash-modal .cash-button.cash-button-success.disabled svg *, .cash-allocations .cash-button.cash-button-success[disabled] svg *, .era-posting-workflow .cash-button.cash-button-success[disabled] svg *, .cash-modal .cash-button.cash-button-success[disabled] svg *, .cash-allocations .cash-button.cash-button-success[aria-disabled="true"] svg *, .era-posting-workflow .cash-button.cash-button-success[aria-disabled="true"] svg *, .cash-modal .cash-button.cash-button-success[aria-disabled="true"] svg *, .cash-allocations .cash-button.cash-button-success:disabled svg *, .era-posting-workflow .cash-button.cash-button-success:disabled svg *, .cash-modal .cash-button.cash-button-success:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-allocations .cash-button.cash-button-success:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-success:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-success:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-allocations .cash-button.cash-button-success:focus-visible, .era-posting-workflow .cash-button.cash-button-success:focus-visible, .cash-modal .cash-button.cash-button-success:focus-visible {
  box-shadow: none;
}

.cash-allocations .cash-button.cash-button-success:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-success:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-success:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-allocations .cash-button.cash-button-success:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .era-posting-workflow .cash-button.cash-button-success:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-modal .cash-button.cash-button-success:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-allocations .cash-table-scroll, .era-posting-workflow .cash-table-scroll, .cash-modal .cash-table-scroll {
  border-radius: var(--space-2);
}

.cash-allocations .cash-link, .era-posting-workflow .cash-link, .cash-modal .cash-link {
  text-decoration: none;
}

.cash-allocations .cash-link:not(:has( > i)):hover:not(:disabled), .era-posting-workflow .cash-link:not(:has( > i)):hover:not(:disabled), .cash-modal .cash-link:not(:has( > i)):hover:not(:disabled) {
  text-decoration: underline;
}

.cash-allocations .cash-refresh, .era-posting-workflow .cash-refresh, .cash-modal .cash-refresh {
  padding: var(--space-2);
  min-width: var(--space-8);
  min-height: var(--space-8);
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
}

.cash-allocations .cash-refresh i, .era-posting-workflow .cash-refresh i, .cash-modal .cash-refresh i {
  font-size: var(--icon-size-sm);
}

.cash-allocations .cash-context-select .rs__value-container, .era-posting-workflow .cash-context-select .rs__value-container, .cash-modal .cash-context-select .rs__value-container, .cash-allocations .cash-adjustment-select .rs__value-container, .era-posting-workflow .cash-adjustment-select .rs__value-container, .cash-modal .cash-adjustment-select .rs__value-container {
  pointer-events: auto;
  display: grid;
}

.cash-allocations .cash-context-select .rs__input-container, .era-posting-workflow .cash-context-select .rs__input-container, .cash-modal .cash-context-select .rs__input-container, .cash-allocations .cash-adjustment-select .rs__input-container, .era-posting-workflow .cash-adjustment-select .rs__input-container, .cash-modal .cash-adjustment-select .rs__input-container {
  color: var(--color-text);
  cursor: text;
  width: auto;
  height: auto;
  position: relative;
  inset: auto;
}

.cash-allocations .cash-context-select .rs__control, .era-posting-workflow .cash-context-select .rs__control, .cash-modal .cash-context-select .rs__control {
  min-width: 0;
}

.cash-modal .cash-modal-search {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  flex: 1;
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.cash-modal .cash-modal-search:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.cash-modal .cash-modal-search:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.cash-modal .cash-modal-search:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.cash-modal .cash-modal-search > div {
  flex: 1;
}

.cash-modal .cash-modal-search > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.cash-modal .cash-modal-search > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.cash-modal .cash-modal-search > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.cash-modal .cash-modal-search:focus-within input::placeholder {
  opacity: .35;
}

.cash-modal .cash-modal-search img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.cash-modal .cash-modal-search:focus-within img {
  opacity: .95;
}

.cash-modal .cash-modal-search i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.cash-modal .cash-toolbar .cash-modal-search > div > input[type="search"] {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
}

.cash-modal .cash-recoup-toolbar {
  width: 100%;
}

.cash-modal .cash-recoup-toolbar .cash-refresh {
  margin-left: auto;
}

.cash-modal .cash-recoup-results {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  max-height: 360px;
}

.cash-source-option {
  gap: var(--space-2);
  padding: var(--space-1) 0;
  flex-direction: column;
  display: flex;
}

.cash-source-option strong {
  font-weight: 500;
}

.cash-source-option .cash-source-identity {
  justify-content: space-between;
  gap: var(--space-3);
  display: flex;
}

.cash-source-option .cash-source-identity strong {
  white-space: nowrap;
}

.cash-source-option .cash-source-payer {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cash-source-option .cash-source-site {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
}

.cash-source-option .cash-source-blocked {
  font-size: var(--type-label);
  color: var(--color-warning-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cash-source-option:has(.cash-source-blocked) {
  cursor: not-allowed;
}

.cash-source-option:has(.cash-source-blocked) .cash-source-identity, .cash-source-option:has(.cash-source-blocked) .cash-source-balances {
  opacity: .55;
}

.cash-source-option .cash-source-balances {
  gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.cash-source-option .cash-source-balances > div {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.cash-source-option .cash-source-balances .cash-source-liability {
  text-align: left;
  justify-self: end;
  max-width: 100%;
}

.cash-source-option .cash-source-balances .cash-source-liability > span {
  text-align: right;
}

.cash-source-option .cash-source-balances span {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.cash-source-option .cash-source-balances strong {
  font-variant-numeric: tabular-nums slashed-zero;
}

.cash-allocations.ar-manager-container {
  gap: var(--space-3);
  overflow: hidden;
}

.cash-allocations.ar-manager-container .cash-toolbar {
  flex-shrink: 0;
}

.cash-allocations.ar-manager-container .cash-allocation-context {
  align-items: flex-start;
}

.cash-allocations.ar-manager-container .cash-allocation-context .cash-field {
  margin: 0;
}

.cash-allocations.ar-manager-container .cash-allocation-context .cash-field > span {
  line-height: var(--type-row-line);
}

.cash-allocations.ar-manager-container .cash-allocation-context .rs__control {
  height: 40px;
  min-height: 40px;
}

.cash-allocations.ar-manager-container .cash-context-select {
  flex: 180px;
  min-width: 180px;
  max-width: 280px;
}

.cash-allocations.ar-manager-container .cash-context-select.cash-field-wide {
  flex: 320px;
  min-width: 300px;
  max-width: 420px;
}

.cash-allocations.ar-manager-container .cash-context-select.cash-allocation-site, .cash-allocations.ar-manager-container .cash-context-select.cash-allocation-payer {
  flex: 260px;
  min-width: 248px;
  max-width: 360px;
}

.cash-allocations.ar-manager-container .cash-allocation-date-actions {
  align-items: flex-start;
  gap: var(--space-2);
  flex: none;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-context-select .rs__control, .cash-allocations.ar-manager-container .cash-allocation-post-date .cr-date-picker, .cash-allocations.ar-manager-container .cash-native-control {
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  background: #ffffffbf;
  border-color: #fff6;
  border-radius: 10px;
  box-shadow: 0 10px 30px #00000014, 0 1px 2px #0000000f, inset 0 1px #ffffff59;
}

.cash-allocations.ar-manager-container .cash-context-select .rs__control--menu-is-open {
  background: #fffffff2;
}

.cash-allocations.ar-manager-container .cash-context-select .rs__control--is-disabled, .cash-allocations.ar-manager-container .cash-allocation-post-date .cr-date-picker.ant-picker-disabled {
  opacity: .65;
  box-shadow: none;
  cursor: not-allowed;
  background: #ffffffbf;
  border-color: #fff6;
}

.cash-allocations.ar-manager-container .cash-context-select input {
  min-height: 0;
  box-shadow: none;
  border: 0;
  outline: 0;
  padding: 0;
}

.cash-allocations.ar-manager-container .cash-allocation-post-date {
  flex: 0 0 180px;
  min-width: 180px;
}

.cash-allocations.ar-manager-container .cash-allocation-clear {
  min-width: auto;
}

.cash-allocations.ar-manager-container .cash-allocation-clear .cash-button {
  height: 40px;
  min-height: 40px;
}

.cash-allocations.ar-manager-container .cash-source-totals {
  gap: var(--space-4);
  margin-inline-start: var(--space-3);
  margin-top: calc(var(--type-row-line) + var(--space-1));
  display: flex;
}

.cash-allocations.ar-manager-container .cash-source-totals .cash-field {
  white-space: nowrap;
  text-align: right;
  min-width: auto;
}

.cash-allocations.ar-manager-container .cash-source-totals strong {
  font-size: var(--type-value);
  font-variant-numeric: tabular-nums slashed-zero;
  font-weight: 500;
  display: block;
}

.cash-allocations.ar-manager-container .cash-balance-transfer {
  align-self: flex-end;
  width: min(100%, 500px);
  margin-left: auto;
  margin-right: 0;
}

.cash-allocations.ar-manager-container .cash-balance-transfer > .cash-toolbar {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}

.cash-allocations.ar-manager-container .cash-balance-transfer > .cash-note {
  text-align: right;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-transfer-destination {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-context-select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-money-input {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 32px;
  padding: var(--space-1) var(--space-2);
  color: var(--color-text);
  background: var(--white);
  border: 1px solid var(--gray-200);
  box-shadow: none;
  font-size: var(--type-value);
  border-radius: 4px;
  font-weight: 500;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-money-input::placeholder {
  font-weight: 400;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-money-input:hover:not(:disabled) {
  border-color: var(--gray-300);
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-money-input:disabled {
  border-color: var(--gray-100);
  opacity: .65;
  cursor: not-allowed;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-money-input:focus, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-money-input:focus-visible {
  border-color: var(--color-primary-700);
  outline-offset: 0;
  box-shadow: none;
  outline: 0;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control {
  border: 1px solid var(--gray-200) !important;
  background: var(--white) !important;
  backdrop-filter: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  outline: none !important;
  transition: border-color .15s !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__value-container, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__placeholder, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__single-value {
  line-height: normal !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__value-container {
  padding: 0 var(--space-2);
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__single-value, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__placeholder {
  font-size: var(--type-value);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__indicators {
  align-items: center;
  height: 100%;
  display: flex;
  background: none !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__indicator {
  padding: 0 var(--space-2);
  align-items: center;
  display: flex;
  background: none !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__dropdown-indicator svg, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__clear-indicator svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__indicator-separator {
  display: none;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control:hover {
  border-color: var(--gray-300) !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control:hover .rs__dropdown-indicator svg, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control:hover .rs__clear-indicator svg {
  fill: var(--color-text);
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control--is-focused, .cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control--menu-is-open {
  border-color: var(--color-primary-700) !important;
  background: var(--white) !important;
  box-shadow: none !important;
  outline: none !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__control--is-disabled {
  opacity: .65;
  background: var(--white) !important;
  border-color: var(--gray-100) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__value-container {
  pointer-events: auto;
  display: grid;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-inline-select .rs__input-container {
  color: var(--color-text);
  cursor: text;
  width: auto;
  height: auto;
  position: relative;
  inset: auto;
}

.cash-allocations.ar-manager-container .cash-balance-transfer .cash-transfer-help {
  margin-top: var(--space-2);
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  width: 100%;
  font-style: italic;
}

.cash-allocations.ar-manager-container .cash-transfer-remaining {
  text-align: right;
  margin: 0;
}

.cash-allocations.ar-manager-container .cash-transfer-remaining strong {
  color: var(--color-text);
  font-size: var(--type-value);
  font-weight: 500;
}

.cash-allocations.ar-manager-container .cash-allocation-search {
  gap: var(--space-3);
  flex-wrap: wrap;
  flex-shrink: 0;
  padding: 0;
}

.cash-allocations.ar-manager-container .cash-allocation-search .ar-manager-header-left {
  gap: var(--space-3);
  flex-wrap: wrap;
  min-width: 0;
}

.cash-allocations.ar-manager-container .cash-allocation-search .search-bar {
  flex: 2;
  min-width: 240px;
}

.cash-allocations.ar-manager-container .cash-allocation-search .cash-context-select .rs__control {
  height: 40px;
  min-height: 40px;
}

.cash-allocations.ar-manager-container .cash-allocation-search .search-bar > div > input {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
}

.cash-allocations.ar-manager-container .cash-allocation-search .cash-identifier-search {
  flex: 1;
  max-width: 280px;
}

.cash-allocations.ar-manager-container .cash-allocation-search .ar-buttons {
  gap: var(--space-1);
  flex-wrap: wrap;
}

.cash-allocations.ar-manager-container .cash-allocation-grid {
  flex: 1;
  min-height: 180px;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .cash-identity {
  font-weight: 500;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .cash-number {
  text-align: right;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .cash-number.ag-cell-value, .cash-allocations.ar-manager-container .cash-allocation-grid .cash-number .ag-cell-value {
  text-align: right;
  justify-content: flex-end;
}

.cash-allocations.ar-manager-container .cash-number.cash-positive-balance {
  font-weight: 500;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .ag-cell[col-id="select"] {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .ag-cell[col-id="select"] .ag-cell-wrapper, .cash-allocations.ar-manager-container .cash-allocation-grid .ag-cell[col-id="select"] .ag-cell-value {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .ag-cell.cash-status-cell, .cash-allocations.ar-manager-container .cash-allocation-grid .cash-status-cell .ag-cell-wrapper, .cash-allocations.ar-manager-container .cash-allocation-grid .cash-status-cell .ag-cell-value {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .ag-cell.cash-expand-cell {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .cash-expand-cell .ag-cell-wrapper, .cash-allocations.ar-manager-container .cash-allocation-grid .cash-expand-cell .ag-cell-value {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-invoice-draft-mark {
  height: 100%;
  color: var(--color-primary-ink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-invoice-status {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  display: flex;
}

.cash-allocations.ar-manager-container .cash-allocation-grid .cash-invoice-status .cash-pill {
  font-size: var(--type-label);
  font-weight: 500;
  line-height: 16px;
}

.cash-allocations.ar-manager-container .cash-expand {
  cursor: pointer;
  min-width: var(--space-8);
  min-height: var(--space-8);
  background: none;
  border: 0;
  padding: 0;
}

.cash-allocations.ar-manager-container .cash-expand > div {
  pointer-events: none;
}

.cash-allocations.ar-manager-container .cash-detail.charge-lines-view {
  cursor: default;
  background: var(--color-background-200);
  padding: var(--space-6) var(--space-4);
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.cash-allocations.ar-manager-container .cash-funding {
  background: var(--white);
  border-radius: var(--space-2);
}

.cash-allocations.ar-manager-container .cash-summary {
  justify-content: flex-end;
  gap: var(--space-4);
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
}

.cash-allocations.ar-manager-container .cash-summary-actions {
  margin-left: 0;
}

.cash-allocations.ar-manager-container .cash-summary-value {
  gap: var(--space-1);
  text-align: right;
  align-items: flex-end;
}

.cash-allocations.ar-manager-container .cash-loading-more {
  padding: 0 var(--space-2);
}

.cash-stage .cash-allocations.ar-manager-container {
  height: clamp(480px, 70vh, 900px);
}

@media (width <= 900px) {
  .cash-field, .cash-field-wide {
    min-width: 140px;
  }

  .cash-summary-actions {
    width: 100%;
    margin-left: 0;
  }

  .cash-funding-total {
    margin-left: 0;
  }

  .cash-modal-overlay {
    padding: var(--space-2);
  }
}

.cash-modal .cash-field > input:not(.rs__input, [type="checkbox"], [type="radio"], [type="search"]), .cash-modal .cash-field > textarea:not([hidden]), .cash-modal .cash-field > select:not([hidden]), .cash-modal .cr-date-control > .cr-date-picker {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  padding: var(--space-2) var(--space-3);
  border: var(--hairline) solid #0000000f;
  font-size: var(--type-value);
  background: #ffffffbf;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px #0000000a;
}

.cash-modal .cash-field > input:not(.rs__input, [type="checkbox"], [type="radio"], [type="search"]):hover, .cash-modal .cash-field > textarea:not([hidden]):hover, .cash-modal .cash-field > select:not([hidden]):hover, .cash-modal .cr-date-control > .cr-date-picker:hover, .cash-modal .cash-field > input:not(.rs__input, [type="checkbox"], [type="radio"], [type="search"]):focus-within, .cash-modal .cash-field > textarea:not([hidden]):focus-within, .cash-modal .cash-field > select:not([hidden]):focus-within, .cash-modal .cr-date-control > .cr-date-picker:focus-within {
  border-color: var(--color-primary-700);
}

.cash-modal .cash-field > input:focus-visible:not(.rs__input, [type="checkbox"], [type="radio"], [type="search"], .ant-picker-input > input, :where(.ant-select input)), .cash-modal input:focus-visible:not(.rs__input, [type="checkbox"], [type="radio"], [type="search"], .ant-picker-input > input, :where(.ant-select input)), .cash-modal select:focus-visible:not([hidden]), .cash-modal .cash-field > textarea:focus-visible:not([hidden]) {
  outline-offset: 0;
  border-color: var(--color-primary-700);
  outline: none;
}

.cash-modal .cr-date-control > .cr-date-picker .ant-picker-input > input {
  min-height: 0;
  font-size: var(--type-value);
  background: none;
  border: 0;
  border-radius: 0;
  outline: none;
  padding: 0;
}

.cash-modal .cash-field > input:read-only, .cash-modal .cash-field > input:disabled, .cash-modal .cash-field > textarea:disabled, .cash-modal .cr-date-picker.ant-picker-disabled {
  background: var(--color-background-400);
}

.cash-modal .cash-adjustment-table {
  table-layout: fixed;
  min-width: 820px;
}

.cash-modal .cash-adjustment-table .cash-adjustment-type-column {
  width: 18%;
}

.cash-modal .cash-adjustment-table .cash-adjustment-subtype-column {
  width: 29%;
}

.cash-modal .cash-adjustment-table .cash-adjustment-amount-column {
  width: 15%;
}

.cash-modal .cash-adjustment-table .cash-adjustment-reason-column {
  width: 27%;
}

.cash-modal .cash-adjustment-table .cash-adjustment-action-column {
  width: 11%;
}

.cash-modal .cash-adjustment-table .cash-adjustment-select {
  width: 100%;
  min-width: 0;
}

.cash-modal .cash-adjustment-table .cash-adjustment-select .rs__control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.cash-modal .cash-adjustment-table .cash-adjustment-select.is-invalid .rs__control, .cash-modal .cash-adjustment-table .cash-adjustment-select.is-invalid .rs__control--is-focused {
  border-color: var(--color-error-ink) !important;
}

.cash-modal .cash-adjustment-table input.cash-adjustment-input {
  box-sizing: border-box;
  text-align: left;
  width: 100%;
  min-width: 0;
}

.cash-modal .cash-adjustment-table .cash-link.cash-adjustment-remove {
  color: var(--color-error-ink);
}

.cash-allocations .cash-allocation-grid .ag-cell span.cash-draft-amount, .cash-allocations .cash-charge-table span.cash-draft-amount {
  font-weight: 400;
}

.cash-allocations .cash-allocation-grid .ag-cell span.cash-draft-amount.is-positive, .cash-allocations .cash-charge-table span.cash-draft-amount.is-positive {
  font-weight: 500;
}

.cash-charge-header, .cash-charge-actions {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.cash-charge-header {
  justify-content: space-between;
  align-items: flex-end;
}

.cash-charge-header > .cash-paid-in-full {
  margin-right: var(--space-1);
}

.cash-charge-header .cash-charge-heading {
  gap: var(--space-1);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.cash-charge-header h4 {
  margin: 0;
}

.cash-link.cash-paid-in-full {
  color: var(--color-success-ink);
  font-size: var(--type-label);
  white-space: nowrap;
  font-weight: 500;
}

.cash-link.cash-paid-in-full > i {
  font-size: inherit;
}

.cash-charge-actions > .cash-link > i, .cash-charge-header > .cash-paid-in-full > i {
  transform: translateY(var(--hairline));
}

.cash-allocations .cash-charge-table .cash-link.cash-charge-adjustments {
  color: var(--color-primary-ink);
  opacity: 1;
}

.cash-allocations .cash-charge-table .cash-charge-item, .cash-allocations .cash-charge-table input.cash-money-input {
  font-weight: 500;
}

.cash-allocations .cash-charge-table .cash-charge-item-column {
  width: 240px;
}

.cash-allocations .cash-charge-table .cash-charge-compact-column {
  width: 1%;
}

.cash-allocations .cash-charge-table .cash-link {
  white-space: nowrap;
}

.cash-workspace .ant-select input, .cash-modal .ant-select input {
  border-radius: 0;
  height: auto !important;
  min-height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
}

.cash-allocations .cash-allocation-search .ar-buttons {
  gap: var(--space-2);
}

.cash-allocations .cash-allocation-search .ar-buttons .grid-checkbox-filter, .cash-allocations .cash-allocation-search .ar-buttons .ant-checkbox-wrapper {
  margin: 0;
}

.cash-allocations .cash-draft-transactions {
  box-sizing: border-box;
  min-height: 0;
  max-height: 25vh;
  padding: var(--space-3);
  background: var(--white);
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  flex-direction: column;
  flex: none;
  display: flex;
  overflow: hidden;
}

.cash-allocations .cash-draft-transactions > h4, .cash-allocations .cash-draft-transactions > .cash-note {
  flex-shrink: 0;
}

.cash-allocations .cash-draft-transactions > h4 {
  margin: 0;
}

.cash-allocations .cash-draft-transactions .cash-draft-transactions-toggle {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  box-shadow: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
}

.cash-allocations .cash-draft-transactions .cash-draft-transactions-toggle:focus-visible {
  outline: var(--hairline) solid var(--color-secondary);
  outline-offset: var(--space-1);
}

.cash-allocations .cash-draft-transactions .cash-note {
  margin: var(--space-1) 0;
}

.cash-allocations .cash-draft-transactions-scroll {
  border: 1px solid var(--gray-100);
  background: var(--white);
  border-radius: 4px;
  flex: 0 auto;
  min-height: 0;
  overflow: auto;
}

.cash-allocations .cash-detail h4 {
  font-weight: 500;
}

.cash-modal .cr-origin-tables {
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  height: 280px;
  margin-top: var(--space-2);
  overflow: auto;
}

.cash-modal .cr-origin-tables input[type="checkbox"] {
  width: auto;
}

.cash-modal .cr-liability-modal:has(.cr-origin-tables) {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.cash-modal .cr-liability-modal:has(.cr-origin-tables) > * {
  flex-shrink: 0;
}

.cash-modal .cr-liability-modal:has(.cr-origin-tables) > form, .cash-modal .cr-liability-modal:has(.cr-origin-tables) .cr-origins {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.cash-modal .cr-liability-modal:has(.cr-origin-tables) .cr-origins {
  margin-bottom: 0;
}

.cash-modal .cr-liability-modal:has(.cr-origin-tables) .cr-origins > :not(.cr-origin-tables) {
  flex-shrink: 0;
}

.cash-modal .cr-liability-modal:has(.cr-origin-tables) .cr-origin-tables {
  flex: 1;
  height: auto;
  min-height: 200px;
}

.cash-modal .cr-origin-tables .cr-origin-select {
  white-space: nowrap;
  text-align: center;
  width: 1%;
}

.cash-modal .cash-recoup-results input[type="checkbox"] {
  width: auto;
  margin: 0;
}

.cash-allocations .cash-invoice-ledger-section {
  flex: 0 auto;
  width: max-content;
  min-width: 0;
  max-width: 100%;
}

.cash-allocations .cash-invoice-ledger-section:not(:has(.cash-table)) {
  width: min(100%, 360px);
  min-width: 0;
}

.cash-allocations .cash-invoice-ledger-section:not(:has(.cash-table)) .cash-invoice-ledger-header {
  margin-bottom: 0;
}

.cash-allocations .cash-invoice-ledger-section .cash-invoice-ledger-header, .cash-allocations .cash-invoice-ledger-section .cash-invoice-ledger-actions {
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}

.cash-allocations .cash-invoice-ledger-section .cash-invoice-ledger-header {
  margin-bottom: var(--space-2);
  justify-content: space-between;
}

.cash-allocations .cash-invoice-ledger-section .cash-invoice-ledger-header h4 {
  margin: 0;
}

.cash-allocations .cash-invoice-ledger-section .cash-invoice-ledger-actions {
  justify-content: flex-end;
  margin-left: auto;
}

.cash-allocations .cash-invoice-ledger-section th, .cash-allocations .cash-invoice-ledger-section td {
  white-space: nowrap;
}

.cash-allocations .cash-invoice-ledger-section td {
  background: var(--white);
}

.cash-allocations .cash-invoice-ledger-section .cash-ledger-status {
  text-align: center;
}

.cash-allocations .cash-invoice-ledger-section input.cash-money-input {
  font-weight: 500;
}

.cash-allocations .cash-invoice-ledger-section .cash-ledger-reason {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 120px;
  max-width: 240px;
}

.cash-allocations.ar-manager-container .cash-allocation-post-date .cr-date-picker, .era-posting-workflow .cash-allocation-post-date .cr-date-picker {
  width: 100%;
  height: 40px;
  padding: var(--space-2) var(--space-3);
  border: var(--hairline) solid #0000001a;
  background: #ffffffd1;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px #0000000f;
}

.cash-allocations.ar-manager-container .cash-allocation-post-date .cr-date-picker:focus-within:not(.ant-picker-disabled), .era-posting-workflow .cash-allocation-post-date .cr-date-picker:focus-within:not(.ant-picker-disabled) {
  border-color: var(--color-primary-600);
  background: #fffffff5;
  box-shadow: inset 0 1px 2px #0000000f;
}

.cash-allocations.ar-manager-container .cash-allocation-post-date .ant-picker-input > input, .era-posting-workflow .cash-allocation-post-date .ant-picker-input > input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
}

.cash-workspace .cash-table input:not([type="checkbox"], [type="radio"]), .cash-workspace .cash-table textarea, .cash-modal .cash-table input:not([type="checkbox"], [type="radio"]), .cash-modal .cash-table textarea {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 32px;
  padding: var(--space-1) var(--space-2);
  color: var(--color-text);
  background: var(--white);
  border: 1px solid var(--gray-200);
  box-shadow: none;
  font-size: var(--type-value);
  border-radius: 4px;
  font-weight: 500;
}

.cash-workspace .cash-table input:not([type="checkbox"], [type="radio"])::placeholder, .cash-workspace .cash-table textarea::placeholder, .cash-modal .cash-table input:not([type="checkbox"], [type="radio"])::placeholder, .cash-modal .cash-table textarea::placeholder {
  font-weight: 400;
}

.cash-workspace .cash-table input:not([type="checkbox"], [type="radio"]):hover:not(:disabled), .cash-workspace .cash-table textarea:hover:not(:disabled), .cash-modal .cash-table input:not([type="checkbox"], [type="radio"]):hover:not(:disabled), .cash-modal .cash-table textarea:hover:not(:disabled) {
  border-color: var(--gray-300);
}

.cash-workspace .cash-table input:not([type="checkbox"], [type="radio"]):disabled, .cash-workspace .cash-table textarea:disabled, .cash-modal .cash-table input:not([type="checkbox"], [type="radio"]):disabled, .cash-modal .cash-table textarea:disabled {
  border-color: var(--gray-100);
  opacity: .65;
  cursor: not-allowed;
}

.cash-workspace .cash-table input:not([type="checkbox"], [type="radio"]):focus, .cash-workspace .cash-table input:not([type="checkbox"], [type="radio"]):focus-visible, .cash-workspace .cash-table textarea:focus, .cash-workspace .cash-table textarea:focus-visible, .cash-modal .cash-table input:not([type="checkbox"], [type="radio"]):focus, .cash-modal .cash-table input:not([type="checkbox"], [type="radio"]):focus-visible, .cash-modal .cash-table textarea:focus, .cash-modal .cash-table textarea:focus-visible {
  border-color: var(--color-primary-700);
  outline-offset: 0;
  box-shadow: none;
  outline: 0;
}

.cash-workspace .cash-table .cash-inline-select .rs__control, .cash-workspace .cash-table .cash-adjustment-select .rs__control, .cash-modal .cash-table .cash-inline-select .rs__control, .cash-modal .cash-table .cash-adjustment-select .rs__control {
  border: 1px solid var(--gray-200) !important;
  background: var(--white) !important;
  backdrop-filter: none !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  outline: none !important;
  transition: border-color .15s !important;
}

.cash-workspace .cash-table .cash-inline-select .rs__control, .cash-workspace .cash-table .cash-adjustment-select .rs__control, .cash-modal .cash-table .cash-inline-select .rs__control, .cash-modal .cash-table .cash-adjustment-select .rs__control, .cash-workspace .cash-table .cash-inline-select .rs__value-container, .cash-workspace .cash-table .cash-adjustment-select .rs__value-container, .cash-modal .cash-table .cash-inline-select .rs__value-container, .cash-modal .cash-table .cash-adjustment-select .rs__value-container, .cash-workspace .cash-table .cash-inline-select .rs__placeholder, .cash-workspace .cash-table .cash-adjustment-select .rs__placeholder, .cash-modal .cash-table .cash-inline-select .rs__placeholder, .cash-modal .cash-table .cash-adjustment-select .rs__placeholder, .cash-workspace .cash-table .cash-inline-select .rs__single-value, .cash-workspace .cash-table .cash-adjustment-select .rs__single-value, .cash-modal .cash-table .cash-inline-select .rs__single-value, .cash-modal .cash-table .cash-adjustment-select .rs__single-value {
  line-height: normal !important;
}

.cash-workspace .cash-table .cash-inline-select .rs__value-container, .cash-workspace .cash-table .cash-adjustment-select .rs__value-container, .cash-modal .cash-table .cash-inline-select .rs__value-container, .cash-modal .cash-table .cash-adjustment-select .rs__value-container {
  padding: 0 var(--space-2);
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  min-width: 0;
  display: flex;
}

.cash-workspace .cash-table .cash-inline-select .rs__single-value, .cash-workspace .cash-table .cash-adjustment-select .rs__single-value, .cash-modal .cash-table .cash-inline-select .rs__single-value, .cash-modal .cash-table .cash-adjustment-select .rs__single-value, .cash-workspace .cash-table .cash-inline-select .rs__placeholder, .cash-workspace .cash-table .cash-adjustment-select .rs__placeholder, .cash-modal .cash-table .cash-inline-select .rs__placeholder, .cash-modal .cash-table .cash-adjustment-select .rs__placeholder {
  font-size: var(--type-value);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
}

.cash-workspace .cash-table .cash-inline-select .rs__indicators, .cash-workspace .cash-table .cash-adjustment-select .rs__indicators, .cash-modal .cash-table .cash-inline-select .rs__indicators, .cash-modal .cash-table .cash-adjustment-select .rs__indicators {
  align-items: center;
  height: 100%;
  display: flex;
  background: none !important;
}

.cash-workspace .cash-table .cash-inline-select .rs__indicator, .cash-workspace .cash-table .cash-adjustment-select .rs__indicator, .cash-modal .cash-table .cash-inline-select .rs__indicator, .cash-modal .cash-table .cash-adjustment-select .rs__indicator {
  padding: 0 var(--space-2);
  align-items: center;
  display: flex;
  background: none !important;
}

.cash-workspace .cash-table .cash-inline-select .rs__dropdown-indicator svg, .cash-workspace .cash-table .cash-adjustment-select .rs__dropdown-indicator svg, .cash-modal .cash-table .cash-inline-select .rs__dropdown-indicator svg, .cash-modal .cash-table .cash-adjustment-select .rs__dropdown-indicator svg, .cash-workspace .cash-table .cash-inline-select .rs__clear-indicator svg, .cash-workspace .cash-table .cash-adjustment-select .rs__clear-indicator svg, .cash-modal .cash-table .cash-inline-select .rs__clear-indicator svg, .cash-modal .cash-table .cash-adjustment-select .rs__clear-indicator svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
}

.cash-workspace .cash-table .cash-inline-select .rs__indicator-separator, .cash-workspace .cash-table .cash-adjustment-select .rs__indicator-separator, .cash-modal .cash-table .cash-inline-select .rs__indicator-separator, .cash-modal .cash-table .cash-adjustment-select .rs__indicator-separator {
  display: none;
}

.cash-workspace .cash-table .cash-inline-select .rs__control:hover, .cash-workspace .cash-table .cash-adjustment-select .rs__control:hover, .cash-modal .cash-table .cash-inline-select .rs__control:hover, .cash-modal .cash-table .cash-adjustment-select .rs__control:hover {
  border-color: var(--gray-300) !important;
}

.cash-workspace .cash-table .cash-inline-select .rs__control:hover .rs__dropdown-indicator svg, .cash-workspace .cash-table .cash-adjustment-select .rs__control:hover .rs__dropdown-indicator svg, .cash-modal .cash-table .cash-inline-select .rs__control:hover .rs__dropdown-indicator svg, .cash-modal .cash-table .cash-adjustment-select .rs__control:hover .rs__dropdown-indicator svg, .cash-workspace .cash-table .cash-inline-select .rs__control:hover .rs__clear-indicator svg, .cash-workspace .cash-table .cash-adjustment-select .rs__control:hover .rs__clear-indicator svg, .cash-modal .cash-table .cash-inline-select .rs__control:hover .rs__clear-indicator svg, .cash-modal .cash-table .cash-adjustment-select .rs__control:hover .rs__clear-indicator svg {
  fill: var(--color-text);
}

.cash-workspace .cash-table .cash-inline-select .rs__control--is-focused, .cash-workspace .cash-table .cash-adjustment-select .rs__control--is-focused, .cash-modal .cash-table .cash-inline-select .rs__control--is-focused, .cash-modal .cash-table .cash-adjustment-select .rs__control--is-focused, .cash-workspace .cash-table .cash-inline-select .rs__control--menu-is-open, .cash-workspace .cash-table .cash-adjustment-select .rs__control--menu-is-open, .cash-modal .cash-table .cash-inline-select .rs__control--menu-is-open, .cash-modal .cash-table .cash-adjustment-select .rs__control--menu-is-open {
  border-color: var(--color-primary-700) !important;
  background: var(--white) !important;
  box-shadow: none !important;
  outline: none !important;
}

.cash-workspace .cash-table .cash-inline-select .rs__control--is-disabled, .cash-workspace .cash-table .cash-adjustment-select .rs__control--is-disabled, .cash-modal .cash-table .cash-inline-select .rs__control--is-disabled, .cash-modal .cash-table .cash-adjustment-select .rs__control--is-disabled {
  opacity: .65;
  background: var(--white) !important;
  border-color: var(--gray-100) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

.cash-workspace .cash-table .cash-context-select input, .cash-workspace .cash-table .cash-adjustment-select input, .cash-modal .cash-table .cash-context-select input, .cash-modal .cash-table .cash-adjustment-select input {
  height: auto;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.cash-workspace .cash-table .cash-context-select input:focus, .cash-workspace .cash-table .cash-context-select input:focus-visible, .cash-workspace .cash-table .cash-adjustment-select input:focus, .cash-workspace .cash-table .cash-adjustment-select input:focus-visible, .cash-modal .cash-table .cash-context-select input:focus, .cash-modal .cash-table .cash-context-select input:focus-visible, .cash-modal .cash-table .cash-adjustment-select input:focus, .cash-modal .cash-table .cash-adjustment-select input:focus-visible {
  outline-offset: 0;
  box-shadow: none;
  border: 0;
  outline: 0;
}

.cash-workspace .cash-table .cash-adjustment-select input, .cash-modal .cash-table .cash-adjustment-select input {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
  transform: none;
}

.cash-period-closed {
  font-size: var(--type-label);
  color: var(--color-error-ink);
  white-space: nowrap;
  font-weight: 500;
}

.cash-receipts, .cash-receipt-modal {
  color: var(--color-text);
  font-size: var(--type-value);
  line-height: var(--type-row-line);
  font-weight: 400;
}

.cash-receipts h3, .cash-receipt-modal h3 {
  font-size: var(--type-value);
  margin: 0 0 var(--space-2);
  font-weight: 500;
}

.cash-receipts p:not(.status-cell > p), .cash-receipt-modal p:not(.status-cell > p) {
  margin: 0 0 var(--space-3);
}

.cash-receipts strong, .cash-receipt-modal strong {
  font-weight: 500;
}

.cash-receipts small, .cash-receipt-modal small, .cash-receipts .cr-muted, .cash-receipt-modal .cr-muted {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  display: block;
}

.cash-receipts small, .cash-receipt-modal small {
  margin-top: var(--space-1);
}

.cash-receipts input, .cash-receipt-modal input, .cash-receipts select, .cash-receipt-modal select, .cash-receipts textarea, .cash-receipt-modal textarea, .cash-receipts button, .cash-receipt-modal button {
  font: inherit;
}

.cash-receipts .cash-field input:not(.rs__input, .ant-picker-input > input, :where([type="search"])), .cash-receipt-modal .cash-field input:not(.rs__input, .ant-picker-input > input, :where([type="search"])), .cash-receipts .cash-field select, .cash-receipt-modal .cash-field select, .cash-receipts .cash-field textarea, .cash-receipt-modal .cash-field textarea, .cash-receipts .cr-amount-input, .cash-receipt-modal .cr-amount-input {
  color: var(--color-text);
  max-width: 100%;
}

.cash-receipts input[type="checkbox"], .cash-receipt-modal input[type="checkbox"] {
  min-height: auto;
  accent-color: var(--color-primary);
  margin: 0;
}

.cash-receipts input:focus-visible:not(.rs__input, .ant-picker-input > input, :where([type="search"])), .cash-receipt-modal input:focus-visible:not(.rs__input, .ant-picker-input > input, :where([type="search"])), .cash-receipts select:focus-visible, .cash-receipt-modal select:focus-visible, .cash-receipts textarea:focus-visible, .cash-receipt-modal textarea:focus-visible, .cash-receipts button:focus-visible, .cash-receipt-modal button:focus-visible {
  outline: var(--nudge-2) solid var(--color-primary-700);
  outline-offset: var(--nudge-2);
}

.cash-receipts button:disabled, .cash-receipt-modal button:disabled, .cash-receipts input:disabled, .cash-receipt-modal input:disabled, .cash-receipts select:disabled, .cash-receipt-modal select:disabled, .cash-receipts textarea:disabled, .cash-receipt-modal textarea:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.cash-receipts fieldset, .cash-receipt-modal fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.cash-receipts .cash-field, .cash-receipt-modal .cash-field {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.cash-receipts .cash-field input, .cash-receipt-modal .cash-field input, .cash-receipts .cash-field select, .cash-receipt-modal .cash-field select, .cash-receipts .cash-field textarea, .cash-receipt-modal .cash-field textarea {
  font-size: var(--type-control);
}

.cash-receipts .cash-button, .cash-receipt-modal .cash-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  min-height: 36px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-receipts .cash-button i, .cash-receipt-modal .cash-button i, .cash-receipts .cash-button .icon, .cash-receipt-modal .cash-button .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-receipts .cash-button.disabled, .cash-receipt-modal .cash-button.disabled, .cash-receipts .cash-button[disabled], .cash-receipt-modal .cash-button[disabled], .cash-receipts .cash-button[aria-disabled="true"], .cash-receipt-modal .cash-button[aria-disabled="true"], .cash-receipts .cash-button:disabled, .cash-receipt-modal .cash-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.cash-receipts .cash-button.disabled i, .cash-receipt-modal .cash-button.disabled i, .cash-receipts .cash-button[disabled] i, .cash-receipt-modal .cash-button[disabled] i, .cash-receipts .cash-button[aria-disabled="true"] i, .cash-receipt-modal .cash-button[aria-disabled="true"] i, .cash-receipts .cash-button:disabled i, .cash-receipt-modal .cash-button:disabled i, .cash-receipts .cash-button.disabled .icon, .cash-receipt-modal .cash-button.disabled .icon, .cash-receipts .cash-button[disabled] .icon, .cash-receipt-modal .cash-button[disabled] .icon, .cash-receipts .cash-button[aria-disabled="true"] .icon, .cash-receipt-modal .cash-button[aria-disabled="true"] .icon, .cash-receipts .cash-button:disabled .icon, .cash-receipt-modal .cash-button:disabled .icon, .cash-receipts .cash-button.disabled svg, .cash-receipt-modal .cash-button.disabled svg, .cash-receipts .cash-button[disabled] svg, .cash-receipt-modal .cash-button[disabled] svg, .cash-receipts .cash-button[aria-disabled="true"] svg, .cash-receipt-modal .cash-button[aria-disabled="true"] svg, .cash-receipts .cash-button:disabled svg, .cash-receipt-modal .cash-button:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.cash-receipts .cash-button.disabled svg *, .cash-receipt-modal .cash-button.disabled svg *, .cash-receipts .cash-button[disabled] svg *, .cash-receipt-modal .cash-button[disabled] svg *, .cash-receipts .cash-button[aria-disabled="true"] svg *, .cash-receipt-modal .cash-button[aria-disabled="true"] svg *, .cash-receipts .cash-button:disabled svg *, .cash-receipt-modal .cash-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-receipts .cash-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.cash-receipts .cash-button:focus-visible, .cash-receipt-modal .cash-button:focus-visible {
  box-shadow: none;
}

.cash-receipts .cash-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-receipts .cash-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-receipts .cash-button.cr-primary, .cash-receipt-modal .cash-button.cr-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-receipts .cash-button.cr-primary i, .cash-receipt-modal .cash-button.cr-primary i, .cash-receipts .cash-button.cr-primary .icon, .cash-receipt-modal .cash-button.cr-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-receipts .cash-button.cr-primary.disabled, .cash-receipt-modal .cash-button.cr-primary.disabled, .cash-receipts .cash-button.cr-primary[disabled], .cash-receipt-modal .cash-button.cr-primary[disabled], .cash-receipts .cash-button.cr-primary[aria-disabled="true"], .cash-receipt-modal .cash-button.cr-primary[aria-disabled="true"], .cash-receipts .cash-button.cr-primary:disabled, .cash-receipt-modal .cash-button.cr-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.cash-receipts .cash-button.cr-primary.disabled i, .cash-receipt-modal .cash-button.cr-primary.disabled i, .cash-receipts .cash-button.cr-primary[disabled] i, .cash-receipt-modal .cash-button.cr-primary[disabled] i, .cash-receipts .cash-button.cr-primary[aria-disabled="true"] i, .cash-receipt-modal .cash-button.cr-primary[aria-disabled="true"] i, .cash-receipts .cash-button.cr-primary:disabled i, .cash-receipt-modal .cash-button.cr-primary:disabled i, .cash-receipts .cash-button.cr-primary.disabled .icon, .cash-receipt-modal .cash-button.cr-primary.disabled .icon, .cash-receipts .cash-button.cr-primary[disabled] .icon, .cash-receipt-modal .cash-button.cr-primary[disabled] .icon, .cash-receipts .cash-button.cr-primary[aria-disabled="true"] .icon, .cash-receipt-modal .cash-button.cr-primary[aria-disabled="true"] .icon, .cash-receipts .cash-button.cr-primary:disabled .icon, .cash-receipt-modal .cash-button.cr-primary:disabled .icon, .cash-receipts .cash-button.cr-primary.disabled svg, .cash-receipt-modal .cash-button.cr-primary.disabled svg, .cash-receipts .cash-button.cr-primary[disabled] svg, .cash-receipt-modal .cash-button.cr-primary[disabled] svg, .cash-receipts .cash-button.cr-primary[aria-disabled="true"] svg, .cash-receipt-modal .cash-button.cr-primary[aria-disabled="true"] svg, .cash-receipts .cash-button.cr-primary:disabled svg, .cash-receipt-modal .cash-button.cr-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-receipts .cash-button.cr-primary.disabled svg *, .cash-receipt-modal .cash-button.cr-primary.disabled svg *, .cash-receipts .cash-button.cr-primary[disabled] svg *, .cash-receipt-modal .cash-button.cr-primary[disabled] svg *, .cash-receipts .cash-button.cr-primary[aria-disabled="true"] svg *, .cash-receipt-modal .cash-button.cr-primary[aria-disabled="true"] svg *, .cash-receipts .cash-button.cr-primary:disabled svg *, .cash-receipt-modal .cash-button.cr-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-receipts .cash-button.cr-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-receipts .cash-button.cr-primary:focus-visible, .cash-receipt-modal .cash-button.cr-primary:focus-visible {
  box-shadow: none;
}

.cash-receipts .cash-button.cr-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-receipts .cash-button.cr-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-receipts .cash-button.cr-danger, .cash-receipt-modal .cash-button.cr-danger {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-receipts .cash-button.cr-danger i, .cash-receipt-modal .cash-button.cr-danger i, .cash-receipts .cash-button.cr-danger .icon, .cash-receipt-modal .cash-button.cr-danger .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-receipts .cash-button.cr-danger.disabled, .cash-receipt-modal .cash-button.cr-danger.disabled, .cash-receipts .cash-button.cr-danger[disabled], .cash-receipt-modal .cash-button.cr-danger[disabled], .cash-receipts .cash-button.cr-danger[aria-disabled="true"], .cash-receipt-modal .cash-button.cr-danger[aria-disabled="true"], .cash-receipts .cash-button.cr-danger:disabled, .cash-receipt-modal .cash-button.cr-danger:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.cash-receipts .cash-button.cr-danger.disabled i, .cash-receipt-modal .cash-button.cr-danger.disabled i, .cash-receipts .cash-button.cr-danger[disabled] i, .cash-receipt-modal .cash-button.cr-danger[disabled] i, .cash-receipts .cash-button.cr-danger[aria-disabled="true"] i, .cash-receipt-modal .cash-button.cr-danger[aria-disabled="true"] i, .cash-receipts .cash-button.cr-danger:disabled i, .cash-receipt-modal .cash-button.cr-danger:disabled i, .cash-receipts .cash-button.cr-danger.disabled .icon, .cash-receipt-modal .cash-button.cr-danger.disabled .icon, .cash-receipts .cash-button.cr-danger[disabled] .icon, .cash-receipt-modal .cash-button.cr-danger[disabled] .icon, .cash-receipts .cash-button.cr-danger[aria-disabled="true"] .icon, .cash-receipt-modal .cash-button.cr-danger[aria-disabled="true"] .icon, .cash-receipts .cash-button.cr-danger:disabled .icon, .cash-receipt-modal .cash-button.cr-danger:disabled .icon, .cash-receipts .cash-button.cr-danger.disabled svg, .cash-receipt-modal .cash-button.cr-danger.disabled svg, .cash-receipts .cash-button.cr-danger[disabled] svg, .cash-receipt-modal .cash-button.cr-danger[disabled] svg, .cash-receipts .cash-button.cr-danger[aria-disabled="true"] svg, .cash-receipt-modal .cash-button.cr-danger[aria-disabled="true"] svg, .cash-receipts .cash-button.cr-danger:disabled svg, .cash-receipt-modal .cash-button.cr-danger:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-receipts .cash-button.cr-danger.disabled svg *, .cash-receipt-modal .cash-button.cr-danger.disabled svg *, .cash-receipts .cash-button.cr-danger[disabled] svg *, .cash-receipt-modal .cash-button.cr-danger[disabled] svg *, .cash-receipts .cash-button.cr-danger[aria-disabled="true"] svg *, .cash-receipt-modal .cash-button.cr-danger[aria-disabled="true"] svg *, .cash-receipts .cash-button.cr-danger:disabled svg *, .cash-receipt-modal .cash-button.cr-danger:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-receipts .cash-button.cr-danger:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-danger:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-receipts .cash-button.cr-danger:focus-visible, .cash-receipt-modal .cash-button.cr-danger:focus-visible {
  box-shadow: none;
}

.cash-receipts .cash-button.cr-danger:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-danger:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-receipts .cash-button.cr-danger:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-danger:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-receipts .cash-button.cr-success, .cash-receipt-modal .cash-button.cr-success {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.cash-receipts .cash-button.cr-success i, .cash-receipt-modal .cash-button.cr-success i, .cash-receipts .cash-button.cr-success .icon, .cash-receipt-modal .cash-button.cr-success .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.cash-receipts .cash-button.cr-success.disabled, .cash-receipt-modal .cash-button.cr-success.disabled, .cash-receipts .cash-button.cr-success[disabled], .cash-receipt-modal .cash-button.cr-success[disabled], .cash-receipts .cash-button.cr-success[aria-disabled="true"], .cash-receipt-modal .cash-button.cr-success[aria-disabled="true"], .cash-receipts .cash-button.cr-success:disabled, .cash-receipt-modal .cash-button.cr-success:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.cash-receipts .cash-button.cr-success.disabled i, .cash-receipt-modal .cash-button.cr-success.disabled i, .cash-receipts .cash-button.cr-success[disabled] i, .cash-receipt-modal .cash-button.cr-success[disabled] i, .cash-receipts .cash-button.cr-success[aria-disabled="true"] i, .cash-receipt-modal .cash-button.cr-success[aria-disabled="true"] i, .cash-receipts .cash-button.cr-success:disabled i, .cash-receipt-modal .cash-button.cr-success:disabled i, .cash-receipts .cash-button.cr-success.disabled .icon, .cash-receipt-modal .cash-button.cr-success.disabled .icon, .cash-receipts .cash-button.cr-success[disabled] .icon, .cash-receipt-modal .cash-button.cr-success[disabled] .icon, .cash-receipts .cash-button.cr-success[aria-disabled="true"] .icon, .cash-receipt-modal .cash-button.cr-success[aria-disabled="true"] .icon, .cash-receipts .cash-button.cr-success:disabled .icon, .cash-receipt-modal .cash-button.cr-success:disabled .icon, .cash-receipts .cash-button.cr-success.disabled svg, .cash-receipt-modal .cash-button.cr-success.disabled svg, .cash-receipts .cash-button.cr-success[disabled] svg, .cash-receipt-modal .cash-button.cr-success[disabled] svg, .cash-receipts .cash-button.cr-success[aria-disabled="true"] svg, .cash-receipt-modal .cash-button.cr-success[aria-disabled="true"] svg, .cash-receipts .cash-button.cr-success:disabled svg, .cash-receipt-modal .cash-button.cr-success:disabled svg {
  color: #fff;
  font-weight: 300;
}

.cash-receipts .cash-button.cr-success.disabled svg *, .cash-receipt-modal .cash-button.cr-success.disabled svg *, .cash-receipts .cash-button.cr-success[disabled] svg *, .cash-receipt-modal .cash-button.cr-success[disabled] svg *, .cash-receipts .cash-button.cr-success[aria-disabled="true"] svg *, .cash-receipt-modal .cash-button.cr-success[aria-disabled="true"] svg *, .cash-receipts .cash-button.cr-success:disabled svg *, .cash-receipt-modal .cash-button.cr-success:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.cash-receipts .cash-button.cr-success:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-success:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.cash-receipts .cash-button.cr-success:focus-visible, .cash-receipt-modal .cash-button.cr-success:focus-visible {
  box-shadow: none;
}

.cash-receipts .cash-button.cr-success:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-success:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.cash-receipts .cash-button.cr-success:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .cash-receipt-modal .cash-button.cr-success:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cash-receipts .cr-link, .cash-receipt-modal .cr-link {
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: inline-flex;
}

.cash-receipts .cr-link:hover:not(:disabled):not(:has( > i)), .cash-receipt-modal .cr-link:hover:not(:disabled):not(:has( > i)), .cash-receipts .cr-link:hover:not(:disabled) > .cash-action-label, .cash-receipt-modal .cr-link:hover:not(:disabled) > .cash-action-label {
  text-decoration: underline;
}

.cash-receipts .cr-link.cr-record-link, .cash-receipt-modal .cr-link.cr-record-link {
  font-weight: 400;
  text-decoration: underline;
}

.cash-receipts .cr-link.cr-danger, .cash-receipt-modal .cr-link.cr-danger {
  color: var(--color-error-ink);
}

.cash-receipts .cr-table button.cr-link:has( > i):not([aria-expanded]), .cash-receipt-modal .cr-table button.cr-link:has( > i):not([aria-expanded]) {
  font-size: var(--type-label);
  font-weight: 500;
}

.cash-receipts .cr-table button.cr-link:has( > i):not([aria-expanded]) > i, .cash-receipt-modal .cr-table button.cr-link:has( > i):not([aria-expanded]) > i {
  font-size: inherit;
}

.cash-receipts .ag-cell.cr-positive-available, .cash-receipt-modal .ag-cell.cr-positive-available {
  font-weight: 500;
}

.cash-receipts .ag-cell.cr-positive-liability, .cash-receipt-modal .ag-cell.cr-positive-liability {
  color: var(--color-error-ink);
}

.cash-receipts .cr-icon-button, .cash-receipt-modal .cr-icon-button {
  padding: var(--space-1);
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
}

.cash-receipts .cr-actions, .cash-receipt-modal .cr-actions {
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.cash-receipts .cr-table .cr-liability-actions, .cash-receipt-modal .cr-table .cr-liability-actions {
  gap: var(--space-2);
  flex-wrap: nowrap;
  display: inline-flex;
}

.cash-receipts .cr-liability-row, .cash-receipt-modal .cr-liability-row, .cash-receipts .cr-activity-row, .cash-receipt-modal .cr-activity-row {
  cursor: pointer;
}

.cash-receipts .cr-liability-row.is-expanded > td, .cash-receipt-modal .cr-liability-row.is-expanded > td, .cash-receipts .cr-activity-row.is-expanded > td, .cash-receipt-modal .cr-activity-row.is-expanded > td {
  background: var(--grid-selected-row-background);
  box-shadow: inset 0 var(--hairline) 0 var(--color-primary-700);
  border-bottom-color: var(--color-primary-700);
}

.cash-receipts .cr-table .cr-liability-toggle, .cash-receipt-modal .cr-table .cr-liability-toggle, .cash-receipts .cr-table .cr-activity-toggle, .cash-receipt-modal .cr-table .cr-activity-toggle {
  min-width: var(--space-8);
  text-align: center;
}

.cash-receipts .cr-table .cr-liability-toggle .cr-link, .cash-receipt-modal .cr-table .cr-liability-toggle .cr-link, .cash-receipts .cr-table .cr-activity-toggle .cr-link, .cash-receipt-modal .cr-table .cr-activity-toggle .cr-link {
  padding: var(--space-1);
}

.cash-receipts .cr-liability-invoices .cr-table th, .cash-receipt-modal .cr-liability-invoices .cr-table th {
  white-space: nowrap;
}

.cash-receipts .cr-liability-layout, .cash-receipt-modal .cr-liability-layout {
  grid-template-columns: minmax(0, 1fr);
  width: fit-content;
  max-width: 100%;
  display: grid;
}

.cash-receipts .cr-liability-measure, .cash-receipt-modal .cr-liability-measure {
  visibility: hidden;
  min-width: 0;
  height: 0;
  overflow: hidden;
}

.cash-receipts .cr-liability-measure .cr-liability-invoices, .cash-receipt-modal .cr-liability-measure .cr-liability-invoices, .cash-receipts .cr-liability-measure .cr-table-scroll, .cash-receipt-modal .cr-liability-measure .cr-table-scroll, .cash-receipts .cr-liability-measure .cr-table, .cash-receipt-modal .cr-liability-measure .cr-table {
  width: max-content;
  max-width: none;
}

.cash-receipts .cr-liability-measure .cr-liability-invoices > p, .cash-receipt-modal .cr-liability-measure .cr-liability-invoices > p {
  display: none;
}

.cash-receipts .cr-liability-measure .cr-liability-invoices, .cash-receipt-modal .cr-liability-measure .cr-liability-invoices {
  border-inline: var(--hairline) solid transparent;
}

.cash-receipts .cr-table-scroll.cr-liability-table, .cash-receipt-modal .cr-table-scroll.cr-liability-table, .cash-receipts .cr-table-scroll.cr-liability-table > .cr-table, .cash-receipt-modal .cr-table-scroll.cr-liability-table > .cr-table {
  width: 100%;
}

.cash-receipts .cr-table-scroll.cr-liability-table > .cr-table > thead > tr > th, .cash-receipt-modal .cr-table-scroll.cr-liability-table > .cr-table > thead > tr > th {
  white-space: nowrap;
  width: 1%;
}

.cash-receipts .cr-table-scroll.cr-liability-table > .cr-table > thead > tr > th:nth-child(2), .cash-receipt-modal .cr-table-scroll.cr-liability-table > .cr-table > thead > tr > th:nth-child(2) {
  width: auto;
}

.cash-receipts .cr-table-scroll.cr-liability-table > .cr-table > tbody > .cr-liability-row > td, .cash-receipt-modal .cr-table-scroll.cr-liability-table > .cr-table > tbody > .cr-liability-row > td {
  white-space: nowrap;
}

.cash-receipts .cr-table-scroll.cr-liability-table .cr-liability-invoices, .cash-receipt-modal .cr-table-scroll.cr-liability-table .cr-liability-invoices {
  box-sizing: border-box;
  width: 0;
  min-width: 100%;
}

.cash-receipts .cr-table-scroll.cr-liability-table .cr-liability-invoices > p, .cash-receipt-modal .cr-table-scroll.cr-liability-table .cr-liability-invoices > p {
  white-space: normal;
}

.cash-receipts .cr-check, .cash-receipt-modal .cr-check {
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  font-weight: 400;
  display: flex;
}

.cash-receipts .cr-check > input[type="checkbox"], .cash-receipt-modal .cr-check > input[type="checkbox"] {
  appearance: auto;
  flex-shrink: 0;
  padding: 0;
}

.cash-receipts .cr-table, .cash-receipt-modal .cr-table {
  font-variant-numeric: tabular-nums slashed-zero;
  border-collapse: collapse;
  width: 100%;
}

.cash-receipts .cr-table th, .cash-receipt-modal .cr-table th {
  background-color: var(--color-border-500);
  color: var(--color-text-muted-ink);
  font-weight: 500;
  font-size: var(--type-label);
  background-image: none;
}

.cash-receipts .cr-table th, .cash-receipt-modal .cr-table th, .cash-receipts .cr-table td, .cash-receipt-modal .cr-table td {
  border-bottom: var(--hairline) solid var(--gray-100);
  padding: var(--space-2);
  vertical-align: middle;
}

.cash-receipts .cr-table td, .cash-receipt-modal .cr-table td {
  font-size: var(--type-value);
  background-color: var(--white);
}

.cash-receipts .cr-refund-comment, .cash-receipt-modal .cr-refund-comment {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  min-width: 180px;
  max-width: 360px;
}

.cash-receipts .cr-table .cr-money, .cash-receipt-modal .cr-table .cr-money {
  text-align: right;
  white-space: nowrap;
}

.cash-receipts .cr-table .cr-state, .cash-receipt-modal .cr-table .cr-state {
  text-align: center;
}

.cash-receipts .cr-money, .cash-receipt-modal .cr-money, .cash-receipts .cr-reference, .cash-receipt-modal .cr-reference, .cash-receipts .cr-amount-input, .cash-receipt-modal .cr-amount-input {
  font-variant-numeric: tabular-nums slashed-zero;
}

.cash-receipts .cr-identity, .cash-receipt-modal .cr-identity {
  font-weight: 500;
}

.cash-receipts .cr-hold-actions .cr-link + .cr-link, .cash-receipt-modal .cr-hold-actions .cr-link + .cr-link {
  margin-left: var(--space-3);
}

.cash-receipts .cr-pill, .cash-receipt-modal .cr-pill {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7469b3 var(--status-pill-tint, 20%), #fff);
  color: #48426a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts .cr-pill-warning, .cash-receipt-modal .cr-pill-warning {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts .cr-pill-reversed, .cash-receipt-modal .cr-pill-reversed {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts .cr-restriction, .cash-receipt-modal .cr-restriction {
  color: var(--color-warning-ink);
}

.cash-receipts .cr-alert, .cash-receipt-modal .cr-alert {
  padding: var(--space-3);
  color: var(--color-warning-ink);
  background: var(--color-warning-25);
  border: var(--hairline) solid var(--color-warning-100);
  border-radius: var(--space-1);
  margin: var(--space-2) 0;
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.cash-receipts .cr-alert p:last-child, .cash-receipt-modal .cr-alert p:last-child {
  margin-bottom: 0;
}

.cash-receipts .cr-alert-error, .cash-receipt-modal .cr-alert-error {
  color: var(--color-error-ink);
  background: var(--color-error-50);
  border-color: var(--color-error-200);
}

.cash-receipts .cr-alert-success, .cash-receipt-modal .cr-alert-success {
  color: var(--color-success-ink);
  background: var(--color-success-50);
  border-color: var(--color-success-200);
}

.cash-receipts .cr-error-code, .cash-receipt-modal .cr-error-code {
  font-size: var(--type-label);
}

.cash-receipts .cr-empty, .cash-receipt-modal .cr-empty {
  padding: var(--space-6);
  text-align: center;
  color: var(--color-text-muted-ink);
}

.cash-receipts .cr-empty[role="status"], .cash-receipt-modal .cr-empty[role="status"] {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.cash-receipts .cr-pagination, .cash-receipt-modal .cr-pagination {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  font-size: var(--type-label);
  padding: var(--space-2) 0;
  display: flex;
}

.cash-receipts .cr-table-scroll, .cash-receipt-modal .cr-table-scroll {
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  overflow: auto;
}

.cash-receipts .cr-table-scroll.cr-compact-table, .cash-receipt-modal .cr-table-scroll.cr-compact-table {
  width: fit-content;
  max-width: 100%;
}

.cash-receipts .cr-table-scroll.cr-compact-table .cr-table, .cash-receipt-modal .cr-table-scroll.cr-compact-table .cr-table {
  width: auto;
}

.cash-receipts .cr-fields, .cash-receipt-modal .cr-fields {
  gap: var(--space-3);
  margin: var(--space-3) 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.cash-receipts .cr-full, .cash-receipt-modal .cr-full {
  grid-column: 1 / -1;
}

.cash-receipts.cr-liability-modal .cr-fields, .cash-receipt-modal.cr-liability-modal .cr-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cash-receipts .cr-date-control > .cr-date-picker, .cash-receipt-modal .cr-date-control > .cr-date-picker, .cash-receipts .cr-date-control > .cr-date-picker .ant-picker-input > input, .cash-receipt-modal .cr-date-control > .cr-date-picker .ant-picker-input > input {
  color: var(--color-text);
  font-family: inherit;
}

.cash-receipts .cr-post-date-cell, .cash-receipt-modal .cr-post-date-cell {
  gap: var(--space-1);
  align-content: start;
  display: grid;
}

.cash-receipts .cr-fields .cr-date-control, .cash-receipt-modal .cr-fields .cr-date-control {
  max-width: 16rem;
}

.cash-receipts .cr-post-date-note, .cash-receipt-modal .cr-post-date-note {
  align-self: start;
  margin: 0;
}

.cash-receipts .cr-balances > div, .cash-receipt-modal .cr-balances > div {
  min-width: 0;
}

.cash-receipts .cr-modal-footer, .cash-receipt-modal .cr-modal-footer {
  justify-content: flex-end;
  gap: var(--space-2);
  border-top: var(--hairline) solid var(--gray-100);
  padding-top: var(--space-3);
  margin-top: var(--space-4);
  display: flex;
}

.cash-receipts .cr-review-summary, .cash-receipt-modal .cr-review-summary {
  gap: var(--space-4);
  padding: var(--space-3);
  background: var(--color-background-200);
  margin-bottom: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}

.cash-receipts .cr-liability-summary, .cash-receipt-modal .cr-liability-summary {
  padding-inline: 0;
}

.cash-receipts .cr-review-summary > span, .cash-receipt-modal .cr-review-summary > span {
  gap: var(--space-1);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  flex-direction: column;
  display: flex;
}

.cash-receipts .cr-review-summary strong, .cash-receipt-modal .cr-review-summary strong {
  font-size: var(--type-value);
  color: var(--color-text);
  font-variant-numeric: tabular-nums slashed-zero;
}

.cash-receipts .cr-origin-links, .cash-receipt-modal .cr-origin-links {
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.cash-receipts .cr-origins, .cash-receipt-modal .cr-origins, .cash-receipts .cr-linked-payments, .cash-receipt-modal .cr-linked-payments {
  margin: var(--space-4) 0;
}

.cash-receipts.cr-liability-modal .cr-origins, .cash-receipt-modal.cr-liability-modal .cr-origins {
  margin-top: var(--space-2);
}

.cash-receipts .cr-linked-payments, .cash-receipt-modal .cr-linked-payments {
  border-left: var(--nudge-2) solid var(--color-primary-200);
  padding-left: var(--space-3);
}

.cash-receipts .cr-linked-payments .cr-check, .cash-receipt-modal .cr-linked-payments .cr-check {
  padding: var(--space-2) 0;
}

.cash-receipts .cr-grow, .cash-receipt-modal .cr-grow {
  flex: 1;
}

.cash-receipts .cr-status-filter, .cash-receipt-modal .cr-status-filter {
  padding: var(--space-3);
}

.cash-receipts .cr-status-filter .ant-select, .cash-receipt-modal .cr-status-filter .ant-select {
  width: 100%;
}

.cash-receipts .cr-origin-search, .cash-receipt-modal .cr-origin-search {
  align-items: center;
  max-width: none;
}

.cash-receipts .cr-origin-invoice, .cash-receipt-modal .cr-origin-invoice {
  white-space: nowrap;
}

.cash-receipts .cr-search-result, .cash-receipt-modal .cr-search-result {
  gap: var(--space-3);
  padding: var(--space-2) 0;
  align-items: center;
  display: flex;
}

.cash-receipts .cr-amount-input, .cash-receipt-modal .cr-amount-input {
  text-align: right;
  width: 160px;
}

.cash-receipts .cr-tabs, .cash-receipt-modal .cr-tabs {
  margin-bottom: var(--space-4);
  box-shadow: none;
  background: none;
  padding: 0;
}

.cash-receipts .cr-tabs .lvl-2-tab-list, .cash-receipt-modal .cr-tabs .lvl-2-tab-list {
  gap: var(--space-2);
  height: auto;
}

.cash-receipts .cr-tabs .tab-list-button, .cash-receipt-modal .cr-tabs .tab-list-button {
  border: 0;
}

.cash-receipts .cr-tabs .tab-list-button:not(.tab-active), .cash-receipt-modal .cr-tabs .tab-list-button:not(.tab-active) {
  background: none;
}

.cash-receipts .cr-activity-scroll, .cash-receipt-modal .cr-activity-scroll {
  max-height: 50vh;
  overflow: auto;
}

.cash-receipts .cr-activity-search, .cash-receipt-modal .cr-activity-search {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  box-sizing: border-box;
  width: 480px;
  max-width: 100%;
  margin-bottom: var(--space-3);
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.cash-receipts .cr-activity-search:hover, .cash-receipt-modal .cr-activity-search:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.cash-receipts .cr-activity-search:has(input[placeholder]:not(:placeholder-shown)), .cash-receipt-modal .cr-activity-search:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.cash-receipts .cr-activity-search:focus-within, .cash-receipt-modal .cr-activity-search:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.cash-receipts .cr-activity-search > div, .cash-receipt-modal .cr-activity-search > div {
  flex: 1;
}

.cash-receipts .cr-activity-search > div input, .cash-receipt-modal .cr-activity-search > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.cash-receipts .cr-activity-search > div input:focus, .cash-receipt-modal .cr-activity-search > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.cash-receipts .cr-activity-search > div input::placeholder, .cash-receipt-modal .cr-activity-search > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.cash-receipts .cr-activity-search:focus-within input::placeholder, .cash-receipt-modal .cr-activity-search:focus-within input::placeholder {
  opacity: .35;
}

.cash-receipts .cr-activity-search img, .cash-receipt-modal .cr-activity-search img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.cash-receipts .cr-activity-search:focus-within img, .cash-receipt-modal .cr-activity-search:focus-within img {
  opacity: .95;
}

.cash-receipts .cr-activity-search i, .cash-receipt-modal .cr-activity-search i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.cash-receipts .cr-expanded-row > td, .cash-receipt-modal .cr-expanded-row > td {
  padding: 0;
}

.cash-receipts .cr-detail-reveal, .cash-receipt-modal .cr-detail-reveal {
  grid-template-rows: 1fr;
  animation: .22s cubic-bezier(.16, 1, .3, 1) cr-detail-open;
  display: grid;
}

.cash-receipts .cr-detail-reveal > *, .cash-receipt-modal .cr-detail-reveal > * {
  min-height: 0;
  overflow: hidden;
}

.cash-receipts .cr-expanded-row.is-closing > td, .cash-receipt-modal .cr-expanded-row.is-closing > td {
  pointer-events: none;
}

.cash-receipts .cr-expanded-row.is-closing > td .cr-detail-reveal, .cash-receipt-modal .cr-expanded-row.is-closing > td .cr-detail-reveal {
  animation: .18s cubic-bezier(.16, 1, .3, 1) forwards cr-detail-close;
}

@media (prefers-reduced-motion: reduce) {
  .cash-receipts .cr-detail-reveal, .cash-receipt-modal .cr-detail-reveal {
    animation: none;
  }

  .cash-receipts .cr-expanded-row.is-closing, .cash-receipt-modal .cr-expanded-row.is-closing {
    display: none;
  }
}

.cash-receipts .cr-journal-detail, .cash-receipt-modal .cr-journal-detail {
  padding: var(--space-3);
  background: var(--color-background-200);
}

.cash-receipts .cr-sr-only, .cash-receipt-modal .cr-sr-only {
  width: var(--hairline);
  height: var(--hairline);
  clip-path: inset(50%);
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
}

.cash-modal .cash-receipt-modal.cr-activity-modal .cr-activity-search input[type="search"] {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  box-shadow: none;
  appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  padding: 0;
}

.cash-receipt-modal.cr-activity-modal {
  flex-direction: column;
  height: min(70vh, 720px);
  min-height: 0;
  display: flex;
}

.cash-receipt-modal.cr-activity-modal .cr-activity-identity {
  white-space: nowrap;
}

.cash-receipt-modal.cr-activity-modal > * {
  flex-shrink: 0;
}

.cash-receipt-modal.cr-activity-modal .cr-activity-scroll {
  flex: 1 1 0;
  min-height: 0;
  max-height: none;
}

.cash-receipt-modal.cr-activity-modal .cr-activity-scroll > .cr-table {
  border-collapse: separate;
  border-spacing: 0;
}

.cash-receipt-modal.cr-activity-modal .cr-activity-scroll > .cr-table > tbody > tr > td {
  border-top: var(--hairline) solid transparent;
}

.cash-receipt-modal.cr-activity-modal .cr-activity-scroll .cr-table > tbody > tr > td {
  border-bottom: var(--hairline) solid var(--gray-100);
}

.cash-receipt-modal.cr-activity-modal .cr-activity-scroll .cr-table > tbody > tr:is(.is-expanded, .is-selected) > td {
  background: var(--grid-selected-row-background);
  border-top: var(--hairline) solid var(--color-primary-700);
  border-bottom: var(--hairline) solid var(--color-primary-700);
  box-shadow: none;
}

.cash-receipt-modal.cr-activity-modal .cr-activity-scroll .cr-deposit-history-row {
  cursor: pointer;
}

.cash-modal-external-footer .cash-receipt-modal .cr-modal-footer {
  border: 0;
  margin: 0;
  padding: 0;
}

.generic-tab-list-container > .cash-receipts.ar-manager-container {
  backdrop-filter: blur(8px);
  isolation: isolate;
  background-color: #ffffff61;
  border: 1px solid #ffffff7a;
  border-radius: 8px;
}

.generic-tab-list-container > .cash-receipts.ar-manager-container:before {
  content: none;
}

.cash-receipts.ar-manager-container {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-register-toolbar {
  flex-shrink: 0;
}

.cash-receipts.ar-manager-container .cr-toolbar-search {
  background: none;
  border: 0;
  padding: 0;
}

.cash-receipts.ar-manager-container .cr-deposit-filter {
  width: 200px;
  margin-right: var(--space-4);
}

.cash-receipts.ar-manager-container .cr-deposit-filter .rs__control {
  backdrop-filter: blur(2px) brightness() saturate(70%);
  background: #ffffff5c;
  border-color: #fff6;
  border-radius: 10px;
}

.cash-receipts.ar-manager-container .cr-deposit-filter .rs__control--menu-is-open {
  background: #fffffff2;
}

.cash-receipts.ar-manager-container .refresh-all {
  background: none;
  border: 0;
}

.cash-receipts.ar-manager-container .cr-register-grid {
  flex: 1;
  min-height: 0;
}

.cash-receipts.ar-manager-container .cr-register-grid .cr-identity {
  font-weight: 500;
}

.cash-receipts.ar-manager-container .cr-register-grid .cr-money {
  text-align: right;
}

.cash-receipts.ar-manager-container .cr-payment {
  text-align: left;
  height: 100%;
  min-height: 44px;
  line-height: var(--type-row-line);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.cash-receipts.ar-manager-container .cr-payment small {
  text-align: left;
  margin: 0;
}

.cash-receipts.ar-manager-container .cr-expand {
  cursor: pointer;
  min-width: var(--space-8);
  min-height: var(--space-8);
  background: none;
  border: 0;
  padding: 0;
}

.cash-receipts.ar-manager-container .cr-register-grid .ag-cell.cr-expand-cell {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.cash-receipts.ar-manager-container .cr-register-grid .cr-status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7469b3 var(--status-pill-tint, 20%), #fff);
  color: #48426a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-register-grid .cr-status.cr-pill-warning {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-register-grid .cr-status.cr-pill-refund, .cash-receipts.ar-manager-container .cr-register-grid .cr-status.cr-pill-reversed {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-register-grid .cr-status.cr-pill-success {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-detail {
  gap: var(--space-4);
  cursor: default;
  flex-direction: column;
  display: flex;
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.cash-receipts.ar-manager-container .cr-detail-heading {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}

.cash-receipts.ar-manager-container .cr-detail-heading h3 {
  margin: 0;
}

.cash-receipts.ar-manager-container .cr-balances {
  background: var(--white);
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-balances > div {
  flex-direction: column;
  flex: 0 auto;
  min-width: 140px;
  display: flex;
}

.cash-receipts.ar-manager-container .cr-balances > div > span {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  padding: var(--space-2);
  background: var(--color-border-500);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cash-receipts.ar-manager-container .cr-balances strong {
  font-variant-numeric: tabular-nums slashed-zero;
  font-size: var(--type-value);
  padding: var(--space-2);
  font-weight: 400;
}

.cash-receipts.ar-manager-container .cr-balances .cr-money {
  text-align: right;
}

.cash-receipts.ar-manager-container .cr-balances .cr-deposit-state {
  background: none;
  padding-top: 0;
}

.cash-receipts.ar-manager-container .cr-balances .cr-payment-reference {
  overflow-wrap: anywhere;
  max-width: 260px;
}

.cash-receipts.ar-manager-container .cr-receipt-comments p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.cash-receipts.ar-manager-container .cr-table-scroll {
  max-height: 360px;
}

.cash-receipt-modal .cr-offset-invoice {
  margin-top: var(--space-4);
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-1);
  padding: var(--space-3);
}

.cash-stage > .cash-receipts.ar-manager-container {
  height: clamp(360px, 60vh, 800px);
}

@media (width <= 780px) {
  .cash-receipts .cr-fields, .cash-receipt-modal .cr-fields {
    grid-template-columns: 1fr;
  }

  .cash-receipts .cr-full, .cash-receipt-modal .cr-full {
    grid-column: auto;
  }

  .cash-receipts .ar-manager-header {
    gap: var(--space-2);
    flex-wrap: wrap;
  }
}

@keyframes cr-detail-open {
  from {
    opacity: 0;
    grid-template-rows: 0fr;
  }

  to {
    opacity: 1;
    grid-template-rows: 1fr;
  }
}

@keyframes cr-detail-close {
  from {
    opacity: 1;
    grid-template-rows: 1fr;
  }

  to {
    opacity: 0;
    grid-template-rows: 0fr;
  }
}

.cash-modal .era-source-action {
  gap: var(--space-3);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cash-modal .era-source-action label {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cash-modal .era-source-action .era-source-action-fields {
  gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.cash-modal .era-source-action .field-select, .cash-modal .era-source-action .rs__container {
  width: 100%;
  min-width: 0;
}

.cash-modal .era-source-action .rs__control {
  min-width: 0;
  max-width: 100%;
}

.cash-modal .era-source-action .rs__control--is-disabled {
  opacity: .5;
  box-shadow: none;
}

.cash-modal .era-source-action .cash-table {
  table-layout: fixed;
}

.cash-modal .era-source-action th:first-child {
  width: 60%;
}

.cash-modal .era-source-action th:last-child {
  width: 15%;
}

.cash-modal .era-source-action input.cash-money-input {
  text-align: left;
  width: 100%;
}

.cash-modal .era-source-action .cash-remove {
  color: var(--color-error-ink);
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}

.cash-modal .era-source-action > .cash-button {
  align-self: flex-start;
}

.era-provider-draft.era-provider-row {
  gap: var(--space-2);
  padding: var(--space-3);
  margin-bottom: var(--space-2);
  border: var(--hairline) solid var(--color-border);
  border-radius: var(--radius-small);
  background: var(--white);
  box-shadow: none;
  flex-direction: column;
  display: flex;
  container-type: inline-size;
}

.era-provider-draft.era-provider-row .era-provider-row-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  margin: calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) 0;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-small) var(--radius-small) 0 0;
  border-bottom: var(--hairline) solid var(--color-border);
  background: var(--color-border-500);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  flex-wrap: wrap;
  display: flex;
}

.era-provider-draft.era-provider-row .era-provider-row-header strong {
  overflow-wrap: anywhere;
  font-weight: 500;
}

.era-provider-draft.era-provider-row .era-provider-source-amount {
  color: var(--color-text-muted-ink);
  font-variant-numeric: tabular-nums slashed-zero;
}

.era-provider-draft.era-provider-row .era-provider-fields {
  gap: var(--space-2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  display: grid;
}

.era-provider-draft.era-provider-row .era-provider-fields > .era-provider-source-field {
  grid-column: 1 / -1;
}

.era-provider-draft.era-provider-row .cash-field {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  margin: 0;
  display: flex;
}

.era-provider-draft.era-provider-row .field-select {
  width: 100%;
  min-width: 0;
}

.era-provider-draft.era-provider-row .era-provider-row-footer {
  align-items: flex-end;
  gap: var(--space-3);
  display: flex;
}

.era-provider-draft.era-provider-row .era-provider-row-footer > .cash-field {
  flex: 1;
}

.era-provider-draft.era-provider-row .era-provider-row-footer > .cash-button, .era-provider-draft.era-provider-row .era-provider-row-footer > .cash-link {
  flex: none;
  margin: 0;
}

.era-provider-draft.era-provider-row .era-provider-row-footer > .cash-link.cash-remove {
  color: var(--color-error-ink);
  margin-bottom: var(--space-3);
}

.era-provider-draft.era-provider-row .era-provider-row-footer input {
  width: 100%;
  min-width: 0;
}

.era-provider-draft.era-provider-row .cash-field > input.era-provider-entry {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  border: var(--hairline) solid var(--color-border);
  border-radius: var(--radius-small);
  background: var(--white);
  font-family: inherit;
  font-size: var(--type-value);
  font-weight: 500;
}

.era-provider-draft.era-provider-row .cash-field > input.era-provider-entry:focus-visible {
  border-color: var(--color-primary-700);
  outline: none;
}

.era-provider-draft.era-provider-row .cash-field > input.era-provider-entry::placeholder {
  font-weight: 400;
}

.era-provider-draft.era-provider-row .cash-field > input.era-provider-entry:disabled {
  opacity: .5;
  box-shadow: none;
}

.era-provider-draft.era-provider-row .cash-note, .era-provider-draft.era-provider-row .cash-alert {
  margin: 0;
}

@container (width >= 720px) {
  .era-provider-draft.era-provider-row .era-provider-fields {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .era-provider-draft.era-provider-row .era-provider-fields > .era-provider-source-field {
    grid-column: 3 / -1;
  }
}

@container (width <= 380px) {
  .era-provider-draft.era-provider-row .era-provider-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .era-provider-draft.era-provider-row .era-provider-row-footer {
    flex-direction: column;
    align-items: stretch;
  }
}

.era-posting-workflow .era-provider-picker-trigger, .cash-modal .era-provider-table-editor .era-provider-picker-trigger {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  box-sizing: border-box;
  border: var(--hairline) solid var(--gray-200);
  border-radius: var(--radius-small);
  background: var(--white);
  box-shadow: inset 0 var(--hairline) var(--nudge-2) #0000000a;
  color: var(--color-text);
  font-family: inherit;
  font-size: var(--type-value);
  text-align: left;
  white-space: normal;
  margin: 0;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.era-posting-workflow .era-provider-picker-trigger > span, .cash-modal .era-provider-table-editor .era-provider-picker-trigger > span {
  overflow-wrap: anywhere;
  min-width: 0;
  text-decoration: none;
}

.era-posting-workflow .era-provider-picker-trigger > span.cash-truncate, .cash-modal .era-provider-table-editor .era-provider-picker-trigger > span.cash-truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.era-posting-workflow .era-provider-picker-trigger[data-placeholder="true"] > span, .cash-modal .era-provider-table-editor .era-provider-picker-trigger[data-placeholder="true"] > span {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.era-posting-workflow .era-provider-picker-trigger > i, .cash-modal .era-provider-table-editor .era-provider-picker-trigger > i {
  color: var(--color-text-muted-ink);
  flex: none;
}

.era-posting-workflow .era-provider-picker-trigger:hover, .cash-modal .era-provider-table-editor .era-provider-picker-trigger:hover, .era-posting-workflow .era-provider-picker-trigger:focus-visible, .cash-modal .era-provider-table-editor .era-provider-picker-trigger:focus-visible {
  background: var(--white);
  border-color: var(--color-primary-700);
}

.era-posting-workflow .era-provider-picker-trigger:disabled, .cash-modal .era-provider-table-editor .era-provider-picker-trigger:disabled {
  opacity: .65;
  box-shadow: none;
}

.era-provider-tables {
  align-items: start;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 760px), 1fr));
  min-width: 0;
  display: grid;
}

.era-provider-tables > .cash-alert {
  grid-column: 1 / -1;
}

.era-provider-tables .era-provider-ledger-section {
  width: 100%;
  min-width: 0;
  max-width: 1200px;
}

.era-provider-tables .cash-invoice-ledger-header, .era-provider-tables .cash-invoice-ledger-actions, .era-provider-tables .era-provider-table-actions {
  align-items: center;
  gap: var(--space-2) var(--space-3);
  flex-wrap: wrap;
  display: flex;
}

.era-provider-tables .cash-invoice-ledger-header {
  margin-bottom: var(--space-2);
  justify-content: space-between;
}

.era-provider-tables h4 {
  font-size: var(--type-value);
  margin: 0;
  font-weight: 500;
}

.era-provider-tables .cash-table-scroll {
  border-radius: var(--radius-small);
  max-width: 100%;
  overflow: auto;
}

.era-provider-tables .era-provider-transactions {
  background: var(--white);
  width: 100%;
  min-width: 760px;
}

.era-provider-tables th, .era-provider-tables td {
  vertical-align: middle;
}

.era-provider-tables .cash-ledger-status {
  text-align: center;
}

.era-provider-tables .cash-number {
  text-align: right;
  white-space: nowrap;
}

.era-provider-tables .era-provider-table-amount {
  font-weight: 500;
}

.era-provider-tables .cash-link {
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  display: inline-flex;
}

.era-provider-tables .cash-remove {
  color: var(--color-error-ink);
}

.era-provider-tables .cr-record-link {
  font-weight: 400;
  text-decoration: underline;
}

.cash-modal .era-provider-table-editor .era-provider-row {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.cash-modal .era-provider-table-editor .era-provider-row .era-provider-row-header {
  padding: var(--space-2) 0;
  background: none;
  margin: 0;
}

.cash-modal .era-provider-picker-modal {
  gap: var(--space-3);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-context {
  align-items: baseline;
  gap: var(--space-2) var(--space-4);
  color: var(--color-text);
  font-size: var(--type-value);
  overflow-wrap: anywhere;
  flex-wrap: wrap;
  margin: 0;
  font-weight: 400;
  display: flex;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-context > strong {
  font-weight: 500;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-context > .cash-note {
  flex-basis: 100%;
  margin: 0;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results {
  border: var(--hairline) solid var(--color-border);
  border-radius: var(--radius-small);
  background: var(--white);
  min-width: 0;
  max-width: 100%;
  max-height: 45vh;
  overflow: auto;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table {
  min-width: 1000px;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] {
  table-layout: auto;
  min-width: 2000px;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] th:nth-child(6), .cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] td:nth-child(6) {
  white-space: normal;
  overflow-wrap: anywhere;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] td:first-child, .cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] td:nth-child(2), .cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] td:nth-child(3), .cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] td:nth-child(n+7) {
  white-space: nowrap;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] tbody tr {
  cursor: pointer;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] tr[aria-selected="true"] > td {
  background: var(--grid-selected-row-background);
  border-top: var(--hairline) solid var(--color-primary-700);
  border-bottom: var(--hairline) solid var(--color-primary-700);
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results .cash-table[aria-label="Eligible Invoices"] .era-provider-invoice-link .cr-record-link {
  font-weight: 400;
  text-decoration: underline;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results th {
  z-index: 1;
  white-space: nowrap;
  position: sticky;
  top: 0;
}

.cash-modal .era-provider-picker-modal .era-provider-picker-results td {
  vertical-align: middle;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .form-horizontal.era-receipt-shared-date {
  display: none !important;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel > h3, .era-posting-workflow .era-receipt-entry > .era-receipt-panel > .cash-alert, .era-posting-workflow .era-receipt-entry > .era-receipt-panel > .cash-note {
  flex: none;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel > .form-container {
  flex: 1 1 0;
  min-width: 0;
  height: auto;
  min-height: 0;
  overflow: auto;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel > .wizard-bottom-bar {
  padding-block: var(--space-2);
  background: none;
  flex: none;
  margin: 0;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save i, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save.disabled, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[disabled], .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[aria-disabled="true"], .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save.disabled i, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[disabled] i, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[aria-disabled="true"] i, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:disabled i, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save.disabled .icon, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[disabled] .icon, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[aria-disabled="true"] .icon, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:disabled .icon, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save.disabled svg, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[disabled] svg, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[aria-disabled="true"] svg, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save.disabled svg *, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[disabled] svg *, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save[aria-disabled="true"] svg *, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:focus-visible {
  box-shadow: none;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .wizard-bottom-bar .dsl-action-btn.btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.era-posting-workflow .era-receipt-entry > .era-receipt-panel .form-container .cardarea .fieldgroup .form-horizontal.form-col-2, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .form-container .cardarea .fieldgroup .form-horizontal.form-col-3, .era-posting-workflow .era-receipt-entry > .era-receipt-panel .form-container .cardarea .fieldgroup .form-horizontal.form-col-4 {
  width: calc(50% - var(--space-2));
  vertical-align: top;
}

.era-existing-cash-source {
  gap: var(--space-2);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.era-existing-cash-source .era-existing-cash-toolbar {
  align-items: center;
  gap: var(--space-3);
}

.era-existing-cash-source .era-existing-cash-toolbar > .era-existing-cash-help {
  flex: 320px;
  min-width: 0;
}

.era-existing-cash-source .era-existing-cash-toolbar > .era-existing-cash-help strong {
  font-weight: 500;
}

.era-existing-cash-source .era-existing-cash-search {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  box-sizing: border-box;
  flex: 0 320px;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.era-existing-cash-source .era-existing-cash-search:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.era-existing-cash-source .era-existing-cash-search:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.era-existing-cash-source .era-existing-cash-search:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.era-existing-cash-source .era-existing-cash-search > div {
  flex: 1;
}

.era-existing-cash-source .era-existing-cash-search > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.era-existing-cash-source .era-existing-cash-search > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.era-existing-cash-source .era-existing-cash-search > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.era-existing-cash-source .era-existing-cash-search:focus-within input::placeholder {
  opacity: .35;
}

.era-existing-cash-source .era-existing-cash-search img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.era-existing-cash-source .era-existing-cash-search:focus-within img {
  opacity: .95;
}

.era-existing-cash-source .era-existing-cash-search i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.era-existing-cash-source .era-existing-cash-search > input {
  width: 100%;
  min-width: 0;
  min-height: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: var(--type-value);
  background: none;
  border: 0;
  outline: none;
  font-weight: 500;
}

.era-existing-cash-source .era-existing-cash-search > input::placeholder {
  font-weight: 400;
}

.era-existing-cash-source .era-existing-cash-table .cash-link {
  font-size: var(--type-label);
  font-weight: 500;
}

.era-existing-cash-source .era-existing-cash-table .cash-link > i {
  font-size: inherit;
}

.era-existing-cash-source .era-existing-cash-scroll {
  border: var(--hairline) solid var(--gray-100);
  background: var(--white);
  border-radius: 8px;
  max-height: 320px;
  overflow: auto;
}

.era-existing-cash-source .era-existing-cash-table {
  border-collapse: collapse;
  width: 100%;
}

.era-existing-cash-source .era-existing-cash-table th, .era-existing-cash-source .era-existing-cash-table td {
  white-space: nowrap;
}

.era-existing-cash-source .era-existing-cash-row.is-selected > td {
  background: var(--grid-selected-row-background);
  box-shadow: inset 0 var(--hairline) 0 var(--color-primary-700);
  border-bottom: var(--hairline) solid var(--color-primary-700);
}

#application .era-receipt-panel .cardbar .form-buttons-bottom {
  padding-bottom: var(--space-3) !important;
}

.era-posting-workflow {
  gap: var(--space-2);
  box-sizing: border-box;
  background: none;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.era-posting-workflow.cash-workspace, .era-posting-workflow .era-entry-pane > .cash-workspace {
  backdrop-filter: none;
  background: none;
}

.era-posting-workflow.cash-workspace:before, .era-posting-workflow .era-entry-pane > .cash-workspace:before {
  content: none;
}

.era-posting-workflow > .era-workflow-header, .era-posting-workflow > .era-workflow-footer, .era-posting-workflow > .cash-alert {
  flex-shrink: 0;
}

.era-posting-workflow > .era-crossover-warning + .era-crossover-warning {
  margin-top: var(--space-2);
}

.era-posting-workflow > .era-workflow-loading {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--space-3);
  min-height: 0;
  padding: calc(32px + var(--space-2)) var(--space-2) var(--space-2);
  flex-direction: column;
  flex: auto;
  display: flex;
}

.era-posting-workflow > .era-workflow-loading > p {
  margin: 0;
}

.era-posting-workflow > .era-workflow-loading:not(.is-error) > p {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.era-posting-workflow > .era-workflow-loading.is-error {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.era-posting-workflow .era-workflow-skeleton {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.era-posting-workflow .era-workflow-skeleton.skeleton-pulse {
  animation: 1.5s ease-in-out infinite era-skeleton-pulse;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-cell, .era-posting-workflow .era-workflow-skeleton .era-skeleton-field {
  background-color: #00000014;
  border-radius: 4px;
  display: block;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-band {
  gap: var(--space-4);
  display: flex;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-band > .era-skeleton-cell {
  flex: 1 1 0;
  max-width: 220px;
  height: 28px;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-table {
  border: var(--hairline) solid var(--color-border-600);
  border-radius: var(--space-2);
  background: var(--white);
  overflow: hidden;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-row {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3);
  border-top: var(--hairline) solid var(--gray-100);
  min-height: 44px;
  display: flex;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-row.is-header {
  background: var(--color-border-500);
  border-top: 0;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-row > .era-skeleton-cell {
  flex: 1 1 0;
  height: 16px;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-form {
  gap: var(--space-3) var(--space-4);
  padding: var(--space-3);
  border: var(--hairline) solid var(--color-border-600);
  border-radius: var(--space-2);
  background: var(--white);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.era-posting-workflow .era-workflow-skeleton .era-skeleton-form > .era-skeleton-field {
  height: 40px;
}

@keyframes era-skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

@media (prefers-reduced-motion: reduce) {
  .era-posting-workflow .era-workflow-skeleton.skeleton-pulse {
    animation: none;
  }
}

.era-posting-workflow .era-workflow-header {
  align-items: start;
  gap: var(--space-1) var(--space-4);
  grid-template-columns: minmax(220px, 1fr) minmax(0, auto) minmax(220px, 1fr);
  display: grid;
}

.era-posting-workflow .era-workflow-header > .era-workflow-title {
  justify-self: start;
  align-items: center;
  gap: var(--space-3);
  grid-area: 1 / 1;
  min-width: 0;
  min-height: 24px;
  display: flex;
}

.era-posting-workflow .era-workflow-header > .era-workflow-title > .cash-link {
  font-size: var(--type-label);
  white-space: nowrap;
  font-weight: 500;
}

.era-posting-workflow .era-workflow-header > .era-workflow-navigation {
  grid-area: 1 / 2;
  justify-self: center;
  width: 1100px;
  min-width: 0;
  max-width: 100%;
}

.era-posting-workflow .era-workflow-header > .era-draft-actions {
  grid-area: 1 / 3;
  justify-self: end;
}

.era-posting-workflow .era-workflow-header.era-workflow-header-posted {
  grid-template-columns: minmax(0, 1fr);
}

.era-posting-workflow .era-workflow-header.era-workflow-header-posted > .cash-button {
  grid-area: 2 / 1;
  justify-self: start;
}

.era-posting-workflow .era-draft-actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  min-height: 24px;
}

.era-posting-workflow .era-draft-actions > .cash-link {
  font-family: inherit;
  font-size: var(--type-label);
  font-weight: 500;
  line-height: var(--type-row-line);
}

.era-posting-workflow .era-draft-actions > .cash-link > i {
  font-size: inherit;
}

.era-posting-workflow .era-workflow-navigation .MuiStepper-root, .era-posting-workflow .era-workflow-navigation .intake-wizard-stepper {
  margin: 0;
  padding: 0;
}

.era-posting-workflow .era-workflow-navigation .intake-wizard-stepper {
  width: 100%;
}

.era-posting-workflow .era-workflow-navigation .MuiStepConnector-root {
  top: calc(16px + var(--space-2));
  left: calc(24px - 50%);
  right: calc(50% + 24px);
}

.era-posting-workflow .era-workflow-navigation .MuiStepButton-root {
  margin: 0 calc(var(--space-2) * -1);
  padding: var(--space-2);
}

.era-posting-workflow .era-workflow-navigation .MuiStepLabel-label {
  color: var(--color-text);
  font-family: inherit;
}

.era-posting-workflow .era-workflow-navigation .intake-wizard-step-icon.is-active {
  background: var(--color-primary-700);
  box-shadow: 0 0 0 var(--space-1) color-mix(in srgb, var(--color-primary-700) 18%, transparent);
}

.era-posting-workflow .era-workflow-navigation .intake-wizard-step-icon.is-active > i[style*="--color-secondary-700"], .era-posting-workflow .era-workflow-navigation .intake-wizard-step-icon.is-active > i[style*="--color-success-600"] {
  color: var(--white) !important;
}

.era-posting-workflow .era-workflow-navigation .intake-wizard-step-icon.is-active[data-accent*="--color-secondary-700"] {
  background: var(--color-secondary-700);
  box-shadow: 0 0 0 var(--space-1) color-mix(in srgb, var(--color-secondary-700) 18%, transparent);
}

.era-posting-workflow .era-workflow-navigation .intake-wizard-step-icon.is-active[data-accent*="--color-success-600"] {
  background: var(--color-success-600);
  box-shadow: 0 0 0 var(--space-1) color-mix(in srgb, var(--color-success-600) 18%, transparent);
}

.era-posting-workflow .era-posting-date {
  flex: none;
}

.era-posting-workflow .era-posting-date .cash-field {
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  min-width: 0;
}

.era-posting-workflow .era-posting-date .cr-date-picker {
  width: 168px;
}

.era-posting-workflow .cash-alert > .cash-link {
  font-size: var(--type-label);
  white-space: nowrap;
  font-weight: 500;
}

.era-posting-workflow h2, .era-posting-workflow h3 {
  font-size: var(--type-value);
  margin: 0 0 var(--space-2);
  font-weight: 500;
}

.era-posting-workflow .era-workflow-step {
  align-content: stretch;
  gap: var(--space-2);
  flex: auto;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  display: grid;
  overflow: auto;
}

.era-posting-workflow .era-source-pane, .era-posting-workflow .era-entry-pane {
  min-width: 0;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.era-posting-workflow .era-source-pane {
  overscroll-behavior: contain;
}

.era-posting-workflow .era-source-pane > .era-batch-evidence {
  background: none;
}

.era-posting-workflow .era-entry-pane {
  flex: 1;
  padding: 0;
  overflow: visible;
}

.era-posting-workflow .era-entry-pane > .cash-workspace {
  height: 100%;
  min-height: 0;
  box-shadow: none;
  gap: var(--space-2);
  border: 0;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}

.era-posting-workflow .era-entry-pane > .cash-workspace .ar-manager-header {
  padding-bottom: 0;
  padding-right: 0;
}

.era-posting-workflow .era-entry-pane > .cash-workspace .cash-allocation-grid {
  flex: auto;
  height: auto;
  min-height: 180px;
}

.era-posting-workflow .era-receipt-entry {
  gap: var(--space-3);
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: 0;
  display: grid;
}

.era-posting-workflow .era-receipt-entry > section {
  min-width: 0;
  min-height: 0;
  padding: var(--space-3);
  border: var(--hairline) solid var(--color-border-600);
  border-radius: var(--radius-small);
  background: var(--white);
  overflow: auto;
}

.era-posting-workflow .era-workflow-step.era-receipt-layout {
  grid-template-rows: auto minmax(260px, 1fr);
  grid-template-columns: minmax(0, 1fr);
}

.era-posting-workflow .era-workflow-step.era-receipt-layout > .era-source-pane {
  background: none;
  padding: 0;
}

.era-posting-workflow .era-workflow-step.era-receipt-layout > .era-receipt-entry {
  min-height: 0;
  display: flex;
}

.era-posting-workflow .era-workflow-step.era-receipt-layout > .era-receipt-entry > .era-receipt-panel {
  flex: 1;
}

.era-posting-workflow .era-provider-layout {
  grid-template-rows: auto auto;
  align-content: start;
}

.era-posting-workflow .era-provider-entry {
  min-width: 0;
}

.era-posting-workflow .era-final-review {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.era-posting-workflow .era-final-review .cash-draft-transactions {
  max-height: none;
}

.era-posting-workflow .era-final-review {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.era-posting-workflow .era-final-review > .era-draft-transactions {
  flex: auto;
  min-height: 0;
  max-height: none;
}

.era-posting-workflow .era-workflow-footer {
  background: none;
  border: 0;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 0;
  padding: 0;
}

.era-posting-workflow .era-workflow-footer .era-receipt-only-check {
  align-items: center;
  gap: var(--space-2);
  max-width: 34rem;
  margin: 0;
  font-weight: 400;
  display: flex;
}

.era-posting-workflow .era-workflow-footer .era-receipt-only-check > input[type="checkbox"] {
  appearance: auto;
  flex-shrink: 0;
  padding: 0;
}

.era-posting-workflow > .era-draft-transactions {
  flex: none;
  min-height: 88px;
  max-height: 35vh;
}

.era-posting-workflow > .era-draft-transactions.is-collapsed {
  min-height: 0;
}

.era-posting-workflow .cash-link.cash-remove {
  color: var(--color-error-ink);
}

@media (width <= 1000px) {
  .era-posting-workflow .era-workflow-header {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .era-posting-workflow .era-workflow-header > .era-workflow-title {
    grid-area: 1 / 1;
  }

  .era-posting-workflow .era-workflow-header > .era-draft-actions {
    grid-area: 1 / 2;
  }

  .era-posting-workflow .era-workflow-header > .era-workflow-navigation {
    grid-area: 2 / 1 / auto / -1;
    width: 100%;
  }

  .era-posting-workflow .era-receipt-entry {
    grid-template-columns: minmax(0, 1fr);
    overflow: auto;
  }

  .era-posting-workflow .era-receipt-entry > section {
    min-height: 240px;
  }

  .era-posting-workflow .era-workflow-step.era-receipt-layout {
    grid-template-rows: auto minmax(420px, 1fr);
    grid-template-columns: minmax(0, 1fr);
  }
}

.era-provider-draft {
  margin-bottom: var(--space-3);
  padding: var(--space-3);
  border: var(--hairline) solid var(--color-border);
  border-radius: var(--radius-small);
  background: var(--white);
}

.era-provider-draft .era-provider-fields {
  align-items: start;
  gap: var(--space-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.era-provider-draft .rs__control {
  min-width: 0;
  max-width: 100%;
}

.era-provider-draft .era-provider-fields > .cash-context-select {
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.era-provider-draft .rs__control--is-disabled {
  opacity: .5;
  box-shadow: none;
}

.era-provider-draft .era-provider-fields .cash-field > input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  border: var(--hairline) solid var(--color-border);
  border-radius: var(--radius-small);
  background: var(--white);
  font-family: inherit;
  font-size: var(--type-value);
  font-weight: 500;
}

.era-provider-draft .era-provider-fields .cash-field > input:focus {
  border-color: var(--color-primary-700);
  outline: none;
}

.era-provider-draft .era-provider-fields .cash-field > input:disabled {
  opacity: .5;
  box-shadow: none;
}

.era-provider-draft label {
  min-width: 0;
  font-size: var(--type-label);
  font-weight: 400;
}

.era-provider-draft .era-invoice-picker {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.era-provider-draft .era-invoice-picker > :first-child {
  flex: 1;
  min-width: 0;
}

.era-invoice-search-results {
  height: 300px;
  margin-top: var(--space-3);
  overflow: auto;
}

.era-invoice-search-results thead {
  z-index: 1;
  position: sticky;
  top: 0;
}

.era-posting-workflow .era-receipt-entry > .era-provider-panel, .era-posting-workflow .era-final-review .cash-draft-transactions {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.era-posting-workflow .era-source-pane .era-batch-evidence {
  padding: 0;
}

.era-posting-workflow .cash-table {
  background: var(--white);
}

.era-posting-workflow .era-evidence-scroll, .era-posting-workflow .era-batch-evidence .era-evidence-scroll, .era-posting-workflow .cash-table-scroll, .era-posting-workflow .era-draft-transactions, .era-posting-workflow .era-provider-draft {
  border-color: var(--color-border-600);
}

.animated-tab-container.era-wizard-window {
  padding-top: var(--space-1);
}

.window-container.era-wizard-window {
  gap: 0;
  padding-top: 0;
}

.window-container.era-wizard-window > .window-manager-header {
  padding: var(--space-1) 0 0;
  pointer-events: none;
  z-index: 2;
  max-height: 32px;
  margin-top: 0;
}

.window-container.era-wizard-window > .window-manager-header > * {
  pointer-events: auto;
}

.window-container.era-wizard-window > .window-manager-content {
  gap: 0;
  margin-top: -32px;
  padding-top: 0;
}

.window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header {
  pointer-events: none;
}

.window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header > * {
  pointer-events: auto;
}

.window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header > .era-workflow-title, .window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header > .era-draft-actions {
  padding-top: calc(32px - var(--space-1));
}

.window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header > .era-workflow-navigation {
  padding-top: var(--space-1);
}

@media (width <= 1000px) {
  .window-container.era-wizard-window > .window-manager-content {
    margin-top: 0;
  }

  .window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header > .era-workflow-title, .window-container.era-wizard-window > .window-manager-content > .era-posting-workflow > .era-workflow-header > .era-draft-actions {
    padding-top: 0;
  }
}

.era-posting-workflow.cash-workspace .field-select {
  width: 100%;
  min-width: 0;
}

.era-posting-workflow.cash-workspace .field-select .rs__control {
  background: var(--white);
  border: var(--hairline) solid var(--gray-200);
  width: 100%;
  min-width: 0;
  box-shadow: inset 0 var(--hairline) var(--nudge-2) #0000000a;
}

.era-posting-workflow.cash-workspace .field-select .rs__control:hover {
  background: var(--white);
  border-color: var(--color-border-600);
}

.era-posting-workflow.cash-workspace .field-select .rs__control--is-focused {
  border-color: var(--color-primary-700);
}

.era-posting-workflow.cash-workspace .field-select .rs__control--is-disabled {
  opacity: .65;
  box-shadow: none;
}

.era-posting-workflow.cash-workspace .field-select .rs__single-value {
  color: var(--color-text);
  font-weight: 500;
}

.era-posting-workflow.cash-workspace .field-select .rs__placeholder {
  font-weight: 400;
}

.era-draft-transactions {
  box-sizing: border-box;
  min-height: 0;
  max-height: 25vh;
  padding: var(--space-3);
  background: var(--white);
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  flex-direction: column;
  flex: none;
  display: flex;
  overflow: hidden;
}

.era-draft-transactions > h4 {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin: 0;
  font-weight: 500;
}

.era-draft-transactions .era-draft-transactions-toggle {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  box-shadow: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
}

.era-draft-transactions .era-draft-transactions-toggle:focus-visible {
  outline: var(--hairline) solid var(--color-secondary);
  outline-offset: var(--space-1);
}

.era-draft-transactions .cash-chevron {
  color: var(--gray-500);
  font-size: var(--ag-grid-font-size, var(--type-value));
  font-weight: 900;
  line-height: 1;
}

.era-draft-transactions .era-draft-transactions-body {
  flex: 0 auto;
  min-height: 0;
  overflow: auto;
}

.era-draft-transactions .cash-note {
  margin: var(--space-1) 0;
}

.era-draft-transactions .cash-table {
  margin: 0;
}

.era-draft-transactions .cash-table th, .era-draft-transactions .cash-table td {
  white-space: nowrap;
}

.era-batch-evidence {
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  color: var(--color-text);
  background: var(--color-background-200);
  font-size: var(--type-value);
  line-height: var(--type-row-line);
  padding: var(--space-3);
  box-sizing: border-box;
  overflow: auto;
}

.era-batch-evidence header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.era-batch-evidence h3, .era-batch-evidence h4 {
  margin: 0 0 var(--space-2);
  font-size: var(--type-value);
  font-weight: 500;
}

.era-batch-evidence p {
  margin: var(--space-2) 0;
}

.era-batch-evidence .era-evidence-note {
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
}

.era-batch-evidence .era-evidence-warning {
  color: var(--color-warning-ink);
}

.era-batch-evidence .era-evidence-scroll {
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
}

.era-batch-evidence .era-evidence-scroll[aria-label="ERA Claims"] {
  width: 100%;
  container: era-claims / inline-size;
}

.era-batch-evidence .era-evidence-scroll[aria-label="ERA Claims"] > table.cash-table {
  width: 100%;
}

.era-batch-evidence .cash-table td.era-evidence-reason {
  max-width: 180px;
}

.era-batch-evidence .cash-table td.era-evidence-item {
  max-width: 240px;
}

.era-batch-evidence .cash-table td.era-evidence-payer {
  max-width: 200px;
}

.era-batch-evidence .era-evidence-reason-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

.era-batch-evidence .era-evidence-reason-text:focus-visible {
  outline: var(--hairline) solid var(--color-primary);
  outline-offset: var(--nudge-2);
}

.era-batch-evidence table.cash-table {
  border-collapse: collapse;
  background: var(--white);
  width: max-content;
  font-size: var(--type-value);
}

.era-batch-evidence .cash-table th, .era-batch-evidence .cash-table td {
  padding: var(--space-2);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: var(--hairline) solid var(--gray-100);
  font-variant-numeric: tabular-nums slashed-zero;
}

.era-batch-evidence .cash-table th {
  background: var(--color-border-500);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  font-weight: 400;
}

.era-batch-evidence .cash-table tr:last-child > td {
  border-bottom: 0;
}

.era-batch-evidence .era-evidence-row {
  cursor: pointer;
}

.era-batch-evidence .cash-table .era-evidence-row.is-expanded > td {
  --ag-selected-row-background-color: var(--grid-selected-row-background);
  --color-text-muted-ink: var(--color-text-600);
  clip-path: inset(-12px 0);
  position: relative;
  box-shadow: 0 3px 10px #45494f38, 0 1px 3px #45494f24;
  background-color: var(--grid-selected-row-background) !important;
  border-top: var(--hairline) solid var(--color-primary-700) !important;
  border-bottom: var(--hairline) solid var(--color-primary-700) !important;
  z-index: 6 !important;
  box-shadow: inset 0 var(--hairline) 0 var(--color-primary-700), 0 3px 10px #45494f38, 0 1px 3px #45494f24 !important;
  overflow: visible !important;
}

.era-batch-evidence .cash-table .era-evidence-row.is-expanded > td.era-evidence-toggle {
  position: sticky;
}

.era-batch-evidence .cash-table .era-evidence-paid {
  font-weight: 500;
}

.era-batch-evidence .cash-table .era-evidence-center {
  text-align: center;
}

.era-batch-evidence .cash-table .era-evidence-money {
  text-align: right;
}

.era-batch-evidence .era-evidence-status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #9ba4b7 var(--status-pill-tint, 20%), #fff);
  color: #575a62;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  vertical-align: middle;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.era-batch-evidence .era-evidence-reviewed > td > .era-evidence-value {
  color: var(--color-text-muted-ink);
  display: inline-block;
  position: relative;
}

.era-batch-evidence .era-evidence-reviewed > td > .era-evidence-value:after {
  content: "";
  border-top: var(--hairline) solid currentColor;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.era-batch-evidence .cash-table .era-evidence-detail > td {
  padding: var(--space-3) var(--space-4);
  background: var(--color-background-200);
  white-space: normal;
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.era-batch-evidence .cash-table .era-evidence-detail > td > * {
  animation: .22s cubic-bezier(.16, 1, .3, 1) era-evidence-detail-open;
}

@media (prefers-reduced-motion: reduce) {
  .era-batch-evidence .cash-table .era-evidence-detail > td > * {
    animation: none;
  }
}

.era-batch-evidence .era-evidence-detail section + section {
  margin-top: var(--space-3);
}

.era-batch-evidence .era-evidence-claim-detail {
  gap: var(--space-3);
  width: calc(100cqi - 2 * var(--space-4));
  min-width: 0;
  left: var(--space-4);
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  position: sticky;
}

.era-batch-evidence .era-evidence-claim-detail > section {
  min-width: 0;
  max-width: 100%;
}

.era-batch-evidence .era-evidence-claim-detail > section + section {
  margin-top: 0;
}

.era-batch-evidence .era-evidence-claim-detail-top {
  align-items: flex-start;
  gap: var(--space-4);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.era-batch-evidence .era-evidence-claim-detail-top > section {
  flex: 0 auto;
  min-width: 0;
  max-width: 100%;
}

.era-batch-evidence .era-evidence-detail .era-evidence-claim-detail-top > section + section {
  margin-top: 0;
}

.era-batch-evidence .era-evidence-crossover-fields {
  gap: var(--space-3) var(--space-4);
  width: 560px;
  min-width: 0;
  max-width: 100%;
  padding: var(--space-3);
  box-sizing: border-box;
  border: var(--hairline) solid var(--gray-100);
  border-radius: var(--space-2);
  background: var(--white);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  display: grid;
}

.era-batch-evidence .era-evidence-crossover-field {
  min-width: 0;
}

.era-batch-evidence .era-evidence-crossover-field:nth-child(-n+2) {
  grid-column: span 2;
}

.era-batch-evidence .era-evidence-crossover-field > dt {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  margin: 0 0 var(--space-1);
  font-weight: 400;
}

.era-batch-evidence .era-evidence-crossover-field > dd {
  font-size: var(--type-value);
  font-variant-numeric: tabular-nums slashed-zero;
  margin: 0;
}

.era-batch-evidence .era-evidence-claim-detail-adjustments {
  align-items: flex-start;
  gap: var(--space-3) var(--space-4);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
  overflow-x: auto;
}

.era-batch-evidence .era-evidence-claim-detail-adjustments > section {
  flex: 0 auto;
  min-width: 0;
  max-width: 100%;
}

.era-batch-evidence .era-evidence-detail .era-evidence-claim-detail-adjustments > section + section {
  margin-top: 0;
}

.era-batch-evidence .cash-table .era-evidence-row.is-selected > td {
  background: var(--grid-selected-row-background);
  border-top: var(--hairline) solid var(--color-primary-700);
  box-shadow: inset 0 var(--hairline) 0 var(--color-primary-700);
  border-bottom: var(--hairline) solid var(--color-primary-700);
}

.era-batch-evidence .cash-table tbody > tr.era-evidence-row.is-selected:last-child > td, .era-batch-evidence .cash-table tbody > tr.era-evidence-row.is-expanded:last-child > td {
  border-bottom: 0 !important;
}

.era-batch-evidence .cash-table .era-evidence-row[tabindex]:focus-visible {
  outline: var(--hairline) solid var(--color-primary);
  outline-offset: calc(-1 * var(--hairline));
}

.era-batch-evidence .era-evidence-empty {
  text-align: center;
  padding: var(--space-6);
  color: var(--color-text-muted-ink);
}

.era-batch-evidence .cash-table .era-evidence-toggle {
  width: var(--space-8);
  min-width: var(--space-8);
  text-align: right;
  z-index: 1;
  background: var(--white);
  box-shadow: calc(-1 * var(--hairline)) 0 var(--gray-100);
  position: sticky;
  right: 0;
}

.era-batch-evidence .cash-table th.era-evidence-toggle {
  background: var(--color-border-500);
  z-index: 2;
}

.era-batch-evidence .era-evidence-scroll.has-hidden-columns .cash-table th.era-evidence-toggle, .era-batch-evidence .era-evidence-scroll.has-hidden-columns .cash-table td.era-evidence-toggle {
  box-shadow: -8px 0 10px -4px #45494f47 !important;
}

.era-batch-evidence .cash-table .era-evidence-row.is-expanded > td.era-evidence-toggle {
  background: var(--grid-selected-row-background);
}

.era-batch-evidence .era-evidence-toggle button {
  min-width: var(--space-6);
  min-height: var(--space-6);
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.era-batch-evidence .era-evidence-toggle button .cash-chevron {
  color: var(--gray-500);
  font-size: var(--ag-grid-font-size, var(--type-value));
  font-weight: 900;
  line-height: 1;
}

.era-batch-evidence .era-evidence-button {
  align-items: center;
  gap: var(--space-2);
  min-height: 0;
  box-shadow: none;
  color: var(--color-primary-ink);
  font-family: inherit;
  font-size: var(--type-label);
  font-weight: 500;
  line-height: var(--type-row-line);
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  text-decoration: none;
  display: inline-flex;
}

.era-batch-evidence .era-evidence-button i {
  font-size: inherit;
}

.era-batch-evidence .era-evidence-button:hover:not(:disabled) > .era-evidence-action-label {
  text-decoration: underline;
}

.era-batch-evidence .era-evidence-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.era-batch-evidence .era-evidence-actions {
  white-space: normal;
}

.era-batch-evidence .era-evidence-row-actions {
  align-items: center;
  gap: var(--space-3);
  white-space: nowrap;
  display: flex;
}

.era-batch-evidence .era-evidence-row-actions > .era-evidence-note {
  white-space: normal;
  max-width: 24rem;
}

.era-batch-evidence .era-evidence-button.era-evidence-reversal {
  color: var(--color-error-ink);
}

.era-batch-evidence .era-evidence-action {
  gap: var(--space-1);
  flex-direction: column;
  display: inline-flex;
}

.era-batch-evidence .era-evidence-added {
  font-size: var(--type-label);
  align-items: center;
  gap: var(--space-2);
  color: var(--color-success-ink);
  font-weight: 500;
  display: inline-flex;
}

.era-batch-evidence [role="alert"] {
  white-space: normal;
  color: var(--color-error-ink);
  display: block;
}

.era-batch-evidence .era-evidence-header {
  gap: var(--space-4);
  margin: 0 0 var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.era-batch-evidence dt {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.era-batch-evidence dd {
  margin: var(--space-1) 0 0;
  font-weight: 500;
}

.era-batch-evidence button:focus-visible, .era-batch-evidence summary:focus-visible {
  outline: var(--hairline) solid var(--color-primary);
  outline-offset: var(--nudge-2);
}

.era-receipt-layout .era-batch-evidence .era-evidence-header > div {
  overflow-wrap: anywhere;
  min-width: 0;
  max-width: 100%;
}

.era-receipt-layout .era-batch-evidence .era-evidence-scroll[aria-label="Provider Adjustments"] {
  width: 100%;
}

.era-receipt-layout .era-batch-evidence table.cash-table[aria-label="Provider Adjustments"] {
  table-layout: auto;
  width: 100%;
  min-width: 640px;
}

.era-receipt-layout .era-batch-evidence table.cash-table[aria-label="Provider Adjustments"] th, .era-receipt-layout .era-batch-evidence table.cash-table[aria-label="Provider Adjustments"] td {
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.era-receipt-layout .era-batch-evidence table.cash-table[aria-label="Provider Adjustments"] th:last-child, .era-receipt-layout .era-batch-evidence table.cash-table[aria-label="Provider Adjustments"] td:last-child {
  white-space: nowrap;
  width: 90px;
}

@container era-claims (width <= 1499px) {
  .era-batch-evidence table.cash-table[aria-label="ERA Claims"] > thead > tr > th {
    white-space: normal;
  }

  .era-batch-evidence table.cash-table[aria-label="ERA Claims"] > * > tr:not(.era-evidence-detail) > :is(th, td):not(.era-evidence-toggle) {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
  }

  .era-batch-evidence table.cash-table[aria-label="ERA Claims"] > tbody > tr > td.era-evidence-item {
    width: 16%;
    min-width: 56px;
    max-width: none;
  }

  .era-batch-evidence table.cash-table[aria-label="ERA Claims"] > tbody > tr > td.era-evidence-payer {
    width: 12%;
    min-width: 56px;
    max-width: none;
  }

  .era-batch-evidence table.cash-table[aria-label="ERA Claims"] > tbody > tr > :is(td.era-evidence-item, td.era-evidence-payer) > .era-evidence-reason-text {
    width: 0;
    min-width: 100%;
  }
}

@keyframes era-evidence-detail-open {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cash-activity-shell {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
}

.cash-subtab-bar {
  flex: none;
  min-width: 0;
}

.cash-subtab-bar > .tab-list-default {
  width: auto;
}

.cash-subtab-bar .tab-avatar {
  align-items: center;
  display: inline-flex;
  transform: translateY(1px);
}

.cash-subtab-bar .cash-subtab-icon {
  font-weight: 300;
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button {
  height: 36px;
  padding: 0 var(--space-3);
  gap: var(--space-2);
  align-items: center;
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button.tab-active {
  gap: var(--space-2);
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button .tab-label, .cash-subtab-bar .lvl-2-tab-list .tab-list-button.tab-active .tab-label {
  font-size: var(--nav-label-size);
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button.tab-active .tab-label {
  padding: 0;
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button:not(.tab-active) .tab-label {
  color: var(--gray-700);
  font-weight: 400;
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button:not(.tab-active) .cash-subtab-icon {
  color: var(--gray-700);
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button:not(.tab-active):hover .tab-label, .cash-subtab-bar .lvl-2-tab-list .tab-list-button:not(.tab-active):hover .cash-subtab-icon {
  color: var(--color-text);
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button.tab-active:first-child {
  margin-left: 0;
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button.tab-active:last-child {
  margin-right: 0;
}

.cash-subtab-bar .lvl-2-tab-list .tab-list-button .tab-label, .cash-subtab-bar .lvl-2-tab-list .tab-list-button .tab-avatar, .cash-subtab-bar .lvl-2-tab-list .tab-list-button .tab-avatar > i {
  line-height: 1;
}

.cash-activity-shell > .ar-manager-container {
  flex: 1 1 0;
  height: auto;
  min-height: 0;
}

.cash-modal-host:has(.cr-activity-modal.cash-invoice-activity) {
  width: min(1400px, 92vw);
  max-width: 92vw;
}

.cash-adjustments .cash-adjustment-stage {
  gap: var(--space-3);
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.cash-adjustments .cash-adjustment-workspace {
  display: contents;
}

.cash-adjustments .cash-native-control {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  font-size: var(--type-value);
}

.cash-adjustments .cash-native-control:disabled {
  opacity: .6;
}

.cash-adjustments .cash-native-control:focus-visible {
  border-color: var(--color-primary-700);
  outline: none;
}

.cash-adjustments .cash-adjustment-context {
  align-items: flex-start;
  gap: var(--space-4);
  flex-wrap: wrap;
  display: flex;
}

.cash-adjustments .cash-adjustment-context > .cash-adjustment-scope {
  align-items: flex-start;
  gap: var(--space-2);
  flex-wrap: wrap;
  flex: 1 1 calc(4 * 180px + 3 * var(--space-2));
  min-width: 0;
  max-width: calc(4 * 280px + 3 * var(--space-2));
  display: flex;
}

.cash-adjustments .cash-adjustment-context > .cash-adjustment-scope > .cash-context-select {
  flex: 180px;
  min-width: 180px;
  max-width: 280px;
}

.cash-adjustments .cash-adjustment-context > .cash-adjustment-defaults {
  align-items: start;
  gap: var(--space-2);
  flex: none;
  grid-template-columns: repeat(3, 200px);
  min-width: 0;
  max-width: 100%;
  display: grid;
}

.cash-adjustments .cash-adjustment-context .cash-adjustment-defaults > .cash-context-select, .cash-adjustments .cash-adjustment-context .cash-adjustment-defaults > .cash-allocation-post-date {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.cash-adjustments .cash-adjustment-context .cash-adjustment-defaults .field-select, .cash-adjustments .cash-adjustment-context .cash-adjustment-defaults .rs__control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.cash-adjustments .cash-adjustment-context .cash-adjustment-defaults-title, .cash-adjustments .cash-adjustment-context .cash-adjustment-comment {
  grid-column: 1 / -1;
}

.cash-adjustments .cash-adjustment-context > .cash-adjustment-scope > .cash-adjustment-group-title {
  flex: 100%;
  min-width: 0;
}

.cash-adjustments .cash-adjustment-context .cash-adjustment-scope-note {
  contain: inline-size;
  min-width: 0;
  max-width: none;
  padding-top: var(--space-2);
  flex: 100%;
  margin: 0;
}

.cash-adjustments .cash-adjustment-context .cash-adjustment-comment {
  min-width: 0;
  max-width: none;
  margin: 0;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  max-width: 100%;
  padding: 0 var(--space-3);
  align-items: center;
  gap: 10px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div {
  flex: 1;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box:focus-within input::placeholder {
  opacity: .35;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box:focus-within img {
  opacity: .95;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box input:disabled {
  opacity: .6;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div, .cash-adjustments .cash-adjustment-context .cash-comment-box > div > input[type="text"] {
  width: 100%;
  min-width: 0;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div > input[type="text"] {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  padding: 0;
}

.cash-adjustments .cash-adjustment-context .cash-comment-box > div > input[type="text"]:focus, .cash-adjustments .cash-adjustment-context .cash-comment-box > div > input[type="text"]:focus-visible {
  box-shadow: none;
  outline-offset: 0;
  background: none;
  border: 0;
  outline: 0;
}

.cash-adjustments .cash-adjustment-row-table {
  min-width: 1160px;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-row-comment {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-choice-cell {
  box-sizing: border-box;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-subtype-cell {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-amount-cell {
  box-sizing: border-box;
  width: 0;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-amount-cell > .cash-note {
  white-space: normal;
  max-width: 100%;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-row-select {
  box-sizing: border-box;
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-row-select .rs__control {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.cash-adjustments .cash-adjustment-row-table thead .cash-required-label.is-empty {
  color: var(--color-error-ink);
}

.cash-adjustments .cash-adjustment-row-table .cash-adjustment-row-select.is-invalid .rs__control, .cash-adjustments .cash-adjustment-row-table .cash-adjustment-row-select.is-invalid .rs__control--is-focused, .cash-adjustments .cash-adjustment-row-table input.cash-money-input.is-invalid, .cash-adjustments .cash-adjustment-row-table input.cash-money-input.is-invalid:hover, .cash-adjustments .cash-adjustment-row-table input.cash-money-input.is-invalid:focus, .cash-adjustments .cash-adjustment-row-table input.cash-money-input.is-invalid:focus-visible, .cash-adjustments .cash-adjustment-row-table input.cash-money-input[aria-invalid="true"], .cash-adjustments .cash-adjustment-row-table input.cash-money-input[aria-invalid="true"]:hover, .cash-adjustments .cash-adjustment-row-table input.cash-money-input[aria-invalid="true"]:focus, .cash-adjustments .cash-adjustment-row-table input.cash-money-input[aria-invalid="true"]:focus-visible, .cash-adjustments .cash-adjustment-row-table input.cash-adjustment-row-comment.is-invalid, .cash-adjustments .cash-adjustment-row-table input.cash-adjustment-row-comment.is-invalid:hover, .cash-adjustments .cash-adjustment-row-table input.cash-adjustment-row-comment.is-invalid:focus, .cash-adjustments .cash-adjustment-row-table input.cash-adjustment-row-comment.is-invalid:focus-visible {
  border-color: var(--color-error-ink) !important;
}

.cash-adjustments .cash-adjustment-row-table .cash-money-input {
  box-sizing: border-box;
  -webkit-text-fill-color: currentcolor;
  width: 100%;
  min-width: 0;
}

.cash-adjustments .cash-adjustment-row-table .cash-money-input.cash-adjustment-positive, .cash-adjustments .cash-adjustment-row-table .cash-money-input.cash-adjustment-positive:disabled {
  color: var(--color-success-ink);
}

.cash-adjustments .cash-adjustment-row-table .cash-money-input.cash-adjustment-negative, .cash-adjustments .cash-adjustment-row-table .cash-money-input.cash-adjustment-negative:disabled, .cash-adjustments .cash-link.cash-adjustment-remove {
  color: var(--color-error-ink);
}

.cash-adjustments .cash-detail-loading {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3);
  margin: 0;
  display: flex;
}

.cash-adjustments .cash-charge-lines-heading {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  display: flex;
}

.cash-adjustments .cash-charge-lines-heading > h4 {
  min-width: 0;
  margin: 0;
}

.cash-adjustments .cash-charge-review-row > td {
  padding: var(--space-2) var(--space-3);
  vertical-align: middle;
}

.cash-adjustments .cash-note.cash-charge-review {
  align-items: center;
  gap: var(--space-2);
  color: var(--color-error-ink);
  font-size: var(--type-label);
  margin: 0;
  font-weight: 500;
  display: flex;
}

.cash-adjustments .cash-note.cash-charge-review > i {
  font-size: inherit;
}

.cash-adjustments .cash-link.cash-posted-adjustments {
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  font-size: var(--type-label);
  flex-shrink: 0;
  font-weight: 500;
  display: inline-flex;
}

.cash-adjustments .cash-link.cash-posted-adjustments > i {
  font-size: inherit;
}

.cash-allocation-detail-renderer .cash-detail.cash-adjustment-detail {
  background: var(--color-background-200);
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.cash-alert.cash-approval-review {
  align-items: flex-end;
  gap: var(--space-2);
  background: var(--white);
  border-color: var(--color-warning);
  border-radius: var(--radius-medium);
  flex-direction: column;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  display: flex;
}

.cash-alert.cash-approval-review > p {
  text-align: right;
  color: var(--color-warning-ink);
  margin: 0;
}

.cash-alert.cash-approval-review .cash-approval-violations-frame {
  width: fit-content;
  max-width: 100%;
}

.cash-alert.cash-approval-review .cash-table.cash-approval-violations {
  width: auto;
  color: var(--color-text);
}

.cash-alert.cash-approval-review .cash-table.cash-approval-violations th, .cash-alert.cash-approval-review .cash-table.cash-approval-violations td {
  white-space: nowrap;
}

.cash-approval-review > .cash-note {
  text-align: right;
  margin: 0;
}

.queue-actions .standalone-scanner .scanner-layover {
  background-color: #7c7c7c80;
  border-radius: 8px;
  width: 100% !important;
  height: 100% !important;
}

@keyframes scanner-backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes scanner-modal-in {
  from {
    opacity: 0;
    transform: scale(.96) translateY(8px);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.standalone-scanner-input {
  background-color: #0000;
  border: none;
  width: 0;
  height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
}

.standalone-scanner {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.standalone-scanner .scanner-layover {
  text-align: center;
  background: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  animation: .2s ease-out both scanner-backdrop-in;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.standalone-scanner .scanner-layover .scanner-layover-inner {
  padding: var(--space-7);
  color: #fff;
  backdrop-filter: blur(24px) saturate(160%);
  background: linear-gradient(#747b88c7 0%, #4a4f58bd 38%, #30343bcc 100%);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 1400px;
  height: 800px;
  animation: .25s ease-out both scanner-modal-in;
  display: flex;
  position: relative;
  box-shadow: inset 0 1px #ffffff4d, inset 0 -1px #ffffff0f, inset 0 0 0 1px #ffffff0d, 0 24px 48px #0000002e, 0 10px 22px #0000001a, 0 2px 6px #00000014;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-animation {
  width: 150px;
  height: auto;
  margin: var(--space-5) 0 40px 0;
  background: #fff;
  transition: width .3s, margin .3s;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-animation.scan-animation-compact {
  width: 64px;
  margin: var(--space-2) 0 var(--space-4) 0;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table {
  border-collapse: collapse;
  color: #fff;
  width: 100%;
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table th, .standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table td {
  text-align: center;
  border-bottom: 1px solid #ffffff1f;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table th:first-child, .standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table td:first-child {
  text-align: left;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table th {
  color: #ffffffb8;
  font-weight: 500;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scanner-items-table td {
  color: #ffffffeb;
  font-weight: 400;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs {
  text-align: left;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  display: inline-block;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control {
  border-radius: var(--radius-medium);
  background: var(--color-background-400);
  isolation: isolate;
  border: 1px solid #0000;
  flex-wrap: nowrap;
  align-items: center;
  min-width: 212px;
  min-height: 40px;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  box-shadow: 0 2px 2px #dcdcdc, 0 2px 5px #0000000f;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:hover {
  background: color-mix(in srgb, var(--color-background-400) 50%, var(--white));
  border-color: #0000;
  box-shadow: 0 3px 6px #00000026;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control--is-focused {
  background: var(--white);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent), 0 2px 2px 0 #dcdcdc;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control--is-focused:hover {
  border-color: var(--color-primary);
  background: var(--white);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent), 0 2px 2px 0 #dcdcdc;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:has(.rs__single-value, .rs__multi-value), .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:has(.rs__single-value, .rs__multi-value):hover {
  background: var(--white);
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__value-container {
  padding: 2px var(--space-3);
  align-items: center;
  min-width: 0;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__input-container {
  margin: 0;
  padding: 0;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__single-value {
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__indicator-separator {
  display: none;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__indicator {
  padding: var(--space-1) var(--space-2);
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__dropdown-indicator svg, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__clear-indicator svg {
  width: 12px;
  height: 12px;
  color: var(--color-text-muted-ink);
  fill: var(--gray-500);
  stroke-width: 0;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__clear-indicator {
  padding: var(--spacing-xsmall);
  cursor: pointer;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__menu {
  margin-top: var(--spacing-small);
  backdrop-filter: blur(2px);
  z-index: var(--z-dropdown);
  background: #ffffffe0;
  border: 1px solid #fff6;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 18px 50px #00000024, inset 0 1px #ffffff59;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__menu-list {
  padding: var(--spacing-small);
  max-height: 420px;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__option {
  padding: 10px var(--space-3);
  color: var(--color-text);
  cursor: pointer;
  border-radius: 8px;
  transition: background-color .12s;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__option--is-focused {
  background: color-mix(in srgb, var(--color-primary-700) 14%, transparent);
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__option--is-selected {
  background: color-mix(in srgb, var(--color-primary-700) 22%, transparent);
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:hover, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control--is-focused, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:has(.rs__single-value, .rs__multi-value), .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:has(.rs__single-value, .rs__multi-value):hover {
  border-radius: var(--radius-small);
  background: #ffffff2e;
  border: 1px solid #ffffff4d;
  min-width: 130px;
  min-height: 30px;
  box-shadow: inset 0 1px #ffffff40;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control:hover {
  border-color: #ffffff8c;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__control--is-focused {
  background: #ffffff42;
  border-color: #ffffff6b;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs.is-required .rs__control {
  border-color: var(--color-error);
  box-shadow: 0 0 0 1px var(--color-error);
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs.is-required .rs__control--is-focused {
  border-color: #ffffff6b;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__value-container {
  padding: 0 var(--space-2);
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__indicator {
  padding: 2px var(--space-1);
  color: #fffc;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__single-value, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__input, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__input-container {
  color: #fffffff5;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__placeholder {
  color: #fff9;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__dropdown-indicator svg, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__clear-indicator svg {
  color: #fffc;
  fill: #fffc;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__clear-indicator path {
  fill: #fffc;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-rs .rs__clear-indicator:hover path {
  fill: #fff;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-qty {
  text-align: center;
  width: 64px;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: #fffffff5;
  border-radius: var(--radius-small);
  padding: var(--space-1) var(--space-2);
  background: #ffffff2e;
  border: 1px solid #ffffff4d;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  box-shadow: inset 0 1px #ffffff40;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-qty:hover:not(:disabled) {
  border-color: #ffffff8c;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-qty:focus, .standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-qty:focus-visible {
  background: #ffffff42;
  border-color: #ffffff6b;
  outline: none;
  box-shadow: 0 8px 24px #0000001a, inset 0 1px #ffffff8c;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-inline-qty:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .scan-continue-text {
  font-size: var(--type-control);
  color: #fff;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.standalone-scanner .scanner-layover .scanner-layover-inner .waiting {
  color: #ffffffb8;
  font-family: Soehne, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.standalone-scanner .scanner-layover .scanner-layover-inner > p {
  font-size: var(--type-control);
  z-index: 2147483647;
  opacity: 1;
}

.standalone-scanner .scanner-layover .scanner-layover-inner > p span {
  font-size: var(--type-value);
  padding: var(--space-1);
  color: #d26158;
  background-color: #fff;
  border-radius: 5px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.standalone-scanner .scanner-layover .scanner-modal:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff38, inset 0 0 0 1px #ffffff0a;
}

.standalone-scanner .scanner-layover .scanner-modal:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: .9;
  background: linear-gradient(#ffffff29 0%, #ffffff0f 18%, #fff0 42%);
  position: absolute;
  inset: 0;
}

.standalone-scanner .scan-footer {
  margin-top: var(--space-7);
}

.standalone-scanner .center {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.standalone-scanner .scan-preparing {
  gap: var(--space-3);
  flex-direction: column;
}

.standalone-scanner .fa-spinner {
  font-size: 2em !important;
}

.standalone-scanner .error {
  color: #d26158;
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.standalone-scanner .scan-status {
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  padding: var(--space-2) var(--space-3);
  border-radius: 6px;
}

.standalone-scanner .scan-status.scan-status-success {
  color: var(--color-success-ink, #1f6f43);
  background: var(--color-success-25, #eef8f1);
}

.standalone-scanner .scan-status.scan-status-warning {
  color: var(--color-warning-ink);
  background: var(--color-warning-25);
}

.standalone-scanner .scan-status.scan-status-error {
  color: #d26158;
  background: #00000008;
}

.standalone-scanner:not(.scan-has-items) .scanner-layover-inner {
  justify-content: center;
}

.standalone-scanner:not(.scan-has-items) .scan-footer {
  margin-top: 0;
}

.standalone-scanner.scan-has-items .scanner-layover-inner {
  justify-content: flex-start;
}

.standalone-scanner.scan-has-items .scan-animation {
  margin: var(--space-1) auto 10px auto;
}

.standalone-scanner.scan-has-items .scan-footer {
  margin-top: auto;
}

.standalone-scanner .scanner-items-scroll {
  flex: auto;
  width: 100%;
  min-height: 0;
  overflow-y: auto;
}

.standalone-scanner .scanner-items-table th, .standalone-scanner .scanner-items-table td {
  padding: var(--space-1) var(--space-3);
}

.standalone-scanner .scanner-items-table thead th {
  z-index: 2;
  background: #3c4048f5;
  position: sticky;
  top: 0;
}

.standalone-scanner .scanner-items-table tr.scan-group-row td {
  background: #ffffff0f;
  font-weight: 700;
}

.standalone-scanner .scanner-items-table .scan-group-name {
  color: #fff;
  font-weight: 700;
}

.standalone-scanner .scanner-items-table .scan-group-progress {
  color: #ffffffe6;
  background: #ffffff24;
  border-radius: 10px;
  margin-left: 10px;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 600;
}

.standalone-scanner .scanner-items-table .scan-group-check {
  color: #7ee787;
  margin-left: 8px;
  font-weight: 700;
}

.standalone-scanner .scanner-items-table tr.scan-group-complete td {
  color: #fff;
  background: #2ea04347;
}

.standalone-scanner .scanner-items-table tr.scan-group-complete .scan-group-progress {
  color: #fff;
  background: #2ea0438c;
}

.standalone-scanner .scanner-items-table tr.scan-child-row td.scan-child-item {
  padding-left: 28px;
}

#flyout div[form="payer_contract"], .window-manager-content[data-form="payer_contract"] {
  gap: var(--space-2) !important;
}

#flyout div[form="payer_contract"] .payer-contract-btn-row, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) 0;
  flex-direction: row;
  display: flex;
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .button-common, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--gray-700);
  padding: var(--spacing-standard);
  gap: var(--tab-list-button-common-gap, 5px);
  cursor: pointer;
  white-space: nowrap;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 120px;
  transition: all .2s;
  display: flex;
  border-radius: 8px !important;
  min-width: max-content !important;
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .button-common:hover, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common:hover {
  background-color: #58505b14;
  transform: scale(1);
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .button-common.active, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common.active {
  background-color: var(--color-tertiary);
  color: var(--white);
  border-radius: 5px;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .button-common.active:hover, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common.active:hover {
  cursor: default;
  transform: scale(1);
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .button-common.active .tab-count, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common.active .tab-count, #flyout div[form="payer_contract"] .payer-contract-btn-row .button-common.active .tab-badge, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common.active .tab-badge, #flyout div[form="payer_contract"] .payer-contract-btn-row .button-common.active .intake-tab-badge, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common.active .intake-tab-badge, #flyout div[form="payer_contract"] .payer-contract-btn-row .button-common.active .tab-counter .count, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common.active .tab-counter .count {
  background-color: var(--white);
  color: var(--color-tertiary);
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .button-common .tab-count, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common .tab-count, #flyout div[form="payer_contract"] .payer-contract-btn-row .button-common .tab-badge, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common .tab-badge, #flyout div[form="payer_contract"] .payer-contract-btn-row .button-common .intake-tab-badge, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common .intake-tab-badge, #flyout div[form="payer_contract"] .payer-contract-btn-row .button-common .tab-counter .count, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .button-common .tab-counter .count {
  background-color: var(--color-background-950);
  color: #fff;
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-1);
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-top: var(--spacing-xsmall);
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

#flyout div[form="payer_contract"] .payer-contract-btn-row .payer-contract-tab-btns, .window-manager-content[data-form="payer_contract"] .payer-contract-btn-row .payer-contract-tab-btns {
  padding: var(--space-2);
  gap: var(--tab-list-button-common-gap);
  background: #e6e6e6;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 46px;
  display: flex;
  box-shadow: inset 0 1px 2px #0000000f, inset 0 2px 3px #0000000a;
}

#flyout div[form="payer_contract"] .payer-contract-tab-content, .window-manager-content[data-form="payer_contract"] .payer-contract-tab-content {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
  min-width: 100% !important;
}

#flyout div[form="payer_contract"] .payer-contract-tab-content .wizard-bottom-bar, .window-manager-content[data-form="payer_contract"] .payer-contract-tab-content .wizard-bottom-bar {
  margin-top: var(--space-2);
  padding: 0 !important;
}

.matrix-editor {
  gap: var(--spacing-standard);
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  display: flex;
}

.matrix-editor .matrix-editor-grid {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.matrix-editor .dsl-grid-view {
  height: 100% !important;
}

.matrix-editor .dsl-list-tab-container {
  background: none !important;
}

.matrix-editor .ag-row {
  background: #fff !important;
  border-bottom: 1px solid #ebebeb !important;
}

.matrix-editor .dsl-list-tab-container {
  backdrop-filter: unset !important;
  border: unset !important;
}

.matrix-editor .dsl-list-tab-container .dsl-list-bottom {
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.matrix-editor .dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar {
  min-height: 36px;
  padding: 6px var(--space-3);
  max-width: 358px;
}

.matrix-editor .dsl-list-tab-container .dsl-list-top {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: var(--spacing-large) !important;
  position: relative !important;
}

.matrix-editor .matrix-legends {
  align-items: center;
  gap: var(--space-4);
  z-index: 1;
  pointer-events: auto;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.matrix-editor .matrix-legend-item {
  align-items: center;
  gap: var(--space-1);
  font-size: var(--font-size-xsmall);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  display: flex;
}

.matrix-editor .matrix-legend-item i {
  font-size: var(--type-value);
}

.matrix-editor .matrix-row-off-contract .ag-cell, .matrix-editor .matrix-row-off-contract .ag-cell-value, .matrix-editor .matrix-row-off-contract .matrix-name-text, .matrix-editor .matrix-row-off-contract .matrix-name-subtitle {
  color: var(--color-text-muted-ink) !important;
}

.matrix-editor .matrix-row-off-contract .matrix-name-text {
  font-weight: 400 !important;
}

.matrix-editor .matrix-unassigned:not(.tr-select) {
  background-color: #f4999b4d !important;
}

.matrix-editor .matrix-editor-row {
  gap: 10px;
  display: flex;
}

.matrix-editor .matrix-editor-row:first-child {
  height: 60% !important;
  min-height: 60% !important;
  max-height: 60% !important;
}

.matrix-editor .matrix-editor-row:first-child .no-item-cont {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.matrix-editor .matrix-editor-row:first-child .container-label {
  color: #42437b;
  width: 100%;
  min-height: 34px;
  font-size: var(--type-label);
  letter-spacing: 0;
  text-align: left;
  padding-left: var(--space-4);
  text-transform: uppercase;
  background: #dfe1ef;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.matrix-editor .matrix-editor-row:last-child {
  height: 40% !important;
  min-height: 40% !important;
  max-height: 40% !important;
}

.matrix-editor .matrix-editor-row .matrix-editor-item {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.inventory-compact-list .compact-btns-container {
  display: none;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.inventory-compact-list .searchbox {
  flex-direction: column;
  width: 100%;
  padding: 2px 0;
  display: flex;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.inventory-compact-list .searchbox .search-input {
  border: none;
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .form-container {
  min-width: 100%;
  min-height: calc(100% - var(--wizard-bottom-bar-height) + var(--form-container-g));
  margin: 0 !important;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .form-container .cardarea > h3:first-child, .matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .form-container .cardarea h4 {
  display: none;
}

.matrix-editor .matrix-editor-row .matrix-editor-item.dsl-editor .wizard-bottom-bar {
  min-height: fit-content;
  padding: 10px;
}

.matrix-editor .matrix-editor-footer {
  width: 100%;
  padding: var(--space-2) var(--space-4);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  max-height: 70px;
  padding-bottom: 0;
  display: flex;
}

.matrix-editor .matrix-editor-footer .footer-center-buttons {
  align-items: center;
  display: flex;
}

.matrix-editor .matrix-editor-footer .footer-center-buttons .footer-icon-btn {
  align-items: center;
  gap: var(--space-1);
  cursor: pointer;
  padding: var(--space-2) var(--space-3);
  border-radius: 6px;
  flex-direction: column;
  transition: background-color .2s;
  display: flex;
}

.matrix-editor .matrix-editor-footer .footer-center-buttons .footer-icon-btn:hover {
  background-color: #0000000d;
}

.matrix-editor .matrix-editor-footer .footer-center-buttons .footer-icon-btn i {
  font-size: var(--icon-size-sm);
  color: var(--color-text-700);
}

.matrix-editor .matrix-editor-footer .footer-center-buttons .footer-icon-btn span {
  font-size: var(--font-size-xxsmall);
  color: var(--color-text-700);
  white-space: nowrap;
  font-family: Heebo, sans-serif;
  font-weight: 500;
}

.dsl-list-compact {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.dsl-list-compact.card-one {
  background-color: #0000 !important;
}

.dsl-list-compact--top-right .dsl-list-compact__header {
  padding: 0 16px var(--spacing-small) 16px;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn {
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: capitalize;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  box-shadow: inset 0 1px 2px #ffffff2e, inset 0 -1px 2px #0000003d;
  background-color: var(--brand-700) !important;
  min-width: 30px !important;
  margin: 0 !important;
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn .inner-cont {
  margin-top: 0 !important;
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn .inner-cont .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  filter: brightness(0) invert() !important;
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn .inner-cont .label {
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  background-color: #0000;
  font-size: var(--font-size-xsmall) !important;
  color: var(--white) !important;
  filter: none !important;
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn:hover {
  background-color: var(--brand-800);
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn:focus {
  box-shadow: 0 1px 2px 0 #ffffff2e inset, 0 -1px 2px 0 #0000003d inset, 0 0 0 2px var(--white), 0 0 0 4px var(--color-tertiary);
}

.dsl-list-compact--top-right .dsl-list-compact__header .dsl-action-btn.disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  filter: none !important;
}

.dsl-list-compact--top-right .dsl-grid-view {
  margin-bottom: var(--spacing-small);
}

.dsl-list-compact .tr-select {
  background: #5a595833 !important;
}

.dsl-list-compact tr {
  background-color: #0000 !important;
}

.dsl-list-compact tr:hover:not(.tr-select) {
  background: #5a59580d !important;
}

.dsl-list-compact .dsl-grid-view {
  border-bottom: none;
  border-radius: 8px !important;
}

.dsl-list-compact table {
  margin: 0 !important;
}

.dsl-list-compact table thead tr th:first-child {
  border-top-left-radius: unset !important;
}

.dsl-list-compact table thead tr th:last-child {
  border-top-right-radius: unset !important;
}

.dsl-list-compact .dataTables_scroll {
  box-shadow: none !important;
  min-height: 50px !important;
  max-height: 100% !important;
}

.dsl-list-compact .dataTables_scrollBody {
  background-color: #0000;
  padding-bottom: 2px;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.dsl-list-compact .dataTables_info, .dsl-list-compact .dataTables_paginate {
  display: none !important;
}

.dsl-list-compact .compact-btns-container {
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.dsl-list-compact .compact-btns-container:not(:has( > .dsl-action-btn:not(.disabled))) {
  padding-top: 0;
  padding-bottom: 0;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn {
  margin: var(--spacing-large) 0px 4px 4px;
  cursor: pointer;
  padding: var(--spacing-standard) var(--spacing-xlarge);
  text-transform: capitalize;
  gap: var(--spacing-xsmall);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: fit-content;
  min-height: 36px;
  display: flex;
  min-width: 30px !important;
  margin-top: 0 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn .inner-cont {
  margin-top: 0 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn .inner-cont .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn .inner-cont .label {
  font-weight: var(--font-weight-medium);
  background-color: #0000;
  font-size: var(--font-size-xsmall) !important;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-100) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .label {
  color: var(--brand-700) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add .inner-cont .icon, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .icon {
  filter: brightness(0) saturate() invert(46%) sepia(19%) saturate(745%) hue-rotate(209deg) brightness(99%) contrast(92%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:hover, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover {
  background-color: var(--color-text-50) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:hover .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover .inner-cont .label {
  color: var(--brand-800);
  background-color: #0000;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:focus, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus {
  background-color: var(--brand-100);
  box-shadow: 0px 0px 0px 1px #0a0d122e inset, 0px -2px 0px 0px #0a0d120d inset, 0px 1px 2px 0px #0a0d120d, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-tertiary);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add:focus .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus .inner-cont .label {
  color: var(--brand-700);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add.disabled, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled {
  outline: 1px solid var(--brand-100);
  background-color: var(--color-text-50) !important;
  opacity: .66 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add.disabled .inner-cont .icon, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .icon {
  filter: invert(65%) sepia(6%) saturate(120%) hue-rotate(180deg) brightness(95%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-add.disabled .inner-cont .label, .dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .label {
  color: var(--color-text-400) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-100) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit .inner-cont .icon {
  filter: invert(77%) sepia(6%) saturate(150%) hue-rotate(180deg) brightness(90%) contrast(90%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit .inner-cont .label {
  color: var(--color-text-700) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:hover {
  background-color: var(--brand-50) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:hover .inner-cont .icon {
  mix-blend-mode: difference;
  filter: invert(12%) sepia(10%) saturate(500%) hue-rotate(200deg) brightness(90%) contrast() !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:hover .inner-cont .label {
  background-color: #0000;
  color: var(--color-text-800) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:focus {
  background-color: var(--white);
  box-shadow: 0px -2px 0px 0px #0a0d120d inset, 0px 0px 0px 1px #0a0d122e inset, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-primary-600);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:focus .inner-cont .icon {
  mix-blend-mode: luminosity;
  filter: invert(25%) sepia(6%) saturate(300%) hue-rotate(180deg) brightness(90%) contrast(95%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit:focus .inner-cont .label {
  color: var(--brand-700);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit.disabled {
  outline: none;
  background-color: var(--color-text-50) !important;
  opacity: .66 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit.disabled .inner-cont .icon {
  mix-blend-mode: luminosity;
  opacity: .5;
  filter: invert(16%) sepia(8%) saturate(300%) hue-rotate(190deg) brightness(90%) contrast(95%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-edit.disabled .inner-cont .label {
  color: var(--color-text-400) !important;
  filter: none !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive {
  box-shadow: inset 0 1px 2px #ffffff1f, inset 0 -1px 2px #00000038;
  background-color: var(--color-text-100) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .icon {
  filter: invert(57%) sepia(36%) saturate(320%) hue-rotate(330deg) brightness(90%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive .inner-cont .label {
  color: var(--color-error-ink) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover {
  background-color: var(--color-error-50) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:hover .inner-cont .label {
  background-color: #0000;
  color: var(--color-error-ink) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus {
  background-color: var(--white);
  box-shadow: 0px -2px 0px 0px #0a0d120d inset, 0px 0px 0px 1px #0a0d122e inset, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-primary-600);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus .inner-cont .icon {
  filter: invert(57%) sepia(36%) saturate(320%) hue-rotate(330deg) brightness(90%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive:focus .inner-cont .label {
  color: var(--color-error-ink);
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled {
  outline: none;
  background-color: var(--color-text-50) !important;
  opacity: .66 !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .icon {
  opacity: .5;
  filter: invert(57%) sepia(36%) saturate(320%) hue-rotate(330deg) brightness(90%) contrast(85%) !important;
}

.dsl-list-compact .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .label {
  color: var(--color-error-400) !important;
  filter: none !important;
}

.ReactModalPortal {
  background-color: #ededed;
  border: 1px solid #c8c8c866;
  border-radius: 12px;
  flex-direction: column;
  transition: box-shadow .15s, background-color .15s;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.ReactModalPortal .header {
  min-height: 52px;
  padding: var(--space-3);
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ReactModalPortal .header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.ReactModalPortal .header .title {
  font-size: var(--type-control);
  color: #111;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ReactModalPortal .header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
  font-size: var(--type-value);
  color: var(--gray-700);
  justify-content: center;
  align-items: center;
  line-height: 24px;
  display: inline-flex;
}

.ReactModalPortal .body {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
}

.ReactModalPortal:hover {
  background-color: #ededed;
  box-shadow: 0 1px 4px #18100a14;
}

.ReactModalPortal .header {
  background-color: #ededed;
  border-bottom: 1px solid #0000000f;
  gap: 10px;
  padding: var(--space-3) 14px !important;
  align-items: center !important;
}

.ReactModalPortal .header .title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  color: var(--gray-700, #565a62);
  text-transform: none;
  font-weight: 500;
}

.ReactModalPortal .header .arrow-container {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: inline-flex;
}

.ReactModalPortal .header .arrow-container img {
  transition: filter .15s;
}

.ReactModalPortal .header .arrow-container img:hover {
  filter: brightness(.7) !important;
}

.ReactModalPortal .header .arrow-container i {
  color: var(--color-text-muted-ink);
  line-height: 1;
  transition: color .15s;
  font-size: var(--icon-size-md) !important;
  font-weight: 300 !important;
}

.ReactModalPortal .header .arrow-container i:hover {
  color: var(--color-text);
}

.ReactModalPortal .body {
  gap: var(--space-3);
  padding-top: 0;
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  border-radius: inherit;
  height: 100%;
  margin: var(--space-2);
  background: #fbfbfb;
  margin-top: 0;
}

.ReactModalPortal .body .cardform .carddrop i:last-of-type {
  display: none;
}

.ReactModalPortal .ReactModal__Content:has(.matrix-assignment) > .body, .ReactModalPortal .ReactModal__Content:has(.matrix-assignment) {
  overflow: visible !important;
}

.ReactModalPortal .matrix-assignment {
  min-width: 520px;
  max-width: 640px;
  padding: var(--space-1) 14px var(--space-2) 14px;
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ReactModalPortal .matrix-assignment .info-detail-card {
  font-weight: 400 !important;
}

.ReactModalPortal .matrix-assignment .error {
  color: #f56d63;
}

.ReactModalPortal .matrix-assignment .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  width: 100%;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .matrix-assignment .btn-primary i, .ReactModalPortal .matrix-assignment .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .matrix-assignment .btn-primary.disabled, .ReactModalPortal .matrix-assignment .btn-primary[disabled], .ReactModalPortal .matrix-assignment .btn-primary[aria-disabled="true"], .ReactModalPortal .matrix-assignment .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .matrix-assignment .btn-primary.disabled i, .ReactModalPortal .matrix-assignment .btn-primary[disabled] i, .ReactModalPortal .matrix-assignment .btn-primary[aria-disabled="true"] i, .ReactModalPortal .matrix-assignment .btn-primary:disabled i, .ReactModalPortal .matrix-assignment .btn-primary.disabled .icon, .ReactModalPortal .matrix-assignment .btn-primary[disabled] .icon, .ReactModalPortal .matrix-assignment .btn-primary[aria-disabled="true"] .icon, .ReactModalPortal .matrix-assignment .btn-primary:disabled .icon, .ReactModalPortal .matrix-assignment .btn-primary.disabled svg, .ReactModalPortal .matrix-assignment .btn-primary[disabled] svg, .ReactModalPortal .matrix-assignment .btn-primary[aria-disabled="true"] svg, .ReactModalPortal .matrix-assignment .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .matrix-assignment .btn-primary.disabled svg *, .ReactModalPortal .matrix-assignment .btn-primary[disabled] svg *, .ReactModalPortal .matrix-assignment .btn-primary[aria-disabled="true"] svg *, .ReactModalPortal .matrix-assignment .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .matrix-assignment .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .matrix-assignment .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .matrix-assignment .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .matrix-assignment .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .matrix-assignment .matrix-assignment-footer {
  display: flex;
}

.ReactModalPortal .generic-card-container.assigned-payers-popover {
  min-width: 800px;
  max-width: 800px;
}

.assigned-payers-popover {
  flex-direction: column;
  min-width: 800px;
  max-width: 800px;
  display: flex;
}

.assigned-payers-popover .assigned-payers-content {
  padding: var(--space-4);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.assigned-payers-popover .assigned-payers-content .dsl-advanced-grid {
  height: 300px;
  min-height: 300px;
  max-height: 300px;
}

.assigned-payers-popover .assigned-payers-content .dsl-list-compact {
  flex: 1;
}

.assigned-payers-popover .compact-btns-container {
  gap: var(--space-3);
  justify-content: center;
  padding-top: var(--space-4) !important;
  padding-bottom: 0 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn {
  min-height: 36px;
  box-shadow: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn .inner-cont {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  width: 100%;
  height: 36px;
  padding: 0;
  display: flex;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  order: 2;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  padding: 0 var(--space-4) !important;
  border-radius: .6rem !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add.disabled, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[disabled], .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"], .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add.disabled i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[disabled] i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:disabled i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add.disabled .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[disabled] .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:disabled .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add.disabled svg, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[disabled] svg, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] svg, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:disabled svg {
  color: #fff;
  font-weight: 300;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add.disabled svg *, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[disabled] svg *, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] svg *, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:focus-visible {
  box-shadow: none;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add .inner-cont .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add .inner-cont img.icon {
  filter: brightness(0) invert() !important;
  background-color: #0000 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add .inner-cont i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add .inner-cont .fa {
  color: var(--white) !important;
  filter: none !important;
  background-color: #0000 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-add .inner-cont .label {
  letter-spacing: 0;
  font-weight: 500;
  color: var(--white) !important;
  filter: none !important;
  font-size: var(--type-value) !important;
  background-color: #0000 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  order: 1;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  padding: 0 var(--space-4) !important;
  border-radius: .6rem !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[disabled], .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[aria-disabled="true"], .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[disabled] i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[aria-disabled="true"] i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:disabled i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[disabled] .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[aria-disabled="true"] .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:disabled .icon, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled svg, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[disabled] svg, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[aria-disabled="true"] svg, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:disabled svg {
  color: #fff;
  font-weight: 300;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled svg *, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[disabled] svg *, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive[aria-disabled="true"] svg *, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:focus-visible {
  box-shadow: none;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:not(.disabled) .inner-cont i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:not(.disabled) .inner-cont .fa, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:not(.disabled) .inner-cont .icon {
  color: var(--white) !important;
  filter: brightness(0) invert() !important;
  background-color: #0000 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive:not(.disabled) .inner-cont .label {
  letter-spacing: 0;
  font-weight: 500;
  color: var(--white) !important;
  filter: none !important;
  font-size: var(--type-label) !important;
  background-color: #0000 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont i, .assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .fa {
  color: var(--color-error-400, #eb9d9d) !important;
  filter: none !important;
  background-color: #0000 !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.btn-archive.disabled .inner-cont .label {
  letter-spacing: 0;
  font-weight: 500;
  font-size: var(--type-label) !important;
}

.assigned-payers-popover .compact-btns-container .dsl-action-btn.disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
  filter: none !important;
}

.assigned-payers-popover .ag-row-selected, .assigned-payers-popover .ag-row.ag-row-focus {
  --color-text-muted-ink: var(--color-text-600);
  background-color: var(--grid-selected-row-background) !important;
}

.assigned-payers-popover .ag-row-selected .ag-cell, .assigned-payers-popover .ag-row.ag-row-focus .ag-cell {
  background-color: var(--grid-selected-row-background) !important;
}

.matrix-editor .matrix-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 100%;
  font-weight: var(--font-weight-medium);
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.matrix-editor .matrix-cell-left {
  justify-content: flex-start;
}

.matrix-editor .matrix-cell-right {
  justify-content: flex-end;
}

.matrix-editor .ag-cell:has(.matrix-cell-full) > .ag-cell-wrapper, .matrix-editor .ag-cell:has(.matrix-cell-full) > .ag-cell-wrapper > .ag-cell-value {
  width: 100%;
  min-width: 0;
}

.matrix-editor .matrix-cell-full {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.matrix-editor .custom-cell-button {
  padding: 0;
}

.matrix-editor .matrix-multiplier-cell .ag-grid-generic-input, .matrix-editor .matrix-multiplier-cell .ag-grid-currency-input {
  box-sizing: border-box;
  border-radius: var(--radius-xsmall);
  height: 32px;
  box-shadow: none;
  width: 100%;
  padding: 0 var(--space-2);
  font-size: var(--type-value);
  font-family: inherit;
  font-weight: inherit;
  text-align: right;
  color: var(--color-text);
  background-color: #0000;
  border: 1px solid #00000014;
  outline: none;
  line-height: normal;
  transition: background-color .15s, border-color .15s;
}

.matrix-editor .matrix-multiplier-cell .ag-grid-generic-input:hover:not(:disabled), .matrix-editor .matrix-multiplier-cell .ag-grid-currency-input:hover:not(:disabled) {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.matrix-editor .matrix-multiplier-cell .ag-grid-generic-input:focus, .matrix-editor .matrix-multiplier-cell .ag-grid-currency-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  background-color: #fffffff2;
}

.matrix-editor .matrix-add-hint {
  align-items: center;
  gap: var(--space-1);
  padding: 0 var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s;
  display: inline-flex;
}

.matrix-editor .ag-row-hover .matrix-add-hint, .matrix-editor .ag-row:hover .matrix-add-hint {
  opacity: 1;
}

.matrix-editor .matrix-cell-name {
  white-space: normal;
}

.matrix-editor .matrix-name-cell {
  width: 100%;
  min-width: 0;
  padding: var(--space-1) 0;
  flex-direction: column;
  justify-content: center;
  line-height: 1.3;
  display: flex;
}

.matrix-editor .matrix-name-row {
  align-items: center;
  gap: var(--space-1);
  min-width: 0;
  display: flex;
}

.matrix-editor .matrix-name-text {
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-width: 0;
  display: -webkit-box;
  overflow: hidden;
  font-weight: var(--font-weight-medium) !important;
  color: var(--color-text) !important;
  font-size: var(--type-value) !important;
}

.matrix-editor .matrix-name-icons {
  align-items: center;
  gap: var(--space-1);
  flex-shrink: 0;
  display: inline-flex;
}

.matrix-editor .matrix-name-icon {
  align-items: center;
  display: inline-flex;
}

.matrix-editor .matrix-name-icon i {
  font-size: var(--type-value);
}

.matrix-editor .matrix-name-subtitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: italic;
  overflow: hidden;
  font-size: var(--type-label) !important;
  color: var(--color-text) !important;
  font-weight: 400 !important;
}

.matrix-editor .matrix-cell-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.matrix-editor .matrix-price-inherited {
  color: var(--color-text-muted-ink);
  font-style: italic;
  font-weight: 400;
}

.matrix-editor .matrix-price-inherited-input .ag-grid-generic-input::placeholder {
  color: var(--color-text-muted-ink);
  opacity: 1;
  font-style: italic;
}

.matrix-editor .matrix-price-manual {
  color: var(--color-text-muted-ink);
  font-style: italic;
}

.matrix-editor [col-id="Margin %"].ag-cell, .matrix-editor [col-id="margin"].ag-cell {
  justify-content: flex-end !important;
  align-items: center !important;
  display: flex !important;
}

.queue-actions {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.queue-actions .queue-action-btns {
  color: #fff;
  background: var(--color-primary);
  align-items: center;
  gap: var(--space-1);
  height: 36px;
  padding-top: var(--space-2);
  padding-right: var(--space-3);
  padding-bottom: var(--space-2);
  padding-left: var(--space-3);
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 8px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.queue-actions .queue-action-btns i {
  font-size: var(--type-value);
  margin-right: var(--space-2);
  color: var(--white);
  align-items: center;
  display: flex;
}

.queue-actions .queue-action-btns .btn-label {
  font-size: var(--type-value);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.queue-actions .queue-action-btns i, .queue-actions .queue-action-btns .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.queue-actions .queue-action-btns.disabled, .queue-actions .queue-action-btns[disabled], .queue-actions .queue-action-btns[aria-disabled="true"], .queue-actions .queue-action-btns:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.queue-actions .queue-action-btns.disabled i, .queue-actions .queue-action-btns[disabled] i, .queue-actions .queue-action-btns[aria-disabled="true"] i, .queue-actions .queue-action-btns:disabled i, .queue-actions .queue-action-btns.disabled .icon, .queue-actions .queue-action-btns[disabled] .icon, .queue-actions .queue-action-btns[aria-disabled="true"] .icon, .queue-actions .queue-action-btns:disabled .icon, .queue-actions .queue-action-btns.disabled svg, .queue-actions .queue-action-btns[disabled] svg, .queue-actions .queue-action-btns[aria-disabled="true"] svg, .queue-actions .queue-action-btns:disabled svg {
  color: #fff;
  font-weight: 300;
}

.queue-actions .queue-action-btns.disabled svg *, .queue-actions .queue-action-btns[disabled] svg *, .queue-actions .queue-action-btns[aria-disabled="true"] svg *, .queue-actions .queue-action-btns:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.queue-actions .queue-action-btns:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.queue-actions .queue-action-btns:focus-visible {
  box-shadow: none;
}

.queue-actions .queue-action-btns:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.queue-actions .queue-action-btns:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .ai-scan-clinicals-content {
  gap: var(--space-4);
  min-width: 420px;
  max-width: 500px;
  padding: 0 var(--space-4) var(--space-1);
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content.dragging .file-drop-zone {
  border-color: var(--color-primary);
  background-color: #ebf1f7;
}

.ReactModalPortal .ai-scan-clinicals-content .select-field-container {
  background: none;
  border: none;
  padding: 0;
}

.ReactModalPortal .ai-scan-clinicals-content .select-field-container .select-field-label {
  text-align: center;
  font-size: var(--type-label);
  color: var(--color-background-950);
  margin-bottom: var(--space-2);
  font-weight: 400;
  display: block;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text {
  text-align: center;
  color: var(--color-background-950);
  font-size: var(--type-value);
  font-weight: 400;
  position: relative;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text:before, .ReactModalPortal .ai-scan-clinicals-content .divider-text:after {
  content: "";
  background: #0000001a;
  width: calc(50% - 20px);
  height: 1px;
  position: absolute;
  top: 50%;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text:before {
  left: 0;
}

.ReactModalPortal .ai-scan-clinicals-content .divider-text:after {
  right: 0;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone {
  padding: var(--space-6);
  text-align: center;
  cursor: pointer;
  background-color: #0000;
  border: 2px dashed #00000026;
  border-radius: 10px;
  transition: all .2s;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone:hover {
  border-color: #00000040;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone.active {
  border-color: var(--color-primary);
  background-color: #ebf1f7;
  border-style: solid;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone.has-file {
  padding: var(--space-4) var(--space-5);
  background-color: #00000005;
  border-style: solid;
  border-color: #00000014;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone.has-file:hover {
  background-color: #00000008;
  border-color: #0000001f;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content {
  align-items: center;
  gap: var(--space-2);
  color: var(--gray-700);
  flex-direction: column;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content i {
  font-size: var(--icon-size-xl);
  color: var(--color-primary-ink);
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content span {
  font-size: var(--type-value);
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .drop-zone-content .file-types {
  font-size: var(--type-label);
  color: var(--color-background-950);
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info {
  align-items: center;
  gap: var(--space-3);
  color: var(--color-text-900);
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-icon-wrapper {
  background: linear-gradient(135deg, var(--color-error-600) 0%, #b86a6a 100%);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-icon-wrapper i {
  font-size: var(--type-control);
  color: var(--white);
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-details {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-details .file-name {
  font-size: var(--type-value);
  color: var(--color-text-900);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .file-details .file-ready {
  font-size: var(--type-label);
  color: #86868b;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info i.fa-file-pdf {
  font-size: var(--icon-size-sm);
  color: var(--white);
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn {
  cursor: pointer;
  color: #86868b;
  background: #0000000a;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  transition: all .15s;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn i {
  font-size: var(--type-label);
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn:hover {
  color: var(--color-text-900);
  background: #00000014;
}

.ReactModalPortal .ai-scan-clinicals-content .file-drop-zone .uploaded-file-info .remove-file-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-status {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-value);
  color: #567ba6;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-status i {
  color: #567ba6;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-error {
  align-items: flex-start;
  gap: var(--space-2);
  font-size: var(--type-value);
  color: var(--color-error-ink);
  padding: 10px var(--space-3);
  background-color: #cc787814;
  border: 1px solid #cc787840;
  border-radius: 8px;
  align-items: center;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-error i {
  color: var(--color-error-ink);
  flex-shrink: 0;
  margin-top: 2px;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer {
  margin-top: var(--space-2);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled], .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[aria-disabled="true"], .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled] i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[aria-disabled="true"] i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled] .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[aria-disabled="true"] .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled svg, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled] svg, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[aria-disabled="true"] svg, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel.disabled svg *, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[disabled] svg *, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel[aria-disabled="true"] svg *, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled], .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[aria-disabled="true"], .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled] i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[aria-disabled="true"] i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled i, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled] .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[aria-disabled="true"] .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled .icon, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled svg, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled] svg, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[aria-disabled="true"] svg, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary.disabled svg *, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[disabled] svg *, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary[aria-disabled="true"] svg *, .ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .ai-scan-clinicals-content .ai-scan-footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.text-style-body {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 14px;
  font-weight: normal;
  overflow: hidden;
}

.text-style-heading {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
}

.text-style-label, .text-style-small {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
}

.text-style-large {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container {
  width: 100%;
  padding: var(--space-3);
  backdrop-filter: blur(4px) brightness() saturate(80%);
  isolation: isolate;
  background-color: #ffffff8a;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  flex-direction: column;
  gap: 10px;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffffff59, 0 12px 32px #1419281a;
  background-color: var(--color-border-500) !important;
  backdrop-filter: none !important;
  flex-shrink: 0 !important;
}

.ss-snapshot-details-container i.icon {
  color: var(--color-text-muted-ink) !important;
  font-weight: 300 !important;
}

.ss-snapshot-details-container .certification-child i.icon.fa-shield-check {
  color: #6fa392 !important;
  font-weight: 400 !important;
}

.ss-snapshot-details-container .certification-child i.icon.fa-shield-slash {
  color: var(--color-error) !important;
  font-weight: 400 !important;
}

.ss-snapshot-details-container .flex-row {
  flex-direction: row;
  display: flex;
}

.ss-snapshot-details-container .flex-column {
  flex-direction: column;
  display: flex;
}

.ss-snapshot-details-container .is-link {
  cursor: pointer;
}

.ss-snapshot-details-container .is-link:hover {
  color: #567ba6;
  text-decoration: underline;
}

.ss-snapshot-details-container .header-container {
  gap: var(--space-2);
  box-sizing: border-box;
  height: var(--patient-header-h);
  line-height: var(--patient-header-line);
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container > div {
  flex-basis: 25%;
  min-width: 0;
}

.ss-snapshot-details-container .header-container p {
  line-height: inherit;
}

.ss-snapshot-details-container .header-container .pt-info {
  justify-content: center;
  gap: var(--patient-header-gap);
  flex-direction: column;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .name-container {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .name-container .pat-name {
  text-overflow: ellipsis;
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav {
  flex-direction: row;
  gap: 10px;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .address-row {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .address-row > .address-container {
  flex: 0 auto;
  min-width: 0;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-actions {
  align-items: center;
  gap: var(--space-1);
  flex: none;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-1);
  height: var(--patient-header-line);
  padding: 0 var(--space-2);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  white-space: nowrap;
  backdrop-filter: blur(6px) saturate(160%);
  background: #ffffff73;
  border: 1px solid #fffc;
  line-height: 1;
  transition: background-color .15s, box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 0 0 1px #45494f1a, 0 1px 2px #45494f1f, inset 0 1px #fff9;
  border-radius: .6rem !important;
  border-radius: var(--radius-xsmall) !important;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn i, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn.disabled, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[disabled], .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"], .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #ebecef 0%, #d9dce1 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#ebecef 0%, #d9dce1 100%);
  border: none;
  transform: none;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn.disabled i, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] i, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] i, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:disabled i, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn.disabled .icon, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] .icon, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] .icon, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:disabled .icon, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn.disabled svg, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] svg, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] svg, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn.disabled svg *, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[disabled] svg *, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn[aria-disabled="true"] svg *, .ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:focus-visible {
  box-shadow: none;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn i {
  font-size: 9px;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  background: #ffffffb8;
  box-shadow: 0 0 0 1px #45494f24, inset 0 1px #ffffffb3;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  background: #fff9;
  box-shadow: 0 0 0 1px #45494f29;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .hdr-action-btn:focus-visible {
  box-shadow: 0 0 0 1px #45494f24, 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent);
  outline: none;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info {
  gap: var(--patient-header-gap);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .info-child {
  gap: var(--space-4);
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .phone:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 300;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .address-container {
  display: flex;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .general-info .address-container > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .pt-info .info-nav .address-container:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 300;
}

.ss-snapshot-details-container .header-container .med-info {
  justify-content: center;
  gap: var(--patient-header-gap);
  padding: var(--patient-header-pad-y) 0;
  flex-direction: column;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .med-info .med-name.is-link {
  color: #567ba6;
  text-decoration: underline;
}

.ss-snapshot-details-container .header-container .med-info .med-name-container {
  gap: var(--space-2);
  align-items: center;
  min-width: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-name-container .icon {
  flex: none;
  width: 14px;
}

.ss-snapshot-details-container .header-container .med-info .med-name-container .med-name {
  min-width: 0;
}

.ss-snapshot-details-container .header-container .med-info .refill-container {
  gap: var(--space-2);
  align-items: center;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .refill-container .med-refills {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .med-info .refill-container .icon {
  width: 14px;
  height: 13px;
}

.ss-snapshot-details-container .header-container .med-info .med-desc-container {
  gap: var(--space-2);
  align-items: center;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-desc-container .med-desc {
  color: #5e636b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .med-info .med-desc-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .med-info .therapy-container {
  flex-direction: row;
  display: flex;
}

.ss-snapshot-details-container .header-container .med-info .med-team {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info {
  align-content: center;
  column-gap: var(--space-4);
  row-gap: var(--patient-header-gap);
  padding: var(--patient-header-pad-y) 0;
  grid-template-columns: auto auto;
  min-width: 12%;
  max-width: fit-content;
  display: grid;
}

.ss-snapshot-details-container .header-container .phy-info > .info-child {
  display: contents;
}

.ss-snapshot-details-container .header-container .phy-info > .address-container {
  grid-column: 1 / -1;
}

.ss-snapshot-details-container .header-container .phy-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container {
  gap: var(--space-2);
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container .phy-name {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container .phy-name.is-link {
  color: #567ba6;
  text-decoration: underline;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-name-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .hash-code-container {
  gap: var(--space-2);
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .hash-code-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .hash-code-container .hash-code, .ss-snapshot-details-container .header-container .phy-info .info-child > p, .ss-snapshot-details-container .header-container .phy-info .info-child .phy-pcontact {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-pcontact:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 300;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-fax {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .info-child .phy-fax:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 300;
}

.ss-snapshot-details-container .header-container .phy-info .address-container {
  display: flex;
}

.ss-snapshot-details-container .header-container .phy-info .address-container > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info .address-container:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  font-weight: 300;
}

.ss-snapshot-details-container .header-container .surescript-info {
  padding: var(--patient-header-pad-y) var(--space-2) var(--patient-header-pad-y) 0;
  justify-content: center;
  gap: var(--patient-header-gap);
  flex-direction: column;
  min-width: 12%;
  max-width: fit-content;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info > * {
  height: var(--patient-header-line);
}

.ss-snapshot-details-container .header-container .surescript-info .info-child {
  gap: var(--space-4);
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child > p {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .surescript-date-container {
  gap: var(--space-2);
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .surescript-date-container .surescript-date {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .info-child .surescript-date-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-status-container {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-status-container .surescript-status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-status-container .surescript-status.standard {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .surescript-status-container .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .certification-container {
  align-items: center;
  min-width: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .certification-container .certification-child {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .surescript-info .certification-container .certification-child .certification-heading {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 13px;
  font-weight: normal;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .surescript-info .certification-container .certification-child .icon {
  width: 14px;
}

.ss-snapshot-details-container .header-container .surescript-info .certification-container .authentication-text {
  margin-left: var(--space-2);
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
}

.ss-snapshot-details-container .header-container .address-container {
  min-width: 0;
}

.ss-snapshot-details-container .header-container .address-container > p {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .phy-info > .address-container {
  width: 0;
  min-width: 100%;
}

.ss-snapshot-details-container .header-container .hdr-group {
  grid-template-columns: max-content minmax(0, 1fr);
  grid-template-rows: 24px var(--patient-header-line) var(--patient-header-line);
  align-items: center;
  row-gap: var(--patient-header-gap);
  min-width: 0;
  padding: var(--patient-header-pad-y) 0 var(--patient-header-pad-y) var(--space-4);
  border-left: 1px solid var(--gray-100);
  white-space: nowrap;
  align-content: center;
  max-width: none;
  display: grid;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .hdr-group > .hdr-group-title, .ss-snapshot-details-container .header-container .hdr-group > .hdr-line:not(.hdr-kv) {
  grid-column: 1 / -1;
}

.ss-snapshot-details-container .header-container .hdr-group > .hdr-line.hdr-kv {
  display: contents;
}

.ss-snapshot-details-container .header-container .hdr-group > .hdr-line.hdr-kv > .hdr-label {
  margin-right: var(--space-2);
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-group-title {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  display: flex;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-group-name {
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 500;
  line-height: 12px;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-group-aside {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  font-size: var(--type-label);
  display: flex;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-line {
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  color: var(--color-text-700);
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-pair {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-label {
  margin-right: var(--space-1);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  flex-shrink: 0;
  font-weight: 400;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-value {
  text-overflow: ellipsis;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-strong {
  font-weight: 500;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-sub {
  color: var(--color-text-muted-ink);
  flex-shrink: 1;
  font-weight: 400;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-allergies {
  color: var(--color-error-ink);
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-phone:before, .ss-snapshot-details-container .header-container .hdr-group .hdr-fax:before, .ss-snapshot-details-container .header-container .hdr-group .hdr-email:before {
  content: "";
  text-align: center;
  width: 1.25em;
  font-family: "Font Awesome 6 Pro";
  font-size: var(--icon-size-inline);
  color: var(--color-text-muted-ink);
  margin-right: var(--space-1);
  flex-shrink: 0;
  font-weight: 300;
  display: inline-block;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-fax:before {
  content: "";
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-email:before {
  content: "";
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-email {
  flex-shrink: 1;
  min-width: 0;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-preferred, .ss-snapshot-details-container .header-container .hdr-group .hdr-preferred:before, .ss-snapshot-details-container .header-container .hdr-group .hdr-preferred-route {
  color: var(--color-primary-ink);
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-preferred-route {
  white-space: nowrap;
  font-weight: 500;
}

.ss-snapshot-details-container .header-container .hdr-group > * {
  height: auto;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-value.is-link {
  color: var(--color-primary-ink);
  cursor: pointer;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-value.is-link:hover {
  text-decoration: underline;
}

.ss-snapshot-details-container .header-container .hdr-group .surescript-status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.ss-snapshot-details-container .header-container .hdr-group.phy-info .hdr-strong {
  flex-shrink: 0;
  max-width: 60%;
}

.ss-snapshot-details-container .header-container .hdr-group .hdr-epcs-invalid {
  color: var(--color-error-ink);
}

.ss-snapshot-details-container .header-container .hdr-age {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.dsl-card-duel-card:has(.dsl-templ-area[data-dsl-form="po_receipt"]) > .form-container > div:first-child {
  flex: 0 calc(30% - 4px) !important;
  width: 30% !important;
}

.dsl-card-duel-card:has(.dsl-templ-area[data-dsl-form="po_receipt"]) > .form-container > div:last-child {
  flex: 0 calc(70% - 4px) !important;
  width: 70% !important;
}

.interactions-check-card {
  width: 100%;
  height: 100%;
  padding: var(--space-2);
  background: none;
  border-radius: 10px;
  flex-direction: column;
  display: flex;
}

.interactions-check-card .interactions-content {
  gap: var(--space-3);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.interactions-check-card .interactions-list {
  --ic-col-head-h: 36px;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-medium);
  column-gap: var(--space-4);
  background: #fff;
  flex: 1;
  grid-template-columns: fit-content(34%) fit-content(24%) max-content minmax(0, 1fr) 45px;
  align-content: start;
  min-height: 160px;
  padding: 0;
  display: grid;
  overflow: auto;
}

.interactions-check-card .interactions-list.is-empty {
  flex-direction: column;
  display: flex;
}

.interactions-check-card .interactions-col-header {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  z-index: 3;
  height: var(--ic-col-head-h);
  padding-left: var(--space-4);
  background: var(--color-border-500);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  align-items: center;
  font-weight: 500;
  display: grid;
  position: sticky;
  top: 0;
}

.interactions-check-card .no-filter-matches {
  padding: var(--space-6) var(--space-4);
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  text-align: center;
  grid-column: 1 / -1;
  font-weight: 500;
}

.interactions-check-card .interaction-item {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  border: none;
  border-bottom: 1px solid var(--gray-100);
  background: var(--white);
  padding: 7px 0 7px var(--space-4);
  cursor: pointer;
  align-items: center;
  transition: background-color .15s ease-in-out;
  display: grid;
}

.interactions-check-card .interaction-item:hover {
  background: #f5f9ff;
}

.interactions-check-card .interaction-item:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.interactions-check-card .interaction-item.expanded {
  --ag-selected-row-background-color: var(--grid-selected-row-background);
  --color-text-muted-ink: var(--color-text-600);
  clip-path: inset(-12px 0);
  position: relative;
  box-shadow: 0 3px 10px #45494f38, 0 1px 3px #45494f24;
  background-color: var(--grid-selected-row-background) !important;
  border-top: var(--hairline) solid var(--color-primary-700) !important;
  border-bottom: var(--hairline) solid var(--color-primary-700) !important;
  z-index: 6 !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.interactions-check-card .interaction-item.expanded:hover {
  background-color: var(--grid-selected-row-background) !important;
}

.interactions-check-card .ic-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.interactions-check-card .ic-ellipsis {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.interactions-check-card .ic-toggle {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.interactions-check-card .interaction-chevron {
  color: var(--gray-500);
  font-size: 13px;
  line-height: 1;
}

.interactions-check-card .interaction-detail {
  grid-column: 1 / -1;
  grid-template-rows: 0fr;
  transition: grid-template-rows .22s;
  display: grid;
}

.interactions-check-card .interaction-detail.open {
  grid-template-rows: 1fr;
}

@media (prefers-reduced-motion: reduce) {
  .interactions-check-card .interaction-detail {
    transition: none;
  }
}

.interactions-check-card .interaction-detail-clip {
  min-height: 0;
  overflow: hidden;
}

.interactions-check-card .interaction-description {
  padding: var(--space-3) var(--space-4);
  background: var(--white);
  border-bottom: 1px solid var(--gray-100);
  font-size: var(--type-value);
  color: var(--color-text);
  white-space: pre-wrap;
  cursor: text;
  -webkit-user-select: text;
  user-select: text;
  font-weight: 400;
  line-height: 18px;
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.interactions-check-card .interaction-description .desc-popover-paragraph {
  margin: 0 0 var(--space-2);
}

.interactions-check-card .interaction-description .desc-popover-paragraph:last-child {
  margin-bottom: 0;
}

.interactions-check-card .interaction-description .desc-popover-paragraph strong {
  font-weight: 500;
}

.interactions-check-card .severity-badge {
  align-items: center;
  gap: var(--space-1);
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text-muted-ink);
  line-height: 18px;
  display: flex;
}

.interactions-check-card .severity-badge.severity-contraindication, .interactions-check-card .severity-badge.severity-high {
  color: var(--color-error-ink);
  font-weight: 400;
}

.interactions-check-card .severity-badge.severity-moderate {
  color: var(--color-warning-ink);
}

.interactions-check-card .severity-badge.severity-low {
  color: var(--color-text-muted-ink);
}

.interactions-check-card .severity-badge .severity-icon {
  font-size: var(--type-label);
  color: inherit;
  font-weight: 300;
  line-height: 1;
}

.interactions-check-card .interaction-medications {
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text);
  line-height: 18px;
}

.interactions-check-card .interaction-type {
  align-items: center;
  gap: var(--space-1);
  height: 100%;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--color-text-700);
  line-height: 18px;
  display: flex;
}

.interactions-check-card .interaction-type .type-icon {
  width: 12px;
  height: 12px;
}

.interactions-check-card .interaction-type .type-fa-icon {
  width: 1.25em;
  font-size: var(--type-label);
  color: inherit;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: inline-flex;
}

.interactions-check-card .interaction-summary {
  font-style: normal;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 18px;
}

.interactions-check-card .no-interactions-found {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  background: var(--white);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.interactions-check-card .no-interactions-found .check-icon {
  width: 72px;
  height: 72px;
  margin-bottom: var(--space-2);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.interactions-check-card .no-interactions-found .check-icon i {
  color: var(--color-success-600);
  font-size: 64px;
  line-height: 1;
  animation: .52s cubic-bezier(.34, 1.56, .64, 1) both interactions-check-pop;
  position: relative;
}

.interactions-check-card .no-interactions-found .check-icon .check-ring {
  background: color-mix(in srgb, var(--color-success) 35%, transparent);
  opacity: 0;
  border-radius: 50%;
  animation: .9s ease-out .18s both interactions-check-ring;
  position: absolute;
  inset: 0;
}

.interactions-check-card .no-interactions-found .no-interactions-text {
  font-weight: 500;
  font-size: var(--type-display-4);
  letter-spacing: 0;
  color: var(--color-text);
  line-height: 100%;
  animation: .36s ease-out .2s both interactions-check-rise;
}

.interactions-check-card .no-interactions-found .no-interactions-sub {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  animation: .36s ease-out .28s both interactions-check-rise;
}

@media (prefers-reduced-motion: reduce) {
  .interactions-check-card .no-interactions-found .check-icon i, .interactions-check-card .no-interactions-found .check-icon .check-ring, .interactions-check-card .no-interactions-found .no-interactions-text, .interactions-check-card .no-interactions-found .no-interactions-sub {
    animation: none;
  }
}

.interactions-check-card .interactions-bottom {
  align-items: stretch;
  gap: var(--space-5);
  background: var(--white);
  max-height: 50%;
  padding: var(--space-3) var(--space-4);
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
}

.interactions-check-card .summary-section {
  flex-shrink: 0;
  width: 520px;
  overflow-y: auto;
}

.interactions-check-card .summary-title {
  font-size: var(--type-control);
  margin: 0 0 var(--space-4) 0;
  color: var(--color-text-900);
  font-weight: 500;
}

.interactions-check-card .summary-group {
  column-gap: var(--space-6);
  padding: 0 var(--space-2);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.interactions-check-card .filter-status {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  padding-top: var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  display: flex;
}

.interactions-check-card .filter-status .filter-clear {
  font: inherit;
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-weight: 500;
}

.interactions-check-card .filter-status .filter-clear:hover, .interactions-check-card .filter-status .filter-clear:focus-visible {
  text-decoration: underline;
}

.interactions-check-card .summary-item {
  justify-content: space-between;
  align-items: center;
  height: 30px;
  display: flex;
  position: relative;
}

.interactions-check-card .summary-item:after {
  content: "";
  background: var(--gray-300);
  pointer-events: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.interactions-check-card .summary-item.filterable:after {
  left: var(--space-2);
  right: var(--space-2);
}

.interactions-check-card .summary-item .summary-item-label {
  gap: var(--space-2);
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  align-items: center;
  line-height: 100%;
  display: flex;
}

.interactions-check-card .summary-item .summary-icon {
  width: 16px;
  height: 16px;
}

.interactions-check-card .summary-item .summary-fa-icon {
  width: 18px;
  font-size: var(--icon-size-xs);
  color: var(--color-text-700);
  justify-content: center;
  align-items: center;
  font-weight: 300;
  display: inline-flex;
}

.interactions-check-card .summary-item .summary-count {
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--color-text-700);
  text-align: right;
  min-width: 24px;
}

.interactions-check-card .summary-item.zero-count .summary-item-label, .interactions-check-card .summary-item.zero-count .summary-count {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.interactions-check-card .summary-item.zero-count .summary-fa-icon {
  color: var(--color-text-400);
  font-weight: 300;
}

.interactions-check-card .summary-item.filterable {
  cursor: pointer;
  padding: 0 var(--space-2);
  border-radius: 6px;
  margin: 0 -8px;
}

.interactions-check-card .summary-item.filterable:hover {
  background: #f0f3f7;
}

.interactions-check-card .summary-item.filter-selected {
  background: #e3ecf7;
}

.interactions-check-card .summary-item.filter-selected:after {
  background: none;
}

.interactions-check-card .summary-item.filter-selected .summary-item-label, .interactions-check-card .summary-item.filter-selected .summary-count, .interactions-check-card .summary-item.filter-selected .summary-fa-icon {
  color: #3f689a;
}

.interactions-check-card .summary-item.filter-selected:hover {
  background: #d8e4f3;
}

.interactions-check-card .severity-summary {
  gap: var(--space-2);
  padding: var(--space-3) 0 0;
  justify-content: center;
  display: flex;
}

.interactions-check-card .severity-summary .severity-item {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-700);
  flex-direction: row;
  flex: 1;
  display: flex;
}

.interactions-check-card .severity-summary .severity-item.severity-contraindication, .interactions-check-card .severity-summary .severity-item.severity-high {
  color: var(--color-error-ink);
}

.interactions-check-card .severity-summary .severity-item.severity-moderate {
  color: var(--color-warning-ink);
}

.interactions-check-card .severity-summary .severity-item .severity-summary-icon {
  font-size: var(--icon-size-xs);
  color: inherit;
  font-weight: 300;
  line-height: 1;
}

.interactions-check-card .severity-summary .severity-item .severity-label {
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: inherit;
  white-space: nowrap;
  line-height: 100%;
}

.interactions-check-card .severity-summary .severity-item.filterable {
  cursor: pointer;
  padding: var(--space-2) 10px;
  border-radius: 8px;
  transition: background-color .15s ease-in-out;
}

.interactions-check-card .severity-summary .severity-item.filterable:hover {
  background: #f0f3f7;
}

.interactions-check-card .severity-summary .severity-item.filter-selected.severity-contraindication, .interactions-check-card .severity-summary .severity-item.filter-selected.severity-high {
  box-shadow: inset 0 0 0 1.5px var(--color-error-600);
  background: #fbe3e3;
}

.interactions-check-card .severity-summary .severity-item.filter-selected.severity-contraindication:hover, .interactions-check-card .severity-summary .severity-item.filter-selected.severity-high:hover {
  background: #f8d8d8;
}

.interactions-check-card .severity-summary .severity-item.filter-selected.severity-moderate {
  background: #fcecdd;
  box-shadow: inset 0 0 0 1.5px #d9945d;
}

.interactions-check-card .severity-summary .severity-item.filter-selected.severity-moderate:hover {
  background: #fae3cd;
}

.interactions-check-card .notes-section {
  gap: var(--space-3) var(--space-4);
  border-radius: 8px;
  flex: 1;
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  display: grid;
}

.interactions-check-card .notes-section > .progress-note-field {
  align-self: end;
  align-items: center;
  min-height: 36px;
}

.interactions-check-card .notes-section > .note-field {
  grid-area: 2 / 1 / auto / -1;
}

.interactions-check-card .notes-section.is-readonly .custom-checkbox-wrapper.is-disabled {
  opacity: 1;
  cursor: default;
}

.interactions-check-card .notes-section.is-readonly .rs__indicators {
  display: none !important;
}

.interactions-check-card .notes-section .field-select .rs__control--is-disabled {
  background-color: #f1f1f3;
}

.interactions-check-card .form-field {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.interactions-check-card .form-field .select-field-label {
  font-size: var(--type-value);
  color: var(--color-text);
  letter-spacing: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 100%;
}

.interactions-check-card .form-field .select-field-label .required {
  color: var(--color-error-500);
  vertical-align: middle;
}

.interactions-check-card .form-field .select-field-label.required-label, .interactions-check-card .form-field .select-field-label.required-label .required {
  color: var(--color-error-ink);
}

.interactions-check-card .form-field.progress-note-field {
  flex-direction: row;
  justify-content: flex-start;
}

.interactions-check-card .form-field.progress-note-field .custom-checkbox-wrapper {
  gap: var(--space-1);
}

.interactions-check-card .form-field.progress-note-field .custom-checkbox-label {
  font-size: var(--type-value);
  color: var(--color-text);
  letter-spacing: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 100%;
}

.interactions-check-card .form-field.note-field {
  flex: 1;
  min-height: 0;
}

.interactions-check-card .form-field .note-textarea {
  width: 100%;
  min-height: 72px;
  padding: 10px var(--space-3);
  font-size: var(--type-value);
  resize: none;
  border-radius: var(--radius-medium);
  border: 1px solid var(--gray-200);
  background-color: #ffffffe6;
  flex: 1;
  font-family: inherit;
  font-weight: 500;
  transition: border-color .15s, box-shadow .15s;
  box-shadow: 0 1px 2px #45494f0f;
}

.interactions-check-card .form-field .note-textarea::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  -webkit-text-fill-color: color-mix(in srgb, var(--color-text) 55%, transparent);
  font-weight: 500;
}

.interactions-check-card .form-field .note-textarea:hover {
  border-color: var(--gray-300);
}

.interactions-check-card .form-field .note-textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  background-color: #fffffffa;
  outline: none;
}

.interactions-check-card .form-field .note-textarea:disabled {
  color: #969696;
  cursor: not-allowed;
  background: #f1f1f3;
}

.interactions-check-card .form-field .note-textarea:read-only:not(:disabled) {
  color: var(--color-text);
  cursor: default;
}

.interactions-check-card .form-field .note-textarea:read-only:not(:disabled):hover, .interactions-check-card .form-field .note-textarea:read-only:not(:disabled):focus {
  border-color: var(--gray-200);
  background-color: #ffffffe6;
  box-shadow: 0 1px 2px #45494f0f;
}

.interactions-check-card .footer {
  align-items: center;
  gap: var(--space-3);
  padding-top: var(--space-4);
  display: flex;
  position: relative;
}

.interactions-check-card .footer .action-btn-group-container {
  display: contents;
}

.interactions-check-card .footer .action-btn-group-cnt.left {
  margin-right: auto;
}

.interactions-check-card .footer .scroll-warning {
  order: 1;
}

.interactions-check-card .footer .action-btn-group-cnt.right {
  order: 2;
}

.interactions-check-card .footer .scroll-warning {
  left: 50%;
  top: var(--space-4);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  white-space: nowrap;
  pointer-events: none;
  color: var(--color-error-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  flex-direction: column;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
}

.interactions-check-card .footer .scroll-warning .scroll-progress {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

@keyframes interactions-check-pop {
  0% {
    opacity: 0;
    transform: scale(.4);
  }

  60% {
    opacity: 1;
    transform: scale(1.08);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes interactions-check-ring {
  0% {
    opacity: .7;
    transform: scale(.7);
  }

  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}

@keyframes interactions-check-rise {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.rs__menu-portal .rs__menu.ic-reason-menu {
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-small);
  margin-top: 1px;
  box-shadow: 0 3px 5px -2px #0000000a, 0 0 1px -2px #0000000a, 0 3px 6px 2px #00000014;
}

.rs__menu-portal .rs__menu.ic-reason-menu .rs__menu-list {
  gap: var(--spacing-small);
  padding: var(--spacing-small);
  flex-direction: column;
  display: flex;
}

.rs__menu-portal .rs__menu.ic-reason-menu .rs__option {
  border-radius: var(--radius-small);
  min-height: 32px;
  padding: var(--spacing-large) var(--spacing-large) var(--spacing-large) var(--spacing-standard);
  font-family: Soehne, sans-serif;
  font-size: var(--font-size-xsmall);
  color: var(--gray-700);
  cursor: pointer;
  background-color: #0000;
  align-items: center;
  margin: 0;
  font-weight: normal;
  line-height: normal;
  display: flex;
}

.rs__menu-portal .rs__menu.ic-reason-menu .rs__option--is-focused {
  background-color: #eef6ff;
}

.rs__menu-portal .rs__menu.ic-reason-menu .rs__option--is-focused:after {
  content: "";
  padding-left: var(--space-2);
  color: #5b83b0;
  flex-shrink: 0;
  margin-left: auto;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

.MuiTooltip-tooltip.ic-cell-tooltip {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  max-width: 560px;
  padding: 14px var(--space-4);
  -webkit-backdrop-filter: blur(16px);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  background: linear-gradient(#fffffff7 0%, #fffffff2 100%);
  border: 1px solid #ffffff8c;
  border-radius: 14px;
  margin: 0;
  font-weight: 400;
  line-height: 1.45;
  box-shadow: 0 18px 40px #0000001f, 0 6px 16px #00000014, inset 0 1px #ffffff8c;
}

.MuiTooltip-popper[data-popper-placement*="bottom"] .MuiTooltip-tooltip.ic-cell-tooltip {
  margin-top: var(--space-1) !important;
}

.careplan-card-wrapper {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.careplan-card-wrapper .careplan-card-panel {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.careplan-card-wrapper .careplan-card-content {
  gap: var(--space-4);
  flex-direction: column;
  flex: 1;
  padding: 0;
  display: flex;
  overflow-y: auto;
}

.careplan-card-wrapper .footer {
  padding: var(--space-3) 0 var(--space-3);
  gap: var(--space-3);
  padding-top: var(--space-4);
  background-color: #e9e9ec;
  border-top: 1px solid #0000000f;
  flex-shrink: 0;
  display: flex;
}

.careplan-card-wrapper .careplan-card__review-bar {
  padding: var(--space-2) 0 var(--space-3);
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  display: flex;
}

.careplan-card-wrapper .careplan-card__reviewed-label {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-style: italic;
}

.careplan-card-wrapper .btn-careplan-review {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  align-items: center;
  gap: var(--space-1);
  padding: 10px var(--space-4);
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-card-wrapper .btn-careplan-review i, .careplan-card-wrapper .btn-careplan-review .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-card-wrapper .btn-careplan-review.disabled, .careplan-card-wrapper .btn-careplan-review[disabled], .careplan-card-wrapper .btn-careplan-review[aria-disabled="true"], .careplan-card-wrapper .btn-careplan-review:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.careplan-card-wrapper .btn-careplan-review.disabled i, .careplan-card-wrapper .btn-careplan-review[disabled] i, .careplan-card-wrapper .btn-careplan-review[aria-disabled="true"] i, .careplan-card-wrapper .btn-careplan-review:disabled i, .careplan-card-wrapper .btn-careplan-review.disabled .icon, .careplan-card-wrapper .btn-careplan-review[disabled] .icon, .careplan-card-wrapper .btn-careplan-review[aria-disabled="true"] .icon, .careplan-card-wrapper .btn-careplan-review:disabled .icon, .careplan-card-wrapper .btn-careplan-review.disabled svg, .careplan-card-wrapper .btn-careplan-review[disabled] svg, .careplan-card-wrapper .btn-careplan-review[aria-disabled="true"] svg, .careplan-card-wrapper .btn-careplan-review:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-card-wrapper .btn-careplan-review.disabled svg *, .careplan-card-wrapper .btn-careplan-review[disabled] svg *, .careplan-card-wrapper .btn-careplan-review[aria-disabled="true"] svg *, .careplan-card-wrapper .btn-careplan-review:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-card-wrapper .btn-careplan-review:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-card-wrapper .btn-careplan-review:focus-visible {
  box-shadow: none;
}

.careplan-card-wrapper .btn-careplan-review:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-card-wrapper .btn-careplan-review:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-card-wrapper .btn-careplan-review i {
  font-size: var(--type-label);
  flex-shrink: 0;
}

.careplan-card-wrapper .careplan-card {
  scrollbar-gutter: stable;
  flex-direction: column;
  flex-shrink: 0;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.careplan-card-wrapper .careplan-card__top {
  border: 1px solid #54606e1a;
  border-radius: 8px;
}

.careplan-card-wrapper .careplan-card__top .mini-form {
  padding: var(--space-3) var(--space-3) 0;
}

.careplan-card-wrapper .careplan-card__top .field-template_id, .careplan-card-wrapper .careplan-card__top .container.fieldgroup:has(.fh-embedded_table) {
  display: none !important;
}

.careplan-card-wrapper .careplan-card__top .controls .field-icon {
  top: 58%;
}

.careplan-card-wrapper .careplan-card--opt-out .careplan-card__top {
  flex: 1;
  height: 100%;
}

.careplan-card-wrapper .careplan-card--opt-out ~ .careplan-problems-container {
  display: none;
}

.careplan-card-wrapper .careplan-card--embedded {
  min-height: 350px;
  overflow-y: auto;
}

.careplan-card-wrapper .careplan-card--embedded .careplan-card__top {
  flex: none;
  min-height: 150px;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__problems-header {
  padding: var(--space-3) var(--space-1) var(--space-3) var(--space-1);
  background-color: #e9e9ec;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__problems-header-label {
  font-size: var(--type-control);
  align-self: center;
  align-items: center;
  padding-top: 10px;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  display: flex;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template i, .careplan-card-wrapper .careplan-problems-container .btn-choose-template .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template.disabled, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[disabled], .careplan-card-wrapper .careplan-problems-container .btn-choose-template[aria-disabled="true"], .careplan-card-wrapper .careplan-problems-container .btn-choose-template:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template.disabled i, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[disabled] i, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[aria-disabled="true"] i, .careplan-card-wrapper .careplan-problems-container .btn-choose-template:disabled i, .careplan-card-wrapper .careplan-problems-container .btn-choose-template.disabled .icon, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[disabled] .icon, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[aria-disabled="true"] .icon, .careplan-card-wrapper .careplan-problems-container .btn-choose-template:disabled .icon, .careplan-card-wrapper .careplan-problems-container .btn-choose-template.disabled svg, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[disabled] svg, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[aria-disabled="true"] svg, .careplan-card-wrapper .careplan-problems-container .btn-choose-template:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template.disabled svg *, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[disabled] svg *, .careplan-card-wrapper .careplan-problems-container .btn-choose-template[aria-disabled="true"] svg *, .careplan-card-wrapper .careplan-problems-container .btn-choose-template:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template:focus-visible {
  box-shadow: none;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template i {
  font-size: var(--type-label);
  flex-shrink: 0;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__problems-header-actions {
  align-items: center;
  gap: var(--space-3);
  min-width: 0;
  display: flex;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__template-field {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  max-width: 360px;
  font-family: Soehne, sans-serif;
  display: flex;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__template-field-label {
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: #6a7f9d;
  font-weight: 500;
  line-height: var(--field-label-lh);
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__template-field-value {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  max-width: 100%;
  font-size: var(--type-value);
  color: var(--color-text-700);
  display: inline-flex;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__template-field-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__template-field-remove {
  color: var(--color-text-600);
  cursor: pointer;
  line-height: 1;
  font-size: var(--type-control);
  background: none;
  border: 0;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__template-field-remove:hover, .careplan-card-wrapper .careplan-problems-container .careplan-card__template-field-remove:focus-visible {
  color: var(--color-error-ink);
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__bottom {
  margin-bottom: var(--space-2);
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  padding: 0;
  display: flex;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__grid-area {
  min-height: 0;
  padding: 0 var(--space-1);
  flex-direction: column;
  flex: 0 auto;
  display: flex;
  overflow-y: auto;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar {
  margin-top: var(--space-2);
  padding: var(--space-3) 0 var(--space-3);
  background-color: #e9e9ec;
  border-top: 1px solid #0000000f;
  flex-shrink: 0;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem i, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem.disabled, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[disabled], .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[aria-disabled="true"], .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem.disabled i, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[disabled] i, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[aria-disabled="true"] i, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:disabled i, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem.disabled .icon, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[disabled] .icon, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[aria-disabled="true"] .icon, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:disabled .icon, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem.disabled svg, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[disabled] svg, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[aria-disabled="true"] svg, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:disabled svg {
  color: #fff;
  font-weight: 300;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem.disabled svg *, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[disabled] svg *, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem[aria-disabled="true"] svg *, .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:focus-visible {
  box-shadow: none;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar .btn-add-problem i {
  font-size: var(--type-label);
  flex-shrink: 0;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template-wrapper {
  position: relative;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template-wrapper .template-picker-dropdown {
  background: var(--white);
  z-index: 9999;
  min-width: 220px;
  padding: var(--space-1) 0;
  border: 1px solid #0000001f;
  border-radius: 4px;
  max-height: 240px;
  margin: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  overflow-y: auto;
  box-shadow: 0 4px 12px #0000001f;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template-wrapper .template-picker-dropdown li {
  padding: var(--space-2) 14px;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700);
  cursor: pointer;
  white-space: nowrap;
}

.careplan-card-wrapper .careplan-problems-container .btn-choose-template-wrapper .template-picker-dropdown li:hover {
  background-color: #e3f2fd;
}

.careplan-card-wrapper .careplan-card__top .cardarea .container.fieldgroup.scrolltarget:not(.hide, .has-subform):has( > .form-horizontal) {
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}

.careplan-card-wrapper .careplan-card__top .cardarea .container.fieldgroup.scrolltarget:not(.hide, .has-subform):has( > .form-horizontal) > div:not([class]) {
  flex-basis: 100%;
}

.careplan-card-wrapper .careplan-card__top .cardarea .container.fieldgroup.scrolltarget:not(.hide, .has-subform):has( > .form-horizontal) > .form-horizontal > .form-group {
  align-self: stretch;
}

.wizard-tab-content .careplan-card-wrapper .careplan-card, .wizard-tab-content .careplan-card-wrapper .careplan-problem-grid-container {
  isolation: isolate;
}

.wizard-tab-content .careplan-card-wrapper .careplan-card-content {
  gap: 0;
}

.wizard-tab-content .careplan-card-wrapper .careplan-card__review-bar {
  z-index: 2;
  background: var(--white);
  border-top: 1px solid var(--gray-100);
  padding: var(--space-3);
  order: 99;
  min-height: 0;
  margin-top: auto;
  position: sticky;
  bottom: 0;
}

.wizard-tab-content .careplan-card-wrapper .careplan-card .careplan-card__top {
  background: var(--white);
  border: 0;
  border-radius: 0;
}

.wizard-tab-content .careplan-card-wrapper .careplan-card .careplan-card__top:after {
  content: "";
  height: 1px;
  margin: 0 var(--spacing-standard);
  background: color-mix(in srgb, var(--color-tertiary) 20%, transparent);
  display: block;
}

.wizard-tab-content .careplan-card-wrapper .careplan-card .careplan-card__top .mini-form {
  padding: 0 var(--space-4);
  background: var(--white);
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-card__problems-header {
  padding: var(--space-3) var(--space-4) var(--space-2);
  background-color: #0000;
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-card__problems-header-label {
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: #6a7f9d;
  padding-top: 0;
  font-weight: 500;
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-card__grid-area {
  padding: 0 var(--space-4);
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-problem-grid-container {
  clip-path: none;
  border: 0;
  border-radius: 0;
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table, .wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th, .wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th:first-child, .wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th:last-child {
  border-radius: 0;
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th {
  border-bottom: 0;
}

.wizard-tab-content .careplan-card-wrapper .careplan-problems-container .careplan-card__action-bar {
  padding: var(--space-3) var(--space-4);
  background-color: #0000;
  border-top: 0;
}

.wizard-tab-content .careplan-card-wrapper .footer {
  border-top-color: var(--gray-100);
  padding-left: var(--space-4);
  padding-right: var(--space-4);
  background-color: #0000;
}

.careplan-card-wrapper--standalone {
  flex: auto;
  min-height: 0;
}

.careplan-card-wrapper--standalone .careplan-card, .careplan-card-wrapper--standalone .careplan-problem-grid-container {
  isolation: isolate;
}

.careplan-card-wrapper--standalone .careplan-card-content {
  gap: 0;
}

.careplan-card-wrapper--standalone .careplan-card__review-bar {
  z-index: 2;
  background: var(--white);
  border-top: 1px solid var(--gray-100);
  padding: var(--space-3);
  order: 99;
  min-height: 0;
  margin-top: auto;
  position: sticky;
  bottom: 0;
}

.careplan-card-wrapper--standalone .careplan-card .careplan-card__top {
  background: var(--white);
  border: 0;
  border-radius: 0;
}

.careplan-card-wrapper--standalone .careplan-card .careplan-card__top:after {
  content: "";
  height: 1px;
  margin: 0 var(--spacing-standard);
  background: color-mix(in srgb, var(--color-tertiary) 20%, transparent);
  display: block;
}

.careplan-card-wrapper--standalone .careplan-card .careplan-card__top .mini-form {
  padding: 0 var(--space-4);
  background: var(--white);
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-card__problems-header {
  padding: var(--space-3) var(--space-4) var(--space-2);
  background-color: #0000;
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-card__problems-header-label {
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: #6a7f9d;
  padding-top: 0;
  font-weight: 500;
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-card__grid-area {
  padding: 0 var(--space-4);
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-problem-grid-container {
  clip-path: none;
  border: 0;
  border-radius: 0;
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table, .careplan-card-wrapper--standalone .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th, .careplan-card-wrapper--standalone .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th:first-child, .careplan-card-wrapper--standalone .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th:last-child {
  border-radius: 0;
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-problem-grid-container .careplan-problem-table thead th {
  border-bottom: 0;
}

.careplan-card-wrapper--standalone .careplan-problems-container .careplan-card__action-bar {
  padding: var(--space-3) var(--space-4);
  background-color: #0000;
  border-top: 0;
}

.careplan-card-wrapper--standalone > .careplan-card-panel {
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-medium);
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.careplan-card-wrapper--standalone > .careplan-card-panel > .careplan-card-content {
  background: none;
  min-height: 0;
}

.careplan-card-wrapper--standalone .careplan-card .careplan-card__top, .careplan-card-wrapper--standalone .careplan-card .careplan-card__top .mini-form {
  background: none;
}

.careplan-card-wrapper--standalone > .footer {
  padding: var(--space-2) 0 0;
  background-color: #0000;
  border-top: 0;
}

.careplan-card-wrapper--standalone > .footer .action-btn-cnt {
  padding-left: 0;
  padding-right: 0;
}

.careplan-card-wrapper--standalone > .footer .action-btn-group-container {
  padding-top: 0;
  padding-bottom: 0;
}

.careplan-card-wrapper--standalone .careplan-card__review-bar {
  padding-bottom: calc(var(--space-3) + 1px);
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  bottom: -1px;
}

.careplan-problem-grid-container {
  border: 1px solid var(--gray-100);
  clip-path: inset(0 round 8px);
  --thead-height: 36px;
  border-radius: 8px;
  flex: 0 auto;
  width: 100%;
  min-height: 0;
  overflow: hidden auto;
}

.careplan-problem-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-family: Soehne, sans-serif;
}

.careplan-problem-table thead th {
  color: #949494;
  font-size: var(--type-label);
  padding: var(--space-2) var(--space-3);
  text-align: left;
  border-bottom: 1px solid var(--gray-100);
  white-space: nowrap;
  height: var(--thead-height);
  z-index: 11;
  background-color: #f5f5f5;
  font-weight: 400;
  top: 0;
  position: sticky !important;
}

.careplan-problem-table thead th.col-resolved, .careplan-problem-table thead th.col-expand, .careplan-problem-table thead th.col-delete, .careplan-problem-table thead th.col-goals, .careplan-problem-table thead th.col-interventions, .careplan-problem-table thead th.col-tasks {
  text-align: center;
}

.careplan-problem-table thead th .col-required-star {
  color: var(--color-error-500);
}

.careplan-problem-table .col-problem {
  width: auto;
}

.careplan-problem-table .col-date {
  width: 160px;
}

.careplan-problem-table .col-resolved {
  width: 90px;
}

.careplan-problem-table .col-resolved-by {
  width: 150px;
}

.careplan-problem-table .col-resolved-on {
  width: 130px;
}

.careplan-problem-table .col-goals {
  text-align: center;
  width: 80px;
}

.careplan-problem-table .col-interventions {
  text-align: center;
  width: 100px;
}

.careplan-problem-table .col-tasks {
  text-align: center;
  width: 80px;
}

.careplan-problem-table .col-delete, .careplan-problem-table .col-expand {
  width: 44px;
}

.careplan-problem-table > tbody > tr:not(.careplan-detail-row) {
  top: var(--thead-height);
  z-index: 4;
  background-color: #fff;
  position: sticky;
}

.careplan-problem-table > tbody > tr:not(.careplan-detail-row):hover {
  background-color: #e3f2fd;
}

.careplan-problem-table tbody td {
  padding: 6px var(--space-3);
  border-bottom: 1px solid var(--gray-100, #e3e5e8);
  vertical-align: middle;
  min-height: 48px;
  color: var(--gray-700, #565a62);
  font-size: var(--type-value);
  font-weight: 500;
}

.careplan-problem-table tbody td.col-problem, .careplan-problem-table tbody td.col-date {
  padding: 0 var(--space-3) var(--space-2) var(--space-3);
  vertical-align: bottom;
  box-sizing: border-box;
  height: 48px;
}

.careplan-problem-table tbody td.col-problem .cell-read-value, .careplan-problem-table tbody td.col-date .cell-read-value {
  align-items: center;
  height: 36px;
  display: flex;
}

.careplan-problem-table tbody td.col-resolved {
  padding: 10px var(--space-1) 2px var(--space-1);
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.careplan-problem-table tbody td.col-delete, .careplan-problem-table tbody td.col-expand {
  text-align: center;
  padding: 6px var(--space-1);
}

.careplan-problem-table.is-readonly tbody td.col-problem, .careplan-problem-table.is-readonly tbody td.col-date {
  vertical-align: middle;
  padding: 6px var(--space-3);
}

.careplan-problem-table tbody tr.row-complete td {
  color: #5b83b0;
  font-weight: 400;
}

.careplan-problem-table .cell-read-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.careplan-problem-table .problem-input {
  border: none;
  border-bottom: 1px solid var(--gray-100, #e3e5e8);
  width: 100%;
  height: 36px;
  padding: 0 var(--space-2) 0 0;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700);
  appearance: none;
  background: none;
  border-radius: 0;
  outline: none;
  font-weight: 500;
}

.careplan-problem-table .problem-input:focus {
  border-bottom: 2px solid var(--color-tertiary, #5b83b0);
}

.careplan-problem-table .problem-input.is-empty {
  border-bottom: 2px solid var(--color-error-500);
}

.careplan-problem-table .problem-input::placeholder {
  color: #adb1b8;
  font-weight: 400;
}

.careplan-problem-table .problem-typeahead-container {
  width: 100%;
  position: relative;
}

.careplan-problem-table .problem-typeahead-container .problem-typeahead-dropdown {
  background: var(--white);
  z-index: 9999;
  width: 100%;
  min-width: 200px;
  padding: var(--space-1) 0;
  border: 1px solid #0000001f;
  border-radius: 4px;
  max-height: 240px;
  margin: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  overflow-y: auto;
  box-shadow: 0 4px 12px #0000001f;
}

.careplan-problem-table .problem-typeahead-container .problem-typeahead-dropdown li {
  padding: var(--space-2) var(--space-3);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-700);
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.careplan-problem-table .problem-typeahead-container .problem-typeahead-dropdown li:hover {
  background-color: #e3f2fd;
}

.careplan-problem-table .careplan-expand-btn {
  cursor: pointer;
  padding: var(--space-1);
  color: var(--color-text-muted-ink);
  background: none;
  border: none;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.careplan-problem-table .careplan-expand-btn:hover {
  background-color: #0000000f;
}

.careplan-problem-table .careplan-expand-btn .careplan-expand-icon {
  font-size: var(--type-label);
  transition: transform .2s;
}

.careplan-problem-table .careplan-expand-btn.expanded .careplan-expand-icon {
  transform: rotate(90deg);
}

.careplan-problem-table .careplan-date-wrapper {
  width: 100%;
}

.careplan-problem-table .careplan-date-wrapper.is-empty .careplan-date-picker {
  border-bottom: 2px solid var(--color-error-500) !important;
}

.careplan-problem-table .careplan-date-picker {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid var(--gray-100, #e3e5e8) !important;
  box-shadow: none !important;
  padding: 0 var(--space-1) 0 0 !important;
  background: none !important;
  border-radius: 0 !important;
  align-items: center !important;
  height: 36px !important;
  display: flex !important;
}

.careplan-problem-table .careplan-date-picker .ant-picker-input {
  align-items: center;
  height: 100%;
  padding-bottom: 0;
}

.careplan-problem-table .careplan-date-picker .ant-picker-input input {
  font-family: Soehne, sans-serif !important;
  font-size: var(--type-value) !important;
  color: var(--color-text-700) !important;
  height: 36px !important;
  font-weight: 500 !important;
}

.careplan-problem-table .careplan-date-picker .ant-picker-input input::placeholder {
  color: #adb1b8;
  font-weight: 400;
}

.careplan-problem-table .careplan-date-picker .ant-picker-suffix {
  color: #adb1b8;
  font-size: var(--type-label);
  margin-left: var(--space-1);
  flex-shrink: 0;
  align-self: center;
  margin-bottom: 0;
}

.careplan-problem-table .careplan-date-picker .ant-picker-clear {
  background: none;
}

.careplan-problem-table .careplan-date-picker:hover, .careplan-problem-table .careplan-date-picker.ant-picker-focused {
  border-bottom: 2px solid var(--color-tertiary, #5b83b0) !important;
  box-shadow: none !important;
}

.careplan-problem-table .careplan-problem-delete-btn {
  cursor: pointer;
  padding: var(--space-1);
  color: var(--color-error-ink);
  background: none;
  border: none;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.careplan-problem-table .careplan-problem-delete-btn:hover {
  opacity: .7;
}

.careplan-problem-table .careplan-detail-row > td {
  border-bottom: none;
  height: auto;
  padding: 0;
}

.careplan-problem-table .careplan-problem-detail-wrapper {
  max-height: 0;
  transition: max-height .22s;
  overflow: hidden;
}

.careplan-problem-table .careplan-detail-row.is-expanded > td {
  border-bottom: 1px solid #00000014;
}

.careplan-problem-table .careplan-detail-row.is-expanded .careplan-problem-detail-wrapper {
  max-height: 1200px;
}

.careplan-problem-table .careplan-problem-detail {
  padding: var(--space-4);
  background: var(--color-background-200);
  overflow: visible;
  box-shadow: inset 0 6px 6px -6px #0000002e, inset 0 -6px 6px -6px #0000002e, inset 6px 0 6px -6px #0000002e, inset -6px 0 6px -6px #0000002e;
}

.careplan-problem-table .careplan-problem-detail table tbody tr:hover {
  background-color: #0000 !important;
}

.careplan-problem-table .problem-badge {
  background-color: var(--color-primary);
  color: var(--white);
  font-size: var(--type-label);
  min-width: 20px;
  min-height: 20px;
  padding: 2px var(--space-1);
  white-space: nowrap;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.careplan-problem-detail .subform-editable-table > thead > tr > th {
  position: static !important;
  top: auto !important;
}

.careplan-problem-detail .mini-form {
  background: none;
  padding-bottom: 0;
  overflow: visible !important;
}

.careplan-problem-detail .form-container {
  overflow: visible !important;
}

.careplan-problem-detail .controls.inline-control {
  position: relative;
}

.careplan-problem-detail ul.typeahead.dropdown-menu {
  z-index: 9999 !important;
  max-height: 220px !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  overflow-y: auto !important;
}

.careplan-problem-detail .sf-table-container, .careplan-problem-detail .controls-grid.subform, .careplan-problem-detail .cardarea, .careplan-problem-detail .dsl-templ-area {
  overflow: visible !important;
}

.careplan-problem-detail td[class*="subformfield-"][class*="date"], .careplan-problem-detail th[class*="subformfield-"][class*="date"] {
  min-width: 140px;
}

.careplan-problem-detail .sf-table-container input:not([disabled], [readonly]) {
  white-space: nowrap;
  text-overflow: clip !important;
}

.careplan-problem-detail .sf-table-container input[readonly], .careplan-problem-detail .sf-table-container input[disabled] {
  white-space: nowrap;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

.careplan-problem-detail .form-container .cardarea:not(tr) .fieldgroup.has-header {
  max-width: calc(100% - 24px) !important;
  margin-top: var(--space-4) !important;
  padding-top: 0 !important;
}

.careplan-problem-detail .form-container .cardarea:not(tr) .fieldgroup.has-header:first-child {
  margin-top: 0 !important;
}

.careplan-problem-grid-container .careplan-toggle-label {
  cursor: pointer;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: inline-flex;
}

.careplan-problem-grid-container .careplan-toggle-label > input[type="checkbox"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container {
  background-color: #f0f0f0;
  border-radius: 99px;
  flex-shrink: 0;
  width: 45px;
  height: 25px;
  transition: all .2s;
  position: relative;
  box-shadow: inset 0 1px 2px #38383814;
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container.slider-checkbox-container-toggled {
  background-color: var(--color-tertiary, #5b83b0);
  box-shadow: 0px 1px 2px 0px #38383814 inset, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px var(--color-tertiary, #5b83b0);
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container.checkbox-only-disabled {
  background-color: var(--color-text-100, #d7dae0);
  cursor: not-allowed;
  box-shadow: none;
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container.checkbox-only-disabled.slider-checkbox-container-toggled {
  background-color: var(--gray-300);
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container:hover:not(.checkbox-only-disabled) {
  box-shadow: inset 0px 1px 2px 0px #38383814, 0px 0px 0px 2px var(--white), 0px 0px 0px 4px #91b9de;
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container .slider-checkbox {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: left .2s;
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: 0 1px 3px #0a0d121a, 0 1px 2px -1px #0a0d121a;
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container .slider-checkbox.slider-checkbox-toggled {
  left: 22px;
}

.careplan-problem-grid-container .careplan-toggle-label .slider-checkbox-container.checkbox-only-disabled .slider-checkbox {
  background-color: #f5f5f5;
}

.form-widget-container.careplan_order {
  flex-shrink: 0;
}

.dsl-card-duel-card:has(.form-widget-container.careplan_order) > .form-container > div:first-child {
  flex: 0 calc(40% - 4px) !important;
  width: 40% !important;
}

.dsl-card-duel-card:has(.form-widget-container.careplan_order) > .form-container > div:last-child {
  flex: 0 calc(60% - 4px) !important;
  width: 60% !important;
}

.dsl-card-duel-card:has(.form-widget-container.careplan_order) .dsl-templ-area[data-dsl-form="careplan_order"] .form-horizontal.form-col-4 {
  width: calc(25% - 8px) !important;
}

.dsl-card-duel-card:has(.form-widget-container.careplan_order) .dsl-templ-area[data-dsl-form="careplan_order"] .form-horizontal.form-col-3 {
  width: calc(33.3333% - 8px) !important;
}

.dsl-card-duel-card:has(.form-widget-container.careplan_order) .dsl-templ-area[data-dsl-form="careplan_order"] .form-horizontal.form-col-2 {
  width: calc(50% - 8px) !important;
}

.careplan-order-ss-report-status {
  width: 100%;
  height: 100%;
  padding: var(--space-6);
  text-align: center;
  color: #5b6470;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.careplan-order-ss-report-status .careplan-order-ss-report-icon {
  color: #5b83b0;
  font-size: 28px;
}

.careplan-order-ss-report-status .careplan-order-ss-report-title {
  font-weight: 500;
  font-size: var(--type-control);
}

.careplan-order-ss-report-status .careplan-order-ss-report-sub {
  font-size: var(--type-value);
  color: #8a909a;
  max-width: 320px;
}

.careplan-order-ss-report-status .careplan-order-ss-report-retry {
  margin-top: var(--space-1);
  color: #5b83b0;
  cursor: pointer;
  background: none;
  border: none;
  font-weight: 500;
  text-decoration: underline;
}

.careplan-order-ss-report-status .careplan-order-ss-report-retry:hover {
  color: #50749c;
}

.careplan-order-ss-report-status .careplan-order-ss-report-retry:disabled {
  cursor: default;
  opacity: .6;
  text-decoration: none;
}

.document-form-with-preview {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  width: 100% !important;
}

#flyout .form > .document-form-with-preview {
  justify-content: center;
  align-items: center;
}

.document-form-with-preview .form-segment-container-flyout {
  flex-direction: row;
  width: 90% !important;
  height: 90% !important;
}

.document-form-with-preview .form-segment-container-flyout .form-container, .document-form-with-preview .form-container {
  flex-direction: row !important;
  display: flex !important;
}

.document-form-with-preview .file-preview-area {
  padding: var(--space-2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  background-color: #fff !important;
}

.document-form-with-preview .wizard-bottom-bar {
  margin-top: var(--space-2);
  flex-shrink: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.document-form-with-preview .wizard-bottom-bar > .action-btn-cnt {
  padding-left: 0;
  padding-right: 0;
}

.help-video-btn.dsl-action-btn .inner-cont {
  gap: var(--space-2);
}

.help-video-btn.dsl-action-btn .inner-cont .icon {
  font-size: var(--type-value);
}

.help-video-btn.dsl-action-btn .inner-cont .label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  font-weight: 500;
  line-height: 20px;
}

.help-video-player-shell {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.help-video-player-stage {
  background: var(--color-text-900);
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 0;
  display: flex;
}

.help-video-player-frame {
  border: 0;
  width: 100%;
  height: 100%;
}

.help-video-player-error {
  color: var(--color-error-ink);
  font-size: var(--type-value);
  padding: var(--space-6);
}

.help-video-player-actions {
  isolation: isolate;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background-color: #ffffff8c;
  border-top: 1px solid #ffffff2e;
  justify-content: space-between;
  display: flex;
}

.contextual-help-entry-button {
  width: 14px;
  min-width: 14px;
  height: 14px;
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.contextual-help-entry-button .contextual-help-entry-icon {
  font-size: var(--type-value);
  font-weight: 300;
  line-height: 1;
}

.contextual-help-entry-button:hover, .contextual-help-entry-button:focus {
  opacity: .65;
  outline: none;
}

.contextual-help-entry-button:active {
  opacity: .4;
}

.contextual-help-chooser {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.contextual-help-chooser-copy {
  padding: var(--space-4) var(--space-4) 0;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.contextual-help-chooser-grid {
  gap: var(--space-3);
  min-height: 0;
  padding: var(--space-3) var(--space-4) var(--space-4);
  flex: 1;
  grid-auto-rows: min-content;
  display: grid;
  overflow: auto;
}

.contextual-help-resource {
  border-radius: var(--radius-medium);
  background: var(--color-background-400);
  min-height: 40px;
  color: var(--color-text);
  cursor: pointer;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-3);
  text-align: left;
  border: 1px solid #0000;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  box-shadow: 0 2px 2px #dcdcdc, 0 2px 5px #0000000f;
}

.contextual-help-resource:hover {
  background: color-mix(in srgb, var(--color-background-400) 50%, var(--white));
  border-color: #0000;
  box-shadow: 0 3px 6px #00000026;
}

.contextual-help-resource .contextual-help-resource-icon {
  color: var(--color-primary-ink);
  font-size: var(--type-control);
  flex: none;
  line-height: 1.4;
}

.contextual-help-resource .contextual-help-resource-copy {
  gap: var(--space-1);
  min-width: 0;
  display: grid;
}

.contextual-help-resource .contextual-help-resource-title {
  font-size: var(--type-control);
  font-weight: 500;
}

.contextual-help-resource .contextual-help-resource-kind, .contextual-help-resource .contextual-help-resource-note {
  color: var(--color-text-muted-ink);
  font-size: var(--type-value);
}

.contextual-help-resource:focus-visible {
  outline: none;
}

.contextual-help-resource:focus-visible, .contextual-help-resource:focus-visible:hover {
  background: var(--white);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent), 0 2px 2px 0 #dcdcdc;
}

.shadowbox-typeahead {
  width: 340px;
  max-height: 320px;
  padding: var(--space-2);
  box-sizing: border-box;
  background: var(--white);
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  flex-direction: column;
  font-family: Soehne, sans-serif;
  display: flex;
  position: absolute;
  box-shadow: 0 12px 32px #0f172a2e;
}

.shadowbox-typeahead-search {
  height: 32px;
  padding: 0 var(--space-2);
  margin-bottom: var(--space-1);
  font-size: var(--type-value);
  color: var(--color-text);
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex: none;
}

.shadowbox-typeahead-search:focus {
  border-color: var(--color-primary-700);
  box-shadow: 0 0 0 3px #5b83b033;
}

.shadowbox-typeahead-list {
  flex: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

.shadowbox-typeahead-item {
  padding: 6px var(--space-2);
  cursor: pointer;
  border-radius: 6px;
  flex-direction: column;
  gap: 1px;
  display: flex;
}

.shadowbox-typeahead-item.is-highlighted {
  background: var(--grid-selected-row-background);
}

.shadowbox-typeahead-name {
  font-size: var(--type-value);
  color: var(--color-text);
}

.shadowbox-typeahead-meta {
  font-size: var(--type-micro);
  color: var(--color-text-muted-ink);
}

.shadowbox-typeahead-empty {
  padding: var(--space-3) var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

:root, .light, .light-theme {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --blue-1: color(display-p3 .986 .992 .999);
      --blue-2: color(display-p3 .96 .979 .998);
      --blue-3: color(display-p3 .912 .956 .991);
      --blue-4: color(display-p3 .853 .932 1);
      --blue-5: color(display-p3 .788 .894 .998);
      --blue-6: color(display-p3 .709 .843 .976);
      --blue-7: color(display-p3 .606 .777 .947);
      --blue-8: color(display-p3 .451 .688 .917);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .234 .523 .912);
      --blue-11: color(display-p3 .15 .44 .84);
      --blue-12: color(display-p3 .102 .193 .379);
    }
  }
}

.dark, .dark-theme {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --blue-1: color(display-p3 .057 .081 .122);
      --blue-2: color(display-p3 .072 .098 .147);
      --blue-3: color(display-p3 .078 .154 .27);
      --blue-4: color(display-p3 .033 .197 .37);
      --blue-5: color(display-p3 .08 .245 .441);
      --blue-6: color(display-p3 .14 .298 .511);
      --blue-7: color(display-p3 .195 .361 .6);
      --blue-8: color(display-p3 .239 .434 .72);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .344 .612 .973);
      --blue-11: color(display-p3 .49 .72 1);
      --blue-12: color(display-p3 .788 .898 .99);
    }
  }
}

:root, .light, .light-theme {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --slate-1: color(display-p3 .988 .988 .992);
      --slate-2: color(display-p3 .976 .976 .984);
      --slate-3: color(display-p3 .94 .941 .953);
      --slate-4: color(display-p3 .908 .909 .925);
      --slate-5: color(display-p3 .88 .881 .901);
      --slate-6: color(display-p3 .85 .852 .876);
      --slate-7: color(display-p3 .805 .808 .838);
      --slate-8: color(display-p3 .727 .733 .773);
      --slate-9: color(display-p3 .547 .553 .592);
      --slate-10: color(display-p3 .503 .512 .549);
      --slate-11: color(display-p3 .379 .392 .421);
      --slate-12: color(display-p3 .113 .125 .14);
    }
  }
}

.dark, .dark-theme {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark, .dark-theme {
      --slate-1: color(display-p3 .067 .067 .074);
      --slate-2: color(display-p3 .095 .098 .105);
      --slate-3: color(display-p3 .13 .135 .145);
      --slate-4: color(display-p3 .156 .163 .176);
      --slate-5: color(display-p3 .183 .191 .206);
      --slate-6: color(display-p3 .215 .226 .244);
      --slate-7: color(display-p3 .265 .28 .302);
      --slate-8: color(display-p3 .357 .381 .409);
      --slate-9: color(display-p3 .415 .431 .463);
      --slate-10: color(display-p3 .469 .483 .514);
      --slate-11: color(display-p3 .692 .704 .728);
      --slate-12: color(display-p3 .93 .933 .94);
    }
  }
}

:root, .light, .light-theme {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --grass-1: color(display-p3 .986 .996 .985);
      --grass-2: color(display-p3 .966 .983 .964);
      --grass-3: color(display-p3 .923 .965 .917);
      --grass-4: color(display-p3 .872 .94 .865);
      --grass-5: color(display-p3 .811 .908 .802);
      --grass-6: color(display-p3 .733 .864 .724);
      --grass-7: color(display-p3 .628 .803 .622);
      --grass-8: color(display-p3 .477 .72 .482);
      --grass-9: color(display-p3 .38 .647 .378);
      --grass-10: color(display-p3 .344 .598 .342);
      --grass-11: color(display-p3 .263 .488 .261);
      --grass-12: color(display-p3 .151 .233 .153);
    }
  }
}

:root, .light, .light-theme {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --cyan-1: color(display-p3 .982 .992 .996);
      --cyan-2: color(display-p3 .955 .981 .984);
      --cyan-3: color(display-p3 .888 .965 .975);
      --cyan-4: color(display-p3 .821 .941 .959);
      --cyan-5: color(display-p3 .751 .907 .935);
      --cyan-6: color(display-p3 .671 .862 .9);
      --cyan-7: color(display-p3 .564 .8 .854);
      --cyan-8: color(display-p3 .388 .715 .798);
      --cyan-9: color(display-p3 .282 .627 .765);
      --cyan-10: color(display-p3 .264 .583 .71);
      --cyan-11: color(display-p3 .08 .48 .63);
      --cyan-12: color(display-p3 .108 .232 .277);
    }
  }
}

:root, .light, .light-theme {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --amber-1: color(display-p3 .995 .992 .985);
      --amber-2: color(display-p3 .994 .986 .921);
      --amber-3: color(display-p3 .994 .969 .782);
      --amber-4: color(display-p3 .989 .937 .65);
      --amber-5: color(display-p3 .97 .902 .527);
      --amber-6: color(display-p3 .936 .844 .506);
      --amber-7: color(display-p3 .89 .762 .443);
      --amber-8: color(display-p3 .85 .65 .3);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 .959 .741 .274);
      --amber-11: color(display-p3 .64 .4 0);
      --amber-12: color(display-p3 .294 .208 .145);
    }
  }
}

:root, .light, .light-theme {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, .light, .light-theme {
      --red-1: color(display-p3 .998 .989 .988);
      --red-2: color(display-p3 .995 .971 .971);
      --red-3: color(display-p3 .985 .925 .925);
      --red-4: color(display-p3 .999 .866 .866);
      --red-5: color(display-p3 .984 .812 .811);
      --red-6: color(display-p3 .955 .751 .749);
      --red-7: color(display-p3 .915 .675 .672);
      --red-8: color(display-p3 .872 .575 .572);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .798 .294 .285);
      --red-11: color(display-p3 .744 .234 .222);
      --red-12: color(display-p3 .36 .115 .143);
    }
  }
}

.mdxeditor .cm-editor {
  --sp-font-mono: var(--font-mono);
  --sp-font-body: var(--font-body);
  padding: var(--sp-space-4) 0;
}

.mdxeditor .sp-editor .cm-editor {
  padding-bottom: 0;
}

.mdxeditor .cm-scroller {
  padding: 0 !important;
}

.mdxeditor .cm-focused {
  outline: none;
}

.mdxeditor .sp-wrapper {
  overflow: hidden;
}

.mdxeditor .sp-layout {
  border: none;
}

.mdxeditor .sp-cm pre {
  white-space: break-spaces;
  word-break: break-word;
  overflow-wrap: anywhere;
  flex-shrink: 1;
}

.mdxeditor .cm-mergeView .cm-scroller, .mdxeditor .cm-sourceView .cm-scroller {
  font-family: var(--font-mono);
  line-height: 1.3rem;
  font-size: var(--text-xs);
}

.mdxeditor .cm-gutters {
  font-size: var(--text-xxs);
  background: none;
}

.mdxeditor .cm-activeLine {
  background: none;
}

.mdxeditor .cm-tooltip-autocomplete {
  background: var(--baseBgSubtle);
}

.mdxeditor hr.selected[data-lexical-decorator="true"] {
  outline: 2px solid highlight;
}

._editorRoot_1e2ox_53 {
  --accentBase: var(--blue-1);
  --accentBgSubtle: var(--blue-2);
  --accentBg: var(--blue-3);
  --accentBgHover: var(--blue-4);
  --accentBgActive: var(--blue-5);
  --accentLine: var(--blue-6);
  --accentBorder: var(--blue-7);
  --accentBorderHover: var(--blue-8);
  --accentSolid: var(--blue-9);
  --accentSolidHover: var(--blue-10);
  --accentText: var(--blue-11);
  --accentTextContrast: var(--blue-12);
  --basePageBg: white;
  --baseBase: var(--slate-1);
  --baseBgSubtle: var(--slate-2);
  --baseBg: var(--slate-3);
  --baseBgHover: var(--slate-4);
  --baseBgActive: var(--slate-5);
  --baseLine: var(--slate-6);
  --baseBorder: var(--slate-7);
  --baseBorderHover: var(--slate-8);
  --baseSolid: var(--slate-9);
  --baseSolidHover: var(--slate-10);
  --baseText: var(--slate-11);
  --baseTextContrast: var(--slate-12);
  --admonitionTipBg: var(--cyan-4);
  --admonitionTipBorder: var(--cyan-8);
  --admonitionInfoBg: var(--grass-4);
  --admonitionInfoBorder: var(--grass-8);
  --admonitionCautionBg: var(--amber-4);
  --admonitionCautionBorder: var(--amber-8);
  --admonitionDangerBg: var(--red-4);
  --admonitionDangerBorder: var(--red-8);
  --admonitionNoteBg: var(--slate-4);
  --admonitionNoteBorder: var(--slate-8);
  --error-color: var(--red-10);
  --spacing-0: 0px;
  --spacing-px: 1px;
  --spacing-0_5: .125rem;
  --spacing-1: .25rem;
  --spacing-1_5: .375rem;
  --spacing-2: .5rem;
  --spacing-2_5: .625rem;
  --spacing-3: .75rem;
  --spacing-3_5: .875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --radius-none: 0px;
  --radius-small: var(--spacing-0_5);
  --radius-base: var(--spacing-1);
  --radius-medium: var(--spacing-1_5);
  --radius-large: var(--spacing-2);
  --radius-extra-large: var(--spacing-3);
  --radius-full: 9999px;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  --text-base: 1rem;
  --text-sm: .875rem;
  --text-xs: .75rem;
  --text-xxs: .6rem;
  font-family: var(--font-body);
  color: var(--baseText);
}

._nestedListItem_1e2ox_158 {
  list-style: none;
}

._toolbarRoot_1e2ox_162 {
  z-index: 2;
  gap: var(--spacing-1);
  border-radius: var(--radius-medium);
  padding: var(--spacing-1_5);
  background-color: var(--baseBg);
  width: inherit;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
  overflow-x: auto;
}

._toolbarRoot_1e2ox_162 div[role="separator"] {
  margin: var(--spacing-2) var(--spacing-1);
  border-left: 1px solid var(--baseBorder);
  border-right: 1px solid var(--baseBase);
  height: var(--spacing-4);
}

._toolbarRoot_1e2ox_162 svg {
  color: var(--baseTextContrast);
  display: block;
}

._readOnlyToolbarRoot_1e2ox_189 {
  pointer-events: none;
  background: var(--baseBase);
}

._readOnlyToolbarRoot_1e2ox_189 > div {
  opacity: .5;
}

._toolbarModeSwitch_1e2ox_198 {
  border: 1px solid var(--baseBg);
  border-radius: var(--radius-medium);
  font-size: var(--text-xs);
  align-self: stretch;
  align-items: stretch;
  margin-left: auto;
  display: flex;
  opacity: 1 !important;
}

._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4);
}

._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state="on"] {
  background-color: var(--baseBorder);
}

._toolbarGroupOfGroups_1e2ox_219 {
  margin: 0 var(--spacing-1);
  display: flex;
}

._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarToggleItem_1e2ox_208, ._toolbarButton_1e2ox_239 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-0_5);
}

@media (hover: hover) {
  ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {
    background-color: var(--baseBgActive);
  }
}

._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {
  transform: translate(1px, 1px);
}

._toolbarToggleItem_1e2ox_208[data-state="on"], ._toolbarButton_1e2ox_239[data-state="on"], ._toolbarToggleItem_1e2ox_208:active, ._toolbarButton_1e2ox_239:active {
  color: var(--baseTextContrast);
  background-color: var(--baseBgActive);
}

._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {
  pointer-events: none;
}

._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {
  color: var(--baseBorderHover);
}

._toolbarButton_1e2ox_239 {
  border-radius: var(--radius-base);
}

._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {
  margin-left: var(--spacing-1);
}

._activeToolbarButton_1e2ox_275 {
  color: var(--accentText);
}

._toolbarToggleSingleGroup_1e2ox_224 {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

._toolbarNodeKindSelectContainer_1e2ox_285, ._toolbarButtonDropdownContainer_1e2ox_286, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287, ._selectContainer_1e2ox_288 {
  filter: drop-shadow(0 2px 2px #0003);
  z-index: 3;
  width: var(--spacing-36);
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
  background-color: var(--basePageBg);
  font-size: var(--text-sm);
}

._toolbarButtonDropdownContainer_1e2ox_286, ._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {
  border-top-right-radius: var(--radius-base);
}

._toolbarNodeKindSelectTrigger_1e2ox_306, ._toolbarButtonSelectTrigger_1e2ox_307, ._selectTrigger_1e2ox_308 {
  color: inherit;
  width: var(--spacing-36);
  padding: var(--spacing-0_5) var(--spacing-1);
  border-radius: var(--radius-medium);
  white-space: nowrap;
  font-size: var(--text-sm);
  background-color: #0000;
  background-color: var(--basePageBg);
  margin: 0 var(--spacing-1);
  border: 0;
  flex-wrap: nowrap;
  align-items: center;
  padding-inline-start: var(--spacing-2);
  display: flex;
}

._toolbarNodeKindSelectTrigger_1e2ox_306[data-state="open"], ._toolbarButtonSelectTrigger_1e2ox_307[data-state="open"], ._selectTrigger_1e2ox_308[data-state="open"] {
  filter: drop-shadow(0 2px 2px #0003);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-left-radius: var(--radius-none);
}

._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {
  color: var(--baseBorderHover);
}

._toolbarButtonSelectTrigger_1e2ox_307 {
  width: auto;
  padding-inline-start: var(--spacing-2);
  padding-inline-end: var(--spacing-1);
  padding-block: var(--spacing-0_5);
}

._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {
  width: var(--spacing-48);
}

._toolbarNodeKindSelectItem_1e2ox_348, ._selectItem_1e2ox_301 {
  cursor: default;
  padding: var(--spacing-2);
  display: flex;
}

._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
  background-color: var(--baseBg);
}

._toolbarNodeKindSelectItem_1e2ox_348[data-state="checked"], ._selectItem_1e2ox_301[data-state="checked"] {
  color: var(--baseTextContrast);
  background-color: var(--baseBg);
}

._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
  outline: none;
}

._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {
  border-bottom-left-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._toolbarNodeKindSelectDropdownArrow_1e2ox_373, ._selectDropdownArrow_1e2ox_374 {
  align-items: center;
  margin-left: auto;
  display: flex;
}

._contentEditable_1e2ox_380 {
  box-sizing: border-box;
  width: 100%;
  color: var(--baseTextContrast);
  padding: var(--spacing-3);
}

._contentEditable_1e2ox_380:focus {
  outline: none;
}

._codeMirrorWrapper_1e2ox_392 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  padding: .8rem;
  position: relative;
  overflow: hidden;
}

._sandPackWrapper_1e2ox_401 {
  margin-bottom: var(--spacing-5);
  border: 1px solid var(--baseLine);
  border-radius: var(--radius-medium);
  position: relative;
  overflow: hidden;
}

._codeMirrorToolbar_1e2ox_409 {
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

._frontmatterWrapper_1e2ox_413 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-3);
  background-color: var(--baseBgSubtle);
}

._frontmatterWrapper_1e2ox_413[data-expanded="true"] {
  margin-bottom: var(--spacing-10);
}

._frontmatterToggleButton_1e2ox_423 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  align-items: center;
  gap: var(--spacing-1);
  font-size: var(--text-sm);
  display: flex;
}

._propertyPanelTitle_1e2ox_431 {
  font-size: var(--text-xs);
  padding-top: var(--spacing-2);
  padding-left: var(--spacing-2);
  margin: 0;
  font-weight: 400;
}

._propertyEditorTable_1e2ox_439 {
  table-layout: fixed;
  border-spacing: var(--spacing-2);
}

._propertyEditorTable_1e2ox_439 th {
  text-align: left;
  font-size: var(--text-sm);
  padding: var(--spacing-2) var(--spacing-3);
}

._propertyEditorTable_1e2ox_439 col:first-child {
  width: 30%;
}

._propertyEditorTable_1e2ox_439 col:nth-child(2) {
  width: 70%;
}

._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {
  margin-left: var(--spacing-4);
  margin-right: var(--spacing-4);
}

._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {
  padding-left: 0;
}

._propertyEditorLabelCell_1e2ox_467 {
  font-weight: 400;
}

._readOnlyColumnCell_1e2ox_462 {
  padding-left: 0;
}

._buttonsFooter_1e2ox_475 {
  justify-content: flex-end;
  gap: var(--spacing-2);
  display: flex;
}

._propertyEditorInput_1e2ox_481 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  font-size: var(--text-sm);
}

._iconButton_1e2ox_457 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  color: var(--baseText);
}

@media (hover: hover) {
  ._iconButton_1e2ox_457:hover {
    color: var(--baseTextContrast);
  }
}

._iconButton_1e2ox_457:disabled, ._iconButton_1e2ox_457:disabled:hover {
  color: var(--baseLine);
}

._primaryButton_1e2ox_507, ._secondaryButton_1e2ox_508 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-2) var(--spacing-3);
  border: 1px solid var(--accentBorder);
  background-color: var(--accentSolidHover);
  color: var(--baseBase);
  font-size: var(--text-xs);
  border-radius: var(--radius-medium);
}

._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {
  background: var(--accentLine);
  border-color: var(--accentBg);
}

._smallButton_1e2ox_523 {
  font-size: var(--text-xs);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-base);
}

._secondaryButton_1e2ox_508 {
  border: 1px solid var(--baseBorder);
  background-color: var(--baseSolidHover);
  color: var(--baseBase);
}

._dialogForm_1e2ox_535 {
  gap: var(--spacing-2);
  flex-direction: row;
  display: flex;
}

._linkDialogEditForm_1e2ox_541 {
  align-items: stretch;
  gap: var(--spacing-2);
  flex-direction: column;
  padding: 0;
  display: flex;
}

._linkDialogInputContainer_1e2ox_549 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._linkDialogInputWrapper_1e2ox_555 {
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  align-items: center;
  display: flex;
}

._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown="true"] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}

._linkDialogInputWrapper_1e2ox_555 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}

._linkDialogInput_1e2ox_549, ._dialogInput_1e2ox_576 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._linkDialogInput_1e2ox_549::-moz-placeholder {
  color: var(--baseBorder);
}

._dialogInput_1e2ox_576::-moz-placeholder {
  color: var(--baseBorder);
}

._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {
  color: var(--baseBorder);
}

._linkDialogAnchor_1e2ox_587 {
  z-index: -1;
  background-color: highlight;
  position: fixed;
}

._linkDialogAnchor_1e2ox_587[data-visible="true"] {
  visibility: visible;
}

._linkDialogAnchor_1e2ox_587[data-visible="false"] {
  visibility: hidden;
}

._linkDialogPopoverContent_1e2ox_601, ._tableColumnEditorPopoverContent_1e2ox_602, ._dialogContent_1e2ox_603 {
  filter: drop-shadow(0 2px 2px #0003);
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBg);
  background-color: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-1);
  font-size: var(--text-sm);
  display: flex;
}

._largeDialogContent_1e2ox_615 {
  filter: drop-shadow(0 2px 2px #0003);
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-4);
  font-size: var(--text-sm);
}

._dialogTitle_1e2ox_625 {
  font-size: var(--text-base);
  padding-left: var(--spacing-2);
  font-weight: 600;
}

._dialogCloseButton_1e2ox_631 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  position: absolute;
  top: 10px;
  right: 10px;
}

._popoverContent_1e2ox_638 {
  filter: drop-shadow(0 2px 2px #0003);
  align-items: center;
  gap: var(--spacing-0_5);
  border-radius: var(--radius-medium);
  background-color: var(--baseBgSubtle);
  padding: var(--spacing-2) var(--spacing-2);
  font-size: var(--text-sm);
  z-index: 1;
  display: flex;
}

._popoverArrow_1e2ox_650 {
  fill: var(--basePageBg);
}

._linkDialogPreviewAnchor_1e2ox_654 {
  margin-right: var(--spacing-1);
  color: var(--accentText);
  border: 1px solid #0000;
  align-items: center;
  text-decoration: none;
  display: flex;
}

@media (hover: hover) {
  ._linkDialogPreviewAnchor_1e2ox_654:hover {
    color: var(--accentSolidHover);
  }
}

._linkDialogPreviewAnchor_1e2ox_654 span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 14rem;
  overflow-x: hidden;
}

._tooltipTrigger_1e2ox_677 {
  align-self: center;
}

._tooltipContent_1e2ox_681 {
  z-index: 2;
  border-radius: var(--radius-medium);
  padding: var(--spacing-1) var(--spacing-2);
  font-size: var(--text-xs);
  background-color: var(--baseText);
  color: var(--baseBase);
  position: relative;
}

._tooltipContent_1e2ox_681 svg {
  fill: var(--baseText);
}

._actionButton_1e2ox_695 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  padding: var(--spacing-1) var(--spacing-1);
  border-radius: var(--radius-medium);
}

._actionButton_1e2ox_695 svg {
  display: block;
}

@media (hover: hover) {
  ._actionButton_1e2ox_695:hover {
    background-color: var(--baseBg);
  }
}

._actionButton_1e2ox_695:active svg {
  transform: translate(1px, 1px);
}

._actionButton_1e2ox_695[data-state="on"], ._actionButton_1e2ox_695:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._primaryActionButton_1e2ox_702 {
  background-color: var(--accentSolid);
  color: var(--baseBase);
}

@media (hover: hover) {
  ._primaryActionButton_1e2ox_702:hover {
    background-color: var(--accentSolidHover);
    color: var(--baseBase);
  }
}

._tableEditor_1e2ox_714 {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}

._tableEditor_1e2ox_714 thead > tr > th {
  text-align: right;
}

._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell="true"]) {
  border: 1px solid var(--baseBgActive);
  padding: var(--spacing-1) var(--spacing-2);
  white-space: normal;
}

:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell="true"])) > div {
  outline: none;
}

:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell="true"])) > div > p {
  margin: 0;
}

[data-active="true"]:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell="true"])) {
  outline: solid 1px var(--baseSolid);
}

._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {
  opacity: .15;
}

@media (hover: hover) {
  ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {
    opacity: .3;
  }

  ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {
    opacity: 1;
  }
}

._toolCell_1e2ox_725 {
  text-align: right;
}

._toolCell_1e2ox_725 button {
  margin: auto;
  display: block;
}

._tableColumnEditorTrigger_1e2ox_744 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  padding: var(--spacing-1);
  border-radius: var(--radius-full);
  opacity: .2;
}

._tableColumnEditorTrigger_1e2ox_744 svg {
  display: block;
}

@media (hover: hover) {
  ._tableColumnEditorTrigger_1e2ox_744:hover {
    background-color: var(--baseBg);
  }
}

._tableColumnEditorTrigger_1e2ox_744:active svg {
  transform: translate(1px, 1px);
}

._tableColumnEditorTrigger_1e2ox_744[data-state="on"], ._tableColumnEditorTrigger_1e2ox_744:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._tableColumnEditorTrigger_1e2ox_744[data-active="true"] {
  opacity: 1 !important;
}

._tableColumnEditorToolbar_1e2ox_789 {
  display: flex;
}

._tableColumnEditorToolbar_1e2ox_789 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}

._tableColumnEditorToolbar_1e2ox_789 > button svg {
  display: block;
}

@media (hover: hover) {
  ._tableColumnEditorToolbar_1e2ox_789 > button:hover {
    background-color: var(--baseBg);
  }
}

._tableColumnEditorToolbar_1e2ox_789 > button:active svg {
  transform: translate(1px, 1px);
}

._tableColumnEditorToolbar_1e2ox_789 > button[data-state="on"], ._tableColumnEditorToolbar_1e2ox_789 > button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._tableColumnEditorToolbar_1e2ox_789 [role="separator"] {
  margin-left: var(--spacing-1);
  margin-right: var(--spacing-1);
}

._toggleGroupRoot_1e2ox_802 {
  display: inline-flex;
}

._toggleGroupRoot_1e2ox_802 button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
}

._toggleGroupRoot_1e2ox_802 button svg {
  display: block;
}

@media (hover: hover) {
  ._toggleGroupRoot_1e2ox_802 button:hover {
    background-color: var(--baseBg);
  }
}

._toggleGroupRoot_1e2ox_802 button:active svg {
  transform: translate(1px, 1px);
}

._toggleGroupRoot_1e2ox_802 button[data-state="on"], ._toggleGroupRoot_1e2ox_802 button:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._toggleGroupRoot_1e2ox_802 button:first-child {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

._toggleGroupRoot_1e2ox_802 button:last-child {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

._tableToolsColumn_1e2ox_820 {
  width: 2rem;
}

._tableToolsColumn_1e2ox_820 button {
  margin: auto;
  display: block;
}

._leftAlignedCell_1e2ox_829 {
  text-align: left;
}

._rightAlignedCell_1e2ox_833 {
  text-align: right;
}

._centeredCell_1e2ox_837 {
  text-align: center;
}

._addColumnButton_1e2ox_747, ._addRowButton_1e2ox_746 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding: var(--spacing-1);
  color: var(--baseTextContrast);
  background-color: var(--baseBase);
  align-items: center;
  display: flex;
}

._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
  display: block;
}

@media (hover: hover) {
  ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {
    background-color: var(--baseBg);
  }
}

._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {
  transform: translate(1px, 1px);
}

._addColumnButton_1e2ox_747[data-state="on"], ._addRowButton_1e2ox_746[data-state="on"], ._addColumnButton_1e2ox_747:active, ._addRowButton_1e2ox_746:active {
  background-color: var(--baseBg);
  color: var(--baseTextContrast);
}

._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
  margin: auto;
}

._addRowButton_1e2ox_746 {
  width: 100%;
  margin-top: var(--spacing-px);
  box-sizing: border-box;
  border-bottom-right-radius: var(--radius-medium);
  border-bottom-left-radius: var(--radius-medium);
}

._addColumnButton_1e2ox_747 {
  margin-left: var(--spacing-px);
  border-top-right-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  height: 100%;
}

._dialogOverlay_1e2ox_870 {
  background-color: var(--baseBase);
  z-index: 51;
  opacity: .5;
  animation: .15s cubic-bezier(.16, 1, .3, 1) _overlayShow_1e2ox_1;
  position: fixed;
  inset: 0;
}

._dialogContent_1e2ox_603, ._largeDialogContent_1e2ox_615 {
  z-index: 52;
  animation: .15s cubic-bezier(.16, 1, .3, 1) _contentShow_1e2ox_1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._dialogContent_1e2ox_603:focus, ._largeDialogContent_1e2ox_615:focus {
  outline: none;
}

@keyframes _overlayShow_1e2ox_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: .5;
  }
}

@keyframes _contentShow_1e2ox_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

._focusedImage_1e2ox_916 {
  outline: 2px solid highlight;
}

._imageWrapper_1e2ox_920 {
  display: inline-block;
  position: relative;
}

._imageWrapper_1e2ox_920[draggable="true"] {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

._editImageToolbar_1e2ox_933 {
  gap: var(--spacing-1);
  padding: var(--spacing-1);
  z-index: 1;
  background-color: var(--baseBase);
  border-bottom-left-radius: var(--radius-base);
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

._editImageButton_1e2ox_937 svg {
  display: block;
}

._inlineEditor_1e2ox_943 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-1);
  gap: var(--spacing-2);
  background: var(--baseBg);
  align-items: center;
  display: inline-flex;
}

._blockEditor_1e2ox_952 {
  border-radius: var(--radius-medium);
  padding: var(--spacing-2);
  justify-content: stretch;
  gap: var(--spacing-2);
  background: var(--baseBg);
  align-items: center;
  display: flex;
}

._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {
  flex-grow: 1;
}

._nestedEditor_1e2ox_961 {
  background: var(--basePageBg);
  padding: var(--spacing-1) var(--spacing-2);
  border-radius: var(--radius-medium);
}

._nestedEditor_1e2ox_961 > p {
  margin: 0;
}

._nestedEditor_1e2ox_961:focus {
  outline: none;
}

._genericComponentName_1e2ox_980 {
  font-size: var(--text-sm);
  color: var(--baseText);
  padding-right: var(--spacing-2);
}

._diffSourceToggleWrapper_1e2ox_986 {
  pointer-events: auto;
  opacity: 1;
  margin-left: auto;
  position: sticky;
  right: 0;
}

._diffSourceToggle_1e2ox_986 {
  border-radius: var(--radius-medium);
  background-color: var(--baseBase);
  display: flex;
}

._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {
  padding: 0;
}

._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {
  padding: var(--spacing-1) var(--spacing-1);
  display: block;
}

._selectWithLabel_1e2ox_1012 {
  align-items: center;
  gap: var(--spacing-2);
  margin-left: var(--spacing-2);
  display: flex;
}

._selectWithLabel_1e2ox_1012 > label {
  font-size: var(--text-sm);
}

._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {
  border: 1px solid var(--baseBorder);
}

._toolbarTitleMode_1e2ox_1027 {
  font-size: var(--text-sm);
  margin-left: var(--spacing-2);
}

._imageControlWrapperResizing_1e2ox_1032 {
  touch-action: none;
}

._imageResizer_1e2ox_1036 {
  background-color: var(--accentText);
  border: 1px solid var(--baseBg);
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
}

._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {
  cursor: n-resize;
  top: -6px;
  left: 48%;
}

._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {
  cursor: ne-resize;
  top: -6px;
  right: -6px;
}

._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {
  cursor: e-resize;
  bottom: 48%;
  right: -6px;
}

._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {
  cursor: nwse-resize;
  bottom: -2px;
  right: -6px;
}

._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {
  cursor: s-resize;
  bottom: -2px;
  left: 48%;
}

._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {
  cursor: sw-resize;
  bottom: -2px;
  left: -6px;
}

._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {
  cursor: w-resize;
  bottom: 48%;
  left: -6px;
}

._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {
  cursor: nw-resize;
  top: -6px;
  left: -6px;
}

._imagePlaceholder_1e2ox_1093 {
  border: 2px dashed;
  width: fit-content;
  height: fit-content;
  margin: 12px;
  padding: 48px;
}

._imageDimensionsContainer_1e2ox_1101 {
  gap: var(--spacing-4);
  display: flex;
}

._placeholder_1e2ox_1106 {
  color: var(--baseSolid);
  padding: var(--spacing-3);
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  pointer-events: none;
  display: inline-block;
  position: absolute;
  top: 0;
  overflow: hidden;
}

._rootContentEditableWrapper_1e2ox_1119 {
  position: relative;
}

._downshiftContainer_1e2ox_1123 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

._downshiftInputWrapper_1e2ox_1129 {
  background-color: var(--baseBase);
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  align-items: center;
  display: flex;
}

._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown="true"] {
  border-bottom-left-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
  border-bottom-width: 0;
}

._downshiftInputWrapper_1e2ox_1129 > button {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  padding-right: var(--spacing-2);
}

._downshiftInput_1e2ox_1129 {
  all: unset;
  box-sizing: border-box;
  cursor: default;
  width: 20rem;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: var(--text-sm);
}

._downshiftInput_1e2ox_1129::placeholder {
  color: var(--baseBorder);
}

._downshiftAutocompleteContainer_1e2ox_1160 {
  position: relative;
}

._downshiftAutocompleteContainer_1e2ox_1160 ul {
  all: unset;
  box-sizing: border-box;
  font-size: var(--text-sm);
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
  width: 100%;
  max-height: var(--spacing-48);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  border-top-width: 0;
  display: none;
  position: absolute;
  overflow: hidden auto;
}

._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible="true"] {
  display: block;
}

._downshiftAutocompleteContainer_1e2ox_1160 ul li {
  padding: var(--spacing-2) var(--spacing-3);
  white-space: nowrap;
  margin-bottom: var(--spacing-1);
  text-overflow: ellipsis;
  overflow-x: hidden;
}

._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected="true"] {
  background-color: var(--baseBgSubtle);
}

._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted="true"] {
  background-color: var(--baseBgHover);
}

._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {
  border-bottom-left-radius: var(--radius-medium);
  border-bottom-right-radius: var(--radius-medium);
}

._textInput_1e2ox_1206 {
  all: unset;
  border-radius: var(--radius-base);
  border: 1px solid var(--baseBorder);
  background-color: var(--baseBase);
  padding: var(--spacing-2) var(--spacing-3);
}

form._multiFieldForm_1e2ox_1214 {
  padding: var(--spacing-2);
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {
  font-size: var(--text-xs);
}

._markdownParseError_1e2ox_1231 {
  border-radius: var(--radius-base);
  border: 1px solid var(--error-color);
  padding: var(--spacing-2);
  margin-block: var(--spacing-2);
  color: var(--error-color);
  font-size: var(--text-xs);
}

._popupContainer_1e2ox_1240 {
  z-index: 2;
  position: relative;
}

._inputSizer_1e2ox_1245 {
  vertical-align: baseline;
  align-items: center;
  display: inline-grid;
  position: relative;
}

._inputSizer_1e2ox_1245:after, ._inputSizer_1e2ox_1245 input {
  width: auto;
  min-width: 1rem;
  font: inherit;
  resize: none;
  appearance: none;
  color: inherit;
  background: none;
  border: none;
  grid-area: 1 / 2;
  margin: 0;
  padding: 0 2px;
}

._inputSizer_1e2ox_1245 span {
  padding: .25em;
}

._inputSizer_1e2ox_1245:after {
  content: attr(data-value);
  white-space: pre-wrap;
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --blue-1: #fbfdff;
  --blue-2: #f4faff;
  --blue-3: #e6f4fe;
  --blue-4: #d5efff;
  --blue-5: #c2e5ff;
  --blue-6: #acd8fc;
  --blue-7: #8ec8f6;
  --blue-8: #5eb1ef;
  --blue-9: #0090ff;
  --blue-10: #0588f0;
  --blue-11: #0d74ce;
  --blue-12: #113264;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --blue-1: color(display-p3 .986 .992 .999);
      --blue-2: color(display-p3 .96 .979 .998);
      --blue-3: color(display-p3 .912 .956 .991);
      --blue-4: color(display-p3 .853 .932 1);
      --blue-5: color(display-p3 .788 .894 .998);
      --blue-6: color(display-p3 .709 .843 .976);
      --blue-7: color(display-p3 .606 .777 .947);
      --blue-8: color(display-p3 .451 .688 .917);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .234 .523 .912);
      --blue-11: color(display-p3 .15 .44 .84);
      --blue-12: color(display-p3 .102 .193 .379);
    }
  }
}

._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --blue-1: #0d1520;
  --blue-2: #111927;
  --blue-3: #0d2847;
  --blue-4: #003362;
  --blue-5: #004074;
  --blue-6: #104d87;
  --blue-7: #205d9e;
  --blue-8: #2870bd;
  --blue-9: #0090ff;
  --blue-10: #3b9eff;
  --blue-11: #70b8ff;
  --blue-12: #c2e6ff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --blue-1: color(display-p3 .057 .081 .122);
      --blue-2: color(display-p3 .072 .098 .147);
      --blue-3: color(display-p3 .078 .154 .27);
      --blue-4: color(display-p3 .033 .197 .37);
      --blue-5: color(display-p3 .08 .245 .441);
      --blue-6: color(display-p3 .14 .298 .511);
      --blue-7: color(display-p3 .195 .361 .6);
      --blue-8: color(display-p3 .239 .434 .72);
      --blue-9: color(display-p3 .247 .556 .969);
      --blue-10: color(display-p3 .344 .612 .973);
      --blue-11: color(display-p3 .49 .72 1);
      --blue-12: color(display-p3 .788 .898 .99);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --slate-1: #fcfcfd;
  --slate-2: #f9f9fb;
  --slate-3: #f0f0f3;
  --slate-4: #e8e8ec;
  --slate-5: #e0e1e6;
  --slate-6: #d9d9e0;
  --slate-7: #cdced6;
  --slate-8: #b9bbc6;
  --slate-9: #8b8d98;
  --slate-10: #80838d;
  --slate-11: #60646c;
  --slate-12: #1c2024;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --slate-1: color(display-p3 .988 .988 .992);
      --slate-2: color(display-p3 .976 .976 .984);
      --slate-3: color(display-p3 .94 .941 .953);
      --slate-4: color(display-p3 .908 .909 .925);
      --slate-5: color(display-p3 .88 .881 .901);
      --slate-6: color(display-p3 .85 .852 .876);
      --slate-7: color(display-p3 .805 .808 .838);
      --slate-8: color(display-p3 .727 .733 .773);
      --slate-9: color(display-p3 .547 .553 .592);
      --slate-10: color(display-p3 .503 .512 .549);
      --slate-11: color(display-p3 .379 .392 .421);
      --slate-12: color(display-p3 .113 .125 .14);
    }
  }
}

._dark_1tncs_1, ._dark-theme_1tncs_1 {
  --slate-1: #111113;
  --slate-2: #18191b;
  --slate-3: #212225;
  --slate-4: #272a2d;
  --slate-5: #2e3135;
  --slate-6: #363a3f;
  --slate-7: #43484e;
  --slate-8: #5a6169;
  --slate-9: #696e77;
  --slate-10: #777b84;
  --slate-11: #b0b4ba;
  --slate-12: #edeef0;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    ._dark_1tncs_1, ._dark-theme_1tncs_1 {
      --slate-1: color(display-p3 .067 .067 .074);
      --slate-2: color(display-p3 .095 .098 .105);
      --slate-3: color(display-p3 .13 .135 .145);
      --slate-4: color(display-p3 .156 .163 .176);
      --slate-5: color(display-p3 .183 .191 .206);
      --slate-6: color(display-p3 .215 .226 .244);
      --slate-7: color(display-p3 .265 .28 .302);
      --slate-8: color(display-p3 .357 .381 .409);
      --slate-9: color(display-p3 .415 .431 .463);
      --slate-10: color(display-p3 .469 .483 .514);
      --slate-11: color(display-p3 .692 .704 .728);
      --slate-12: color(display-p3 .93 .933 .94);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --grass-1: #fbfefb;
  --grass-2: #f5fbf5;
  --grass-3: #e9f6e9;
  --grass-4: #daf1db;
  --grass-5: #c9e8ca;
  --grass-6: #b2ddb5;
  --grass-7: #94ce9a;
  --grass-8: #65ba74;
  --grass-9: #46a758;
  --grass-10: #3e9b4f;
  --grass-11: #2a7e3b;
  --grass-12: #203c25;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --grass-1: color(display-p3 .986 .996 .985);
      --grass-2: color(display-p3 .966 .983 .964);
      --grass-3: color(display-p3 .923 .965 .917);
      --grass-4: color(display-p3 .872 .94 .865);
      --grass-5: color(display-p3 .811 .908 .802);
      --grass-6: color(display-p3 .733 .864 .724);
      --grass-7: color(display-p3 .628 .803 .622);
      --grass-8: color(display-p3 .477 .72 .482);
      --grass-9: color(display-p3 .38 .647 .378);
      --grass-10: color(display-p3 .344 .598 .342);
      --grass-11: color(display-p3 .263 .488 .261);
      --grass-12: color(display-p3 .151 .233 .153);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --cyan-1: #fafdfe;
  --cyan-2: #f2fafb;
  --cyan-3: #def7f9;
  --cyan-4: #caf1f6;
  --cyan-5: #b5e9f0;
  --cyan-6: #9ddde7;
  --cyan-7: #7dcedc;
  --cyan-8: #3db9cf;
  --cyan-9: #00a2c7;
  --cyan-10: #0797b9;
  --cyan-11: #107d98;
  --cyan-12: #0d3c48;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --cyan-1: color(display-p3 .982 .992 .996);
      --cyan-2: color(display-p3 .955 .981 .984);
      --cyan-3: color(display-p3 .888 .965 .975);
      --cyan-4: color(display-p3 .821 .941 .959);
      --cyan-5: color(display-p3 .751 .907 .935);
      --cyan-6: color(display-p3 .671 .862 .9);
      --cyan-7: color(display-p3 .564 .8 .854);
      --cyan-8: color(display-p3 .388 .715 .798);
      --cyan-9: color(display-p3 .282 .627 .765);
      --cyan-10: color(display-p3 .264 .583 .71);
      --cyan-11: color(display-p3 .08 .48 .63);
      --cyan-12: color(display-p3 .108 .232 .277);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --amber-1: #fefdfb;
  --amber-2: #fefbe9;
  --amber-3: #fff7c2;
  --amber-4: #ffee9c;
  --amber-5: #fbe577;
  --amber-6: #f3d673;
  --amber-7: #e9c162;
  --amber-8: #e2a336;
  --amber-9: #ffc53d;
  --amber-10: #ffba18;
  --amber-11: #ab6400;
  --amber-12: #4f3422;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --amber-1: color(display-p3 .995 .992 .985);
      --amber-2: color(display-p3 .994 .986 .921);
      --amber-3: color(display-p3 .994 .969 .782);
      --amber-4: color(display-p3 .989 .937 .65);
      --amber-5: color(display-p3 .97 .902 .527);
      --amber-6: color(display-p3 .936 .844 .506);
      --amber-7: color(display-p3 .89 .762 .443);
      --amber-8: color(display-p3 .85 .65 .3);
      --amber-9: color(display-p3 1 .77 .26);
      --amber-10: color(display-p3 .959 .741 .274);
      --amber-11: color(display-p3 .64 .4 0);
      --amber-12: color(display-p3 .294 .208 .145);
    }
  }
}

:root, ._light_1tncs_1, ._light-theme_1tncs_1 {
  --red-1: #fffcfc;
  --red-2: #fff7f7;
  --red-3: #feebec;
  --red-4: #ffdbdc;
  --red-5: #ffcdce;
  --red-6: #fdbdbe;
  --red-7: #f4a9aa;
  --red-8: #eb8e90;
  --red-9: #e5484d;
  --red-10: #dc3e42;
  --red-11: #ce2c31;
  --red-12: #641723;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root, ._light_1tncs_1, ._light-theme_1tncs_1 {
      --red-1: color(display-p3 .998 .989 .988);
      --red-2: color(display-p3 .995 .971 .971);
      --red-3: color(display-p3 .985 .925 .925);
      --red-4: color(display-p3 .999 .866 .866);
      --red-5: color(display-p3 .984 .812 .811);
      --red-6: color(display-p3 .955 .751 .749);
      --red-7: color(display-p3 .915 .675 .672);
      --red-8: color(display-p3 .872 .575 .572);
      --red-9: color(display-p3 .83 .329 .324);
      --red-10: color(display-p3 .798 .294 .285);
      --red-11: color(display-p3 .744 .234 .222);
      --red-12: color(display-p3 .36 .115 .143);
    }
  }
}

._bold_1tncs_10 {
  font-weight: 700;
}

._italic_1tncs_14 {
  font-style: italic;
}

._underline_1tncs_18 {
  text-decoration: underline;
}

._strikethrough_1tncs_34 {
  text-decoration: line-through;
}

._underlineStrikethrough_1tncs_38 {
  text-decoration: underline line-through;
}

._subscript_1tncs_42 {
  font-size: .8em;
  vertical-align: sub !important;
}

._superscript_1tncs_47 {
  vertical-align: super;
  font-size: .8em;
}

._code_1tncs_52 {
  background-color: var(--baseBg);
  font-family: var(--font-mono);
  padding: 1px .25rem;
  font-size: 94%;
}

._nestedListItem_1tncs_59 {
  list-style: none;
}

._listitem_1tncs_69 {
  margin: var(--spacing-2) 0;
}

._listItemChecked_1tncs_73, ._listItemUnchecked_1tncs_74 {
  padding-left: var(--spacing-6);
  padding-right: var(--spacing-6);
  margin-left: 0;
  margin-right: 0;
  outline: none;
  margin-inline-start: -1rem;
  list-style-type: none;
  position: relative;
}

._listItemChecked_1tncs_73 {
  text-decoration: line-through;
}

._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before {
  content: "";
  width: var(--spacing-4);
  height: var(--spacing-4);
  cursor: pointer;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

._listItemUnchecked_1tncs_74[dir="rtl"]:before, ._listItemChecked_1tncs_73[dir="rtl"]:before {
  left: auto;
  right: 0;
}

._listItemUnchecked_1tncs_74:focus:before, ._listItemChecked_1tncs_73:focus:before {
  box-shadow: 0 0 0 2px var(--accentBgActive);
  border-radius: var(--radius-small);
}

._listItemUnchecked_1tncs_74:before {
  border: 1px solid var(--baseBorder);
  border-radius: var(--radius-small);
}

._listItemChecked_1tncs_73:before {
  border: 1px solid var(--accentBorder);
  border-radius: var(--radius-small);
  background-color: var(--accentSolid);
  background-repeat: no-repeat;
}

._listItemChecked_1tncs_73:after {
  content: "";
  cursor: pointer;
  border-color: var(--baseBase);
  top: var(--spacing-0_5);
  width: var(--spacing-1);
  left: var(--spacing-1_5);
  right: var(--spacing-1_5);
  height: var(--spacing-2);
  border-style: solid;
  border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0;
  display: block;
  position: absolute;
  transform: rotate(45deg);
}

._nestedListItem_1tncs_59 {
  list-style-type: none;
}

._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after {
  display: none;
}

._admonitionDanger_1tncs_151, ._admonitionInfo_1tncs_152, ._admonitionNote_1tncs_153, ._admonitionTip_1tncs_154, ._admonitionCaution_1tncs_155 {
  padding: var(--spacing-2);
  margin-top: var(--spacing-2);
  margin-bottom: var(--spacing-2);
  border-left: 3px solid var(--admonitionBorder);
  background-color: var(--admonitionBg);
}

._admonitionInfo_1tncs_152 {
  --admonitionBorder: var(--admonitionInfoBorder);
  --admonitionBg: var(--admonitionInfoBg);
}

._admonitionTip_1tncs_154 {
  --admonitionBorder: var(--admonitionTipBorder);
  --admonitionBg: var(--admonitionTipBg);
}

._admonitionCaution_1tncs_155 {
  --admonitionBorder: var(--admonitionCautionBorder);
  --admonitionBg: var(--admonitionCautionBg);
}

._admonitionDanger_1tncs_151 {
  --admonitionBorder: var(--admonitionDangerBorder);
  --admonitionBg: var(--admonitionDangerBg);
}

._admonitionNote_1tncs_153 {
  --admonitionBorder: var(--admonitionNoteBorder);
  --admonitionBg: var(--admonitionNoteBg);
}

._mdxExpression_1tncs_188 {
  font-family: var(--font-mono);
  color: var(--accentText);
  font-size: 84%;
}

._mdxExpression_1tncs_188 input:focus-visible {
  outline: none;
}

#flyout div[form="list_help_doc"], .window-manager-content[data-form="list_help_doc"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card {
  gap: var(--space-2) !important;
}

#flyout div[form="list_help_doc"] .form-container-flyout, .window-manager-content[data-form="list_help_doc"] .form-container-flyout, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .form-container-flyout, #flyout div[form="list_help_doc"] .layout-form-content, .window-manager-content[data-form="list_help_doc"] .layout-form-content, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .layout-form-content {
  min-height: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card {
  gap: var(--space-5);
  height: 100%;
  min-height: 0;
  padding: var(--space-5);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only {
  gap: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-shell {
  box-shadow: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  border-radius: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-body {
  background: none;
  padding: 0;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-view {
  background: none;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view-readonly, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view-readonly, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view-readonly {
  background: none;
  min-height: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view-readonly, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view-readonly, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-document-view-readonly {
  flex-direction: column;
  flex: auto;
  gap: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-readonly-document-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-readonly-document-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-readonly-document-card, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-card {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: auto;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-readonly-document-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-readonly-document-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-readonly-document-body, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-body {
  background: none;
  flex: auto;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-header, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-header-toggle, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-header-toggle, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-header-toggle {
  box-shadow: none;
  background: none;
  border-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor-readonly, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor-readonly, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor-readonly {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [class*="rootContentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [class*="rootContentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [class*="rootContentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [class*="contentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [contenteditable="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [contenteditable="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor [contenteditable="true"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-content, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-content, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-content, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-content-readonly, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-content-readonly, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-editor-content-readonly {
  background: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-toolbar, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor .toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor .toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-mdxeditor .toolbar {
  padding: 0 0 var(--space-3);
  box-shadow: none;
  background: none;
  border-bottom: 0;
  border-radius: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-footer, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-footer, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-footer {
  padding: var(--space-3) 0 0;
  background: none;
  border-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-header, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-header-toggle, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-header-toggle, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-header-toggle {
  padding: 0 0 10px !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar {
  box-shadow: none;
  border-bottom: 0;
  padding: var(--space-2) var(--space-3) !important;
  background: #f5f5f5 !important;
  border-radius: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar > div, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar > div, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar > div, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar > div, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar > div, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar > div, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar > span, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar > span, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-toolbar > span, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar > span, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar > span, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor .toolbar > span {
  align-items: center;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor {
  overflow: hidden;
  background: var(--white) !important;
  border-radius: 8px !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > [class*="rootContentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > [class*="rootContentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor > [class*="rootContentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [class*="contentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [contenteditable="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [contenteditable="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [contenteditable="true"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-content, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-content, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-content {
  background: var(--white) !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-content, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-content, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-editor-content, #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [class*="contentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [contenteditable="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [contenteditable="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only.is-contextual-edit-mode .list-help-doc-mdxeditor [contenteditable="true"] {
  flex: 1 1 0;
  height: auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-page-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-page-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-page-header {
  padding: 2px var(--space-1) 2px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-page-header .list-help-doc-page-eyebrow, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-page-header .list-help-doc-page-eyebrow, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-page-header .list-help-doc-page-eyebrow {
  color: #5b83b0;
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps-wide);
  font-size: var(--type-label);
  font-weight: 500;
  line-height: 1.2;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-shell, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-shell, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-shell {
  backdrop-filter: blur(14px);
  background: linear-gradient(#fffffffa 0%, #fbfcfe 24%, #f8fafc 100%);
  border: 1px solid #d9e2ec;
  border-radius: 24px;
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 60px #0f172a1f, 0 6px 20px #0f172a0f;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-shell-header {
  padding: var(--space-5) var(--space-5) 0;
  background: linear-gradient(#fffffff5 0%, #f8fafcf5 100%);
  border-bottom: 0;
  flex-shrink: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) 0;
  flex-flow: wrap;
  flex-shrink: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--gray-700);
  padding: var(--spacing-standard);
  gap: var(--tab-list-button-common-gap, 5px);
  cursor: pointer;
  white-space: nowrap;
  background-color: #0000;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 120px;
  transition: all .2s;
  display: flex;
  border-radius: 8px !important;
  min-width: max-content !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common:hover {
  background-color: #58505b14;
  transform: scale(1);
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common.active {
  background-color: var(--color-tertiary);
  color: var(--white);
  border-radius: 5px;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active:hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active:hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common.active:hover {
  cursor: default;
  transform: scale(1);
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-count, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-count, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-count, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-badge, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-badge, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-badge, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .intake-tab-badge, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .intake-tab-badge, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common.active .intake-tab-badge, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-counter .count, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-counter .count, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common.active .tab-counter .count {
  background-color: var(--white);
  color: var(--color-tertiary);
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .tab-count, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .tab-count, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common .tab-count, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .tab-badge, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .tab-badge, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common .tab-badge, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .intake-tab-badge, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .intake-tab-badge, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common .intake-tab-badge, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .tab-counter .count, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common .tab-counter .count, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common .tab-counter .count {
  background-color: var(--color-background-950);
  color: #fff;
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-1);
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-top: var(--spacing-xsmall);
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):hover, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):focus, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common:not(.active, :disabled, [disabled]):focus-visible {
  color: var(--color-tertiary);
  box-shadow: none;
  background-color: #0000;
  outline: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:disabled, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-btn-row .button-common:disabled, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-btn-row .button-common:disabled {
  opacity: .55;
  cursor: not-allowed;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-lock-note, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-lock-note, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-lock-note {
  min-height: 40px;
  padding: 10px var(--space-3);
  margin-top: var(--space-3);
  color: #667085;
  font-size: var(--type-label);
  background: #ffffffeb;
  border: 1px solid #d9e6f4;
  border-radius: 999px;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-weight: 500;
  line-height: 1.3;
  display: inline-flex;
  box-shadow: 0 4px 12px #0f172a0d;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-tab-btns, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-tab-btns, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-tab-btns {
  justify-content: center;
  align-items: center;
  gap: var(--tab-list-button-common-gap);
  padding: var(--space-2);
  background: #00000038;
  border-radius: 8px;
  height: 46px;
  display: inline-flex;
  box-shadow: inset 0 1px 2px #0000001a, inset 0 2px 3px #00000014;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-shell-body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-view {
  min-height: 0;
  padding: var(--space-5);
  flex: 1;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-view.is-record-tab, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-view.is-record-tab, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-view.is-record-tab {
  padding-top: var(--space-4);
  flex-direction: column;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-view.is-document-tab, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-view.is-document-tab, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-view.is-document-tab {
  padding-top: var(--space-5);
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-footer, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-footer, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-shell-footer {
  padding: 0 var(--space-5) var(--space-5);
  background: linear-gradient(#f8fafc00 0%, #f8fafcf0 76%, #f8fafc 100%);
  border-top: 1px solid #eaecf0;
  flex-shrink: 0;
  margin-top: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-footer .wizard-bottom-bar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-footer .wizard-bottom-bar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-shell-footer .wizard-bottom-bar {
  background: none;
  margin-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-footer .action-btn-group-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-shell-footer .action-btn-group-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-shell-footer .action-btn-group-container {
  box-shadow: none;
  background: none;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-document-view {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view {
  overflow: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-group.list_help_doc_clara_help, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-group.list_help_doc_clara_help, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-group.list_help_doc_clara_help, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-group.list_help_doc_customer_help, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-group.list_help_doc_customer_help, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-group.list_help_doc_customer_help {
  display: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-container, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-read-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-read-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-read-mode, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-edit-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-edit-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-edit-mode, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-add-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-add-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-add-mode, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-addfill-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-view .form-addfill-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-view .form-addfill-mode {
  height: 100%;
  min-height: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard {
  backdrop-filter: blur(14px);
  background: linear-gradient(#fffffff5 0%, #fafcffeb 100%);
  border: 1px solid #e4e7ec;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 44px #0f172a14;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body {
  background: linear-gradient(#f8fafc8c 0%, #fff0 100%);
  flex: 1;
  min-height: 0;
  padding-top: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-container, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-read-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-read-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-read-mode, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-edit-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-edit-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-edit-mode, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-add-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-add-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-add-mode, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-addfill-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-addfill-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-addfill-mode {
  background: none;
  height: 100%;
  min-height: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-container {
  gap: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea {
  padding: 0 var(--space-5) var(--space-5);
  background: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup {
  margin: 0 0 var(--space-3);
  padding: var(--space-5) 22px;
  background: linear-gradient(180deg, var(--white) 0%, #fbfcfe 100%);
  border: 1px solid #eaecf0;
  border-radius: 16px;
  box-shadow: 0 12px 28px #0f172a0f;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup:last-child, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup:last-child, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup:last-child {
  margin-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h3, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h4, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h4, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h4 {
  margin-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-horizontal, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-horizontal, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-record-panel-standard > .list-help-doc-record-panel-body .form-horizontal {
  background-color: #0000;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell {
  gap: 0;
  padding: 0;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell {
  height: 100%;
  box-shadow: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-header {
  background: none;
  border-bottom: 0;
  flex-direction: column;
  align-items: center;
  padding: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-btn-row, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-btn-row, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-btn-row {
  justify-content: center;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-tab-btns, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-tab-btns, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-tab-btns {
  background: none;
  background-color: #0000000f !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-body {
  padding: var(--space-5) 0 0;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-view {
  height: 100%;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view {
  height: 100%;
  padding-bottom: var(--space-5);
  box-sizing: border-box;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view.is-embedded-workspace-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view.is-embedded-workspace-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view.is-embedded-workspace-record-view {
  min-height: 0;
  padding-right: 0;
  display: flex;
  overflow: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer {
  background: none;
  border-top: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .wizard-bottom-bar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .wizard-bottom-bar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .wizard-bottom-bar, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-cnt, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-cnt, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-cnt, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-container {
  width: 100%;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded {
  height: 100%;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .list-help-doc-record-panel-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .list-help-doc-record-panel-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .list-help-doc-record-panel-body {
  height: 100%;
  min-height: 0;
  padding-top: var(--space-3);
  background: var(--white);
  border-radius: 8px;
  flex: 1;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-container, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-read-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-read-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-read-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-edit-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-edit-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-edit-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-add-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-add-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-add-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-addfill-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-addfill-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-addfill-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  background: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea {
  min-height: 0;
  padding: 0 0 var(--space-3);
  flex-direction: column;
  flex: 1;
  display: flex;
  background: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios {
  isolation: isolate;
  contain: paint;
  background: linear-gradient(#f8fafcf5 0%, #f2f6fcf5 100%);
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 2px #0f172a14;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn {
  -webkit-tap-highlight-color: transparent;
  transition: background-color .14s, color .14s, box-shadow .14s;
  position: relative;
  box-shadow: none !important;
  outline: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:hover, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:focus-visible, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:active, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:active, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:active {
  box-shadow: none !important;
  background-image: none !important;
  outline: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):hover, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):focus-visible, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):active, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):active, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn:not(.active):active {
  background: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn.active, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn.active, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn.active {
  box-shadow: 0 1px 3px #0f172a1f, 0 1px 2px #0f172a14 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn input, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn input, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn input {
  pointer-events: none;
  display: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup {
  background: var(--white);
  min-height: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  flex: auto;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup:last-child, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup:last-child, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup:last-child {
  margin-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view {
  align-items: stretch;
  gap: var(--space-6);
  flex-direction: column;
  min-height: 0;
  padding-right: 0;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card {
  height: auto;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header {
  background: none;
  border-bottom: 0;
  padding: 0 0 10px;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header.list-help-doc-editor-header-toggle, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header.list-help-doc-editor-header-toggle, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header.list-help-doc-editor-header-toggle {
  padding: 0 0 10px;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body {
  min-height: 0;
  padding-top: var(--space-3);
  background: none;
  flex: auto;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor {
  min-height: 0;
  box-shadow: none;
  cursor: text;
  background: none;
  border: 0;
  border-radius: 8px;
  flex: auto;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar {
  gap: var(--space-1);
  padding: 10px var(--space-3);
  flex-flow: row;
  overflow: auto hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > *, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > *, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > *, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > *, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > *, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > *, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] {
  flex: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-shell {
  background: linear-gradient(#fcfdff 0%, #f5f8fc 100%);
  box-shadow: 0 26px 64px #0f172a1f, 0 8px 20px #0f172a0d;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-shell-header {
  padding-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-view {
  padding-top: var(--space-4);
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-view {
  padding-right: 2px;
  overflow: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-shell, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-shell, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-shell {
  gap: var(--space-4);
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro {
  padding: var(--space-6) var(--space-6) 22px;
  background: linear-gradient(135deg, #eff8ff 0%, #f8fbff 58%, var(--white) 100%);
  border: 1px solid #d7e6f5;
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  display: flex;
  box-shadow: 0 16px 36px #0f172a14;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro h3 {
  font-size: var(--type-display-3);
  color: #101828;
  letter-spacing: -.02em;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro p, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro p, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-intro p {
  max-width: 720px;
  font-size: var(--type-value);
  color: #475467;
  margin: 0;
  line-height: 1.6;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-eyebrow, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-eyebrow, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-eyebrow {
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps-wide);
  text-transform: uppercase;
  color: #175cd3;
  font-weight: 500;
  line-height: 1.2;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel {
  backdrop-filter: blur(14px);
  background: #ffffffe0;
  border: 1px solid #e4e7ec;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 44px #0f172a14;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5) 22px 18px;
  background: linear-gradient(180deg, var(--white) 0%, #f8fafc 100%);
  border-bottom: 1px solid #eaecf0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title h4, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title h4, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title h4 {
  font-size: var(--type-control);
  color: #101828;
  margin: 0;
  font-weight: 500;
  line-height: 1.25;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title p, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title p, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-title p {
  font-size: var(--type-value);
  color: #667085;
  margin: 0;
  line-height: 1.5;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-badge, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-badge, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-badge {
  padding: var(--space-1) 10px;
  color: #344054;
  font-size: var(--type-label);
  background: #f8fafc;
  border: 1px solid #dbe3ef;
  border-radius: 999px;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 1.35;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body {
  min-height: 0;
  padding-top: var(--space-1);
  background: linear-gradient(#f8fafc8c 0%, #fff0 100%);
  flex: 1;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-container, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-read-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-read-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-read-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-edit-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-edit-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-edit-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-add-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-add-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-add-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-addfill-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-addfill-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-addfill-mode {
  background: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-container {
  gap: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea {
  padding: 0 var(--space-5) var(--space-5);
  background: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup {
  margin: 0 0 var(--space-3);
  padding: var(--space-5) 22px;
  background: linear-gradient(180deg, var(--white) 0%, #fbfcfe 100%);
  border: 1px solid #eaecf0;
  border-radius: 16px;
  box-shadow: 0 12px 28px #0f172a0f;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup:last-child, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup:last-child, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup:last-child {
  margin-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h3, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h4, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h4, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .cardarea > .container.fieldgroup > h4 {
  margin-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-horizontal, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-horizontal, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-body .form-horizontal {
  background-color: #0000;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded {
  flex-direction: column;
  display: flex;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-container, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-read-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-read-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-read-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-edit-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-edit-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-edit-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-add-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-add-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-add-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-addfill-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-addfill-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .form-addfill-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .dsl-templ-area, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardarea {
  min-height: 0;
  padding: 0 0 var(--space-3);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: visible auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup {
  background: var(--white);
  min-height: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  flex-direction: column;
  flex: auto;
  margin: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup:hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup:hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup:hover, #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup:focus-within, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup:focus-within, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup:focus-within {
  background: var(--white) !important;
  box-shadow: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell-footer, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell-footer, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-shell-footer {
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell-footer .wizard-bottom-bar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-shell-footer .wizard-bottom-bar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-shell-footer .wizard-bottom-bar {
  margin-top: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-document-view {
  gap: var(--space-5);
  min-height: 100%;
  padding-bottom: var(--space-1);
  flex-flow: row;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-card {
  background: var(--white);
  border: 1px solid #e4e7ec;
  border-radius: 18px;
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  min-height: 420px;
  transition: flex-grow .25s, flex-basis .25s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 14px 32px #0f172a12;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed {
  flex: none;
  align-self: start;
  min-width: 0;
  height: auto;
  min-height: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed .list-help-doc-editor-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed .list-help-doc-editor-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed .list-help-doc-editor-header {
  border-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-header {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4) 18px 14px;
  background: linear-gradient(#fbfcfe 0%, #f8fafc 100%);
  border-bottom: 1px solid #eaecf0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-header-toggle {
  justify-content: flex-start;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  padding: var(--space-4) 18px 14px;
  cursor: pointer;
  text-align: left;
  color: inherit;
  background: none;
  border: 0;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-header-toggle:focus, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-header-toggle:focus-visible {
  outline: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:hover .list-help-doc-editor-chevron, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:hover .list-help-doc-editor-chevron, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-header-toggle:hover .list-help-doc-editor-chevron, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:hover h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-header-toggle:hover h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-header-toggle:hover h3 {
  color: #3c6ea3;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-chevron, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-chevron, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-chevron {
  color: #5b83b0;
  flex-shrink: 0;
  transition: transform .2s, color .14s;
  transform: rotate(0);
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed .list-help-doc-editor-chevron, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed .list-help-doc-editor-chevron, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-card.is-collapsible.is-collapsed .list-help-doc-editor-chevron {
  transform: rotate(-90deg);
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-title, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-title, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-title {
  flex-direction: column;
  gap: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-title h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-title h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-title h3 {
  font-size: var(--type-label);
  color: #5b83b0;
  letter-spacing: var(--tracking-caps-wide);
  text-transform: uppercase;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-title .list-help-doc-editor-hint, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-title .list-help-doc-editor-hint, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-title .list-help-doc-editor-hint {
  margin: var(--space-1) 0 0;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  text-transform: none;
  line-height: 1.4;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-body {
  min-height: 0;
  padding: 0 var(--space-4) var(--space-4);
  background: var(--white);
  opacity: 1;
  flex-direction: column;
  flex: 1;
  transition: flex-basis .25s, padding .25s, opacity .2s;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-body.is-expanded, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-body.is-expanded, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-body.is-expanded {
  opacity: 1;
  pointer-events: auto;
  flex: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-body.is-collapsed, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-body.is-collapsed, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-body.is-collapsed {
  opacity: 0;
  pointer-events: none;
  flex: 0 0 0;
  padding-top: 0;
  padding-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor {
  z-index: 10;
  background: var(--white);
  border: 1px solid #dbe3ef;
  border-radius: 16px;
  flex-direction: column;
  flex: 1 1 0;
  height: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffffd1;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [class*="rootContentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [class*="rootContentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [class*="rootContentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [class*="contentEditable"] {
  background: var(--white);
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor > [class*="rootContentEditable"] {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [class*="contentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] {
  flex: none;
  height: auto;
  min-height: 100%;
  overflow: visible;
  white-space: pre-wrap !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] p, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] p, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] p, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] li, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] li, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] li, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] blockquote, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] blockquote, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] blockquote, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] td, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] td, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] td, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] th, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] th, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] th {
  white-space: pre-wrap;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] > p, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] > p, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] > p {
  margin: 0 0 1em;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] > p:last-child, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] > p:last-child, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor [contenteditable="true"] > p:last-child {
  margin-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor:focus-within, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor:focus-within, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor:focus-within {
  border-color: #b7cae2;
  box-shadow: 0 0 0 3px #5b83b02e, inset 0 1px #ffffffd1;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor.mdxeditor-popup-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor.mdxeditor-popup-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor.mdxeditor-popup-container, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor[class*="popupContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor[class*="popupContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor[class*="popupContainer"] {
  z-index: 40;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar {
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-3) 14px;
  color: #344054;
  background: #f5f5f5;
  border-bottom: 1px solid #eaecf0;
  flex-wrap: wrap;
  flex: none;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar button, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar button, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [role="button"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [role="button"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [role="button"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [role="button"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [role="button"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [role="button"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="selectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="selectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [class*="selectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] {
  vertical-align: middle;
  color: #344054;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar button svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar button svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar button svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar button svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar button svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar button svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [role="button"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [role="button"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [role="button"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [role="button"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [role="button"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [role="button"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="selectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar [class*="selectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar [class*="selectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] svg {
  display: block;
}

#flyout div[form="list_help_doc"] .list-help-doc-card [class*="toolbarNodeKindSelectContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card [class*="toolbarNodeKindSelectContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card [class*="toolbarNodeKindSelectContainer"], #flyout div[form="list_help_doc"] .list-help-doc-card [class*="toolbarButtonDropdownContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card [class*="toolbarButtonDropdownContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card [class*="toolbarButtonDropdownContainer"], #flyout div[form="list_help_doc"] .list-help-doc-card [class*="selectContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card [class*="selectContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card [class*="selectContainer"] {
  z-index: 4;
  background: var(--white);
  color: #344054;
  box-shadow: 0 12px 32px #0f172a1f;
}

#flyout div[form="list_help_doc"] .list-help-doc-card [class*="toolbarNodeKindSelectItem"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card [class*="toolbarNodeKindSelectItem"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card [class*="toolbarNodeKindSelectItem"], #flyout div[form="list_help_doc"] .list-help-doc-card [class*="selectItem"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card [class*="selectItem"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card [class*="selectItem"] {
  color: #344054;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar-row, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-toolbar-row, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-toolbar-row {
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
  flex: auto;
  min-width: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-alignment-group, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-alignment-group, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-alignment-group {
  gap: 2px;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-color-picker, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-color-picker, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-color-picker {
  align-items: center;
  display: inline-flex;
  position: relative;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content {
  height: auto;
  min-height: 0;
  padding: 18px var(--space-5) var(--space-6);
  box-sizing: border-box;
  background: var(--white);
  cursor: text;
  caret-color: #5b83b0;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  white-space: pre-wrap;
  flex: 1;
  overflow: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content:focus, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content:focus-visible {
  outline: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h1, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h1, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content h1, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h2, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h2, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content h2, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content h3, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h4, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content h4, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content h4 {
  color: #101828;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content table, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content table, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content table {
  table-layout: auto;
  width: auto;
  max-width: 100%;
  margin: var(--space-4) 0;
  border-collapse: collapse;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] {
  table-layout: auto;
  width: auto;
  max-width: 100%;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content th, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content th, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content th, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content td, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content td, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content td {
  padding: var(--space-2) 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #d0d5dd;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]), .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]), .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]) {
  background: none;
  border: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ul, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ul, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content ul {
  padding-left: var(--space-6);
  list-style: outside;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ol, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ol, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content ol {
  padding-left: var(--space-6);
  list-style: decimal;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ul ul, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ul ul, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content ul ul {
  list-style: circle;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ul ul ul, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content ul ul ul, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content ul ul ul {
  list-style: square;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content *, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content *, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content * {
  -webkit-text-fill-color: currentColor;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content a, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a:link, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a:link, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content a:link, #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a:visited, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a:visited, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content a:visited {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  color: var(--color-tertiary) !important;
  text-decoration: underline !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a:hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content a:hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content a:hover {
  color: #4a6f99 !important;
  text-decoration: underline !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"] [class*="editImageToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"] [class*="editImageToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"] [class*="editImageToolbar"] {
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"]:hover [class*="editImageToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"]:hover [class*="editImageToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"]:hover [class*="editImageToolbar"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"]:focus-within [class*="editImageToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"]:focus-within [class*="editImageToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="imageWrapper"]:focus-within [class*="editImageToolbar"] {
  opacity: 1;
  pointer-events: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableToolsColumn"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableToolsColumn"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableToolsColumn"] {
  text-align: center;
  vertical-align: middle;
  border: 0;
  width: 40px;
  min-width: 40px;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [data-tool-cell="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [data-tool-cell="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [data-tool-cell="true"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="toolCell"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="toolCell"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="toolCell"] {
  text-align: center;
  vertical-align: middle;
  border: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="addColumnButton"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="addColumnButton"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="addColumnButton"] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="iconButton"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="iconButton"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="iconButton"] {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] {
  justify-content: center;
  align-items: center;
  gap: 2px;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"] {
  padding: var(--space-1);
  align-items: center;
  gap: 2px;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content img, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-editor-content img, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-editor-content img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-readonly-document-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-readonly-document-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-readonly-document-card {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-readonly-document-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-readonly-document-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-readonly-document-body {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card .wizard-bottom-bar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .wizard-bottom-bar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .wizard-bottom-bar {
  flex-shrink: 0;
  margin-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer {
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .wizard-bottom-bar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .wizard-bottom-bar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .wizard-bottom-bar, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-cnt, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-cnt, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-cnt, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-container {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-cnt, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-cnt, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-shell-footer .action-btn-group-cnt {
  margin: 0 !important;
  padding: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view.is-embedded-workspace-record-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view.is-embedded-workspace-record-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-view.is-embedded-workspace-record-view {
  width: 100%;
  padding-right: 0;
  padding-bottom: var(--space-5);
  box-sizing: border-box;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-document-view {
  align-items: stretch;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded {
  box-sizing: border-box;
  width: 100%;
  padding-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .list-help-doc-record-panel-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .list-help-doc-record-panel-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .list-help-doc-record-panel-body {
  width: 100%;
  height: 100%;
  padding-top: var(--space-3);
  background: var(--white);
  border-radius: 8px;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-container, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-container, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-container, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-read-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-read-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-read-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-edit-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-edit-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-edit-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-add-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-add-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-add-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-addfill-mode, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-addfill-mode, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .form-addfill-mode, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup {
  width: 100%;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .dsl-templ-area, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea {
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea {
  padding: 0 0 var(--space-3);
  background: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.form_list_help_doc, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.form_list_help_doc, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.form_list_help_doc, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.area_header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.area_header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.area_header, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.form_list_help_doc.area_header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.form_list_help_doc.area_header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .container.fieldgroup.form_list_help_doc.area_header, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardarea > .container.fieldgroup, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .cardform.oneitem .cardarea > .container.fieldgroup {
  width: 100%;
  overflow: visible;
  padding: 0 var(--space-3) !important;
  background: var(--white) !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card {
  box-sizing: border-box;
  width: 100%;
  height: 0;
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1 1 0;
  padding-top: 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card:focus-within, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card:focus-within, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card:focus-within {
  box-shadow: none;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card.is-collapsible.is-collapsed, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card.is-collapsible.is-collapsed, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-card.is-collapsible.is-collapsed {
  flex: none;
  align-self: stretch;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body {
  width: 100%;
  height: 0;
  min-height: 0;
  padding: var(--space-3) 0 0;
  box-sizing: border-box;
  background: none;
  flex: 1 1 0;
  display: flex;
  overflow: hidden;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body.is-expanded, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body.is-expanded, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body.is-expanded {
  height: 0;
  padding-top: var(--space-3);
  opacity: 1;
  flex: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body.is-collapsed, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body.is-collapsed, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-body.is-collapsed {
  opacity: 0;
  flex: 0 0 0;
  height: 0;
  padding-top: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-header {
  box-shadow: none;
  background: none;
  border-bottom: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  padding: var(--space-2) var(--space-3);
  box-shadow: none;
  background: #f5f5f5;
  border-bottom: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  border-radius: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > div, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > div, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > div, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > div, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > div, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > div, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > span, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > span, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar > span, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > span, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > span, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar > span {
  align-items: center;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] {
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar button svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar button svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [role="button"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [role="button"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarNodeKindSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="toolbarButtonSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="toolbarButtonSelectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-toolbar [class*="selectTrigger"] svg, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] svg, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] svg, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .toolbar [class*="selectTrigger"] svg {
  display: block;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell [class*="toolbarNodeKindSelectContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell [class*="toolbarNodeKindSelectContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell [class*="toolbarNodeKindSelectContainer"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell [class*="toolbarButtonDropdownContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell [class*="toolbarButtonDropdownContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell [class*="toolbarButtonDropdownContainer"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell [class*="selectContainer"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell [class*="selectContainer"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell [class*="selectContainer"] {
  border-radius: 0 !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  isolation: isolate;
  cursor: text;
  border: 0;
  border-radius: 8px;
  flex: auto;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  position: relative;
  overflow: hidden;
  background: var(--white) !important;
  color: #5e636b !important;
  caret-color: #5e636b !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="rootContentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="rootContentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="rootContentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: text;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  -webkit-text-fill-color: var(--color-text);
  opacity: 1;
  line-height: 24px;
  background: var(--white) !important;
  color: #5e636b !important;
  caret-color: #5e636b !important;
  box-shadow: none !important;
  outline: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"] {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: auto;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"] {
  flex: none;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: visible;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > .mdxeditor-root-contenteditable:focus-visible, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"]:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"]:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"]:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"]:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"]:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditableWrapper"]:focus-visible, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"]:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"]:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"]:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"]:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"]:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor > [class*="rootContentEditable"]:focus-visible, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"]:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"]:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"]:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"]:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"]:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [class*="contentEditable"]:focus-visible, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"]:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"]:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"]:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"]:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"]:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor [contenteditable="true"]:focus-visible {
  box-shadow: none !important;
  outline: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .list-help-doc-editor-content[class*="_placeholder_"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .list-help-doc-editor-content[class*="_placeholder_"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor .list-help-doc-editor-content[class*="_placeholder_"] {
  display: none !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor:focus-within, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor:focus-within, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-mdxeditor:focus-within {
  box-shadow: none;
  background: var(--white);
  border-color: #0000;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  width: 100%;
  height: auto;
  min-height: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  -webkit-text-fill-color: var(--color-text);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  white-space: pre-wrap;
  flex: auto;
  line-height: 24px;
  overflow: hidden auto;
  background: var(--white) !important;
  color: #5e636b !important;
  caret-color: #5e636b !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h1, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h1, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h1, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h2, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h2, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h2, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h3, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h3, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h3, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h4, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h4, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h4, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h5, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h5, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h5, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h6, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h6, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content h6 {
  color: inherit;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content p, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content p, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content p, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content li, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content li, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content li, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content blockquote, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content blockquote, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content blockquote, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content th, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content th, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content th, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content td, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content td, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content td {
  line-height: inherit;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:link, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:link, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:link, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:visited, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:visited, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:visited {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  color: var(--color-tertiary) !important;
  -webkit-text-fill-color: var(--color-tertiary) !important;
  text-decoration: underline !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:hover, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:hover, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content a:hover {
  color: #4a6f99 !important;
  -webkit-text-fill-color: #4a6f99 !important;
  text-decoration: underline !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] {
  width: auto;
  max-width: 100%;
  margin: var(--space-4) 0;
  table-layout: auto;
  border-collapse: collapse;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tbody > tr > th:not([data-tool-cell="true"]), .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tbody > tr > th:not([data-tool-cell="true"]), .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tbody > tr > th:not([data-tool-cell="true"]), #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tbody > tr > td:not([data-tool-cell="true"]), .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tbody > tr > td:not([data-tool-cell="true"]), .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tbody > tr > td:not([data-tool-cell="true"]) {
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]), .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]), .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]) {
  background: none;
  border: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul {
  padding-left: var(--space-6);
  list-style: outside;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ol, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ol, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ol {
  padding-left: var(--space-6);
  list-style: decimal;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul ul, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul ul, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul ul {
  list-style: circle;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul ul ul, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul ul ul, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content ul ul ul {
  list-style: square;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"] [class*="editImageToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"] [class*="editImageToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"] [class*="editImageToolbar"] {
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"]:hover [class*="editImageToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"]:hover [class*="editImageToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"]:hover [class*="editImageToolbar"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"]:focus-within [class*="editImageToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"]:focus-within [class*="editImageToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="imageWrapper"]:focus-within [class*="editImageToolbar"] {
  opacity: 1;
  pointer-events: auto;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableToolsColumn"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableToolsColumn"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableToolsColumn"] {
  text-align: center;
  vertical-align: middle;
  border: 0;
  width: 40px;
  min-width: 40px;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [data-tool-cell="true"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [data-tool-cell="true"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [data-tool-cell="true"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="toolCell"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="toolCell"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="toolCell"] {
  text-align: center;
  vertical-align: middle;
  border: 0;
  padding: 0;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="addColumnButton"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="addColumnButton"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="addColumnButton"] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="iconButton"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="iconButton"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="iconButton"] {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] {
  justify-content: center;
  align-items: center;
  gap: 2px;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] [role="separator"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] [role="separator"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] [role="separator"] {
  margin: 0 2px;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"], .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"], .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"] {
  padding: var(--space-1);
  align-items: center;
  gap: 2px;
  display: flex;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content:focus, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content:focus, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content:focus, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content:focus-visible, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content:focus-visible, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-editor-content:focus-visible {
  cursor: text;
  box-shadow: none;
  outline: none;
  background: var(--white) !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn.active, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn.active, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .btn.active, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .button-common, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .button-common, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .button-common, #flyout div[form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .button-common.active, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .button-common.active, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-embedded-workspace-shell .list-help-doc-record-panel-embedded .btn-group.radios .button-common.active {
  border-radius: 0 !important;
}

@media (width <= 960px) {
  #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-document-view {
    flex-direction: column;
  }

  #flyout div[form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view .list-help-doc-editor-card.is-collapsible.is-collapsed, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card .list-help-doc-document-view .list-help-doc-editor-card.is-collapsible.is-collapsed, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card .list-help-doc-document-view .list-help-doc-editor-card.is-collapsible.is-collapsed {
    flex: none;
    align-self: stretch;
  }
}

@media (width <= 900px) {
  #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-header, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-header, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-header {
    flex-direction: column;
  }

  #flyout div[form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-badge, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-badge, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.is-new-record-shell .list-help-doc-record-panel-badge {
    align-self: flex-start;
  }
}

body.list-help-doc-editor-overlays-active > .mdxeditor-popup-container.list-help-doc-mdxeditor {
  pointer-events: none;
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: visible;
  box-shadow: none !important;
  background: none !important;
}

body.list-help-doc-editor-overlays-active > .mdxeditor-popup-container.list-help-doc-mdxeditor > * {
  pointer-events: auto;
}

body.list-help-doc-editor-overlays-active [class*="popupContainer"] {
  z-index: var(--markup-editor-overlay-z, 1200);
}

body.list-help-doc-editor-overlays-active [class*="dialogOverlay"] {
  background: var(--color-overlay-dim);
  backdrop-filter: none;
  isolation: isolate;
  z-index: calc(var(--markup-editor-overlay-z, 1200) + 5);
  opacity: 1;
}

body.list-help-doc-editor-overlays-active .list-help-doc-link-dialogOverlay {
  padding: var(--space-6);
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

body.list-help-doc-editor-overlays-active [class*="toolbarNodeKindSelectContainer"], body.list-help-doc-editor-overlays-active [class*="toolbarButtonDropdownContainer"], body.list-help-doc-editor-overlays-active [class*="toolbarCodeBlockLanguageSelectContent"], body.list-help-doc-editor-overlays-active [class*="selectContainer"], body.list-help-doc-editor-overlays-active [class*="linkDialogPopoverContent"], body.list-help-doc-editor-overlays-active [class*="tableColumnEditorPopoverContent"], body.list-help-doc-editor-overlays-active [class*="tooltipContent"] {
  z-index: calc(var(--markup-editor-overlay-z, 1200) + 10);
}

body.list-help-doc-editor-overlays-active [class*="dialogContent"], body.list-help-doc-editor-overlays-active [class*="largeDialogContent"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  width: min(520px, 100vw - 56px);
  padding: var(--spacing-xxxxlarge);
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-4);
  color: var(--color-text);
  z-index: calc(var(--markup-editor-overlay-z, 1200) + 15);
  box-sizing: border-box;
  background: #ffffffa3;
  border: 1px solid #ffffff8c;
  border-radius: 16px;
  flex-direction: column;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  box-shadow: 0 24px 64px #0000004d, inset 0 1px #ffffff73;
}

body.list-help-doc-editor-overlays-active [class*="dialogContent"]:has( > form), body.list-help-doc-editor-overlays-active [class*="largeDialogContent"]:has( > form) {
  background: var(--color-background-200);
  border-color: var(--color-border-200);
}

body.list-help-doc-editor-overlays-active .list-help-doc-link-largeDialogContent {
  max-width: 100%;
  position: relative;
}

body.list-help-doc-editor-overlays-active [class*="dialogTitle"] {
  font-size: var(--type-control);
  letter-spacing: -.01em;
  color: var(--color-text, #45494f);
  padding-left: 0;
  padding-right: var(--space-7);
  font-weight: 500;
}

body.list-help-doc-editor-overlays-active .list-help-doc-link-dialogHeader {
  gap: var(--space-1);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid #b4b4b438;
  flex-direction: column;
  display: flex;
}

body.list-help-doc-editor-overlays-active .list-help-doc-link-dialogTitle {
  margin: 0;
}

body.list-help-doc-editor-overlays-active .list-help-doc-link-dialogSubcopy {
  margin-top: var(--spacing-small);
  font-size: var(--type-label);
  opacity: .72;
  color: var(--color-text, #45494f);
  max-width: 420px;
  margin: 0;
}

body.list-help-doc-editor-overlays-active [class*="dialogContent"] > h2 {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  padding-right: var(--space-7);
  color: var(--color-text);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control);
  letter-spacing: -.01em;
  margin: 0;
  font-weight: 500;
  line-height: 24px;
}

body.list-help-doc-editor-overlays-active [class*="dialogCloseButton"] {
  color: #717680;
  cursor: pointer;
  top: 18px;
  right: 18px;
}

body.list-help-doc-editor-overlays-active [class*="dialogCloseButton"]:hover {
  color: #344054;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  align-items: stretch;
  gap: var(--space-3);
  flex-direction: column;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="formField"] {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  font-weight: 500;
  line-height: 1.3;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] > div:last-child {
  padding-top: var(--spacing-xlarge);
  padding-top: var(--space-1);
  border-top: none;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  gap: var(--space-3);
  color: var(--color-text);
  flex-direction: column;
  padding: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] [class*="formField"] {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] [class*="formField"] label {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--color-text-muted-ink);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] [class*="textInput"], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] input[type="file"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  background: var(--white);
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  min-height: 44px;
  color: var(--color-text-700);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control);
  text-align: left;
  border: none;
  border-radius: 8px;
  padding: 0 10px;
  font-weight: 400;
  line-height: 20px;
  transition: border-color .2s;
  box-shadow: 0 0 1px #0000000f, 0 1px 2px -1px #0000000a, inset 0 1px 2px 1px #38383814;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] [class*="textInput"]::placeholder {
  color: var(--color-text-300);
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] [class*="textInput"]:focus, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] input[type="file"]:focus {
  border-color: #d5d7da;
  outline: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] [class*="textInput"]:hover, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] input[type="file"]:hover {
  border-color: #d5d7da;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] input[type="file"] {
  cursor: pointer;
  height: 44px;
  min-height: 44px;
  padding: var(--space-2) 10px var(--space-1);
  box-sizing: border-box;
  color: var(--color-text);
  font-size: var(--type-value);
  vertical-align: middle;
  line-height: 28px;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] input[type="file"]::file-selector-button {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  background: linear-gradient(180deg, var(--white) 0%, #f7f7f7 100%);
  color: var(--color-text-muted-ink);
  box-shadow: 0 2px 2px 0 var(--color-border-600), 0 2px 5px 0 #0000000f;
  height: 28px;
  min-height: 28px;
  padding: var(--space-1) var(--space-3);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  vertical-align: middle;
  text-transform: uppercase;
  border: 0;
  border-radius: .6rem;
  margin: 0 10px 0 0;
  font-weight: 500;
  line-height: 1;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] input[type="file"]::file-selector-button {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  background: linear-gradient(180deg, var(--white) 0%, #f7f7f7 100%);
  color: var(--color-text-muted-ink);
  box-shadow: 0 2px 2px 0 var(--color-border-600), 0 2px 5px 0 #0000000f;
  height: 28px;
  min-height: 28px;
  padding: var(--space-1) var(--space-3);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  vertical-align: middle;
  text-transform: uppercase;
  border: 0;
  border-radius: .6rem;
  margin: 0 10px 0 0;
  font-weight: 500;
  line-height: 1;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child {
  padding-top: var(--spacing-xlarge);
  padding-top: var(--space-1);
  border-top: none;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
  display: flex;
  position: relative;
  flex-direction: row !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button {
  cursor: pointer;
  min-width: 96px;
  min-height: 38px;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  border: 0;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  line-height: 1.1;
  display: inline-flex;
  border-radius: 10px !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"] {
  text-align: center;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: uppercase;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  order: 3 !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"] .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"].disabled, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][disabled], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][aria-disabled="true"], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"].disabled i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][disabled] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][aria-disabled="true"] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:disabled i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"].disabled .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][disabled] .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][aria-disabled="true"] .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:disabled .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"].disabled svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][disabled] svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][aria-disabled="true"] svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:disabled svg {
  color: #fff;
  font-weight: 300;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"].disabled svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][disabled] svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"][aria-disabled="true"] svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:focus-visible {
  box-shadow: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="submit"]:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"] {
  text-align: center;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: uppercase;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  order: 2 !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"] .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"].disabled, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][disabled], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][aria-disabled="true"], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"].disabled i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][disabled] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][aria-disabled="true"] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:disabled i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"].disabled .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][disabled] .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][aria-disabled="true"] .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:disabled .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"].disabled svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][disabled] svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][aria-disabled="true"] svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:disabled svg {
  color: #fff;
  font-weight: 300;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"].disabled svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][disabled] svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"][aria-disabled="true"] svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:focus-visible {
  box-shadow: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button[type="reset"]:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"]:has(input[type="file"]) > div:last-child > button[type="reset"] {
  margin-right: auto;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn {
  text-align: center;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  text-transform: uppercase;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  margin-right: auto;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  order: 1 !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn.disabled, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[disabled], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[aria-disabled="true"], body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn.disabled i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[disabled] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[aria-disabled="true"] i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:disabled i, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn.disabled .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[disabled] .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[aria-disabled="true"] .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:disabled .icon, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn.disabled svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[disabled] svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[aria-disabled="true"] svg, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn.disabled svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[disabled] svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn[aria-disabled="true"] svg *, body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:focus-visible {
  box-shadow: none;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

body.list-help-doc-editor-overlays-active form[class*="multiFieldForm"] > div:last-child > button.list-help-doc-link-dialogRemoveBtn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

body.list-help-doc-editor-overlays-active [class*="linkDialogInputContainer"] {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPopoverContent"] {
  color: var(--color-text);
  backdrop-filter: blur(12px) brightness(115%) saturate(70%);
  background: #ffffffeb;
  border: 1px solid #b4b4b466;
  border-radius: 16px;
  box-shadow: 0 14px 36px #14192814, inset 0 1px #ffffff57;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPopoverContent"]:has(form) {
  width: min(440px, 100vw - 48px);
  max-width: calc(100vw - 32px);
  padding: var(--space-4);
  display: block;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPopoverContent"]:not(:has(form)) {
  padding: 10px var(--space-3);
}

body.list-help-doc-editor-overlays-active [class*="linkDialogInputWrapper"] {
  min-height: 44px;
  padding: 0 var(--space-3);
  background: linear-gradient(#fffffffa, #f5f7faeb);
  border: 1px solid #b4b4b46b;
  border-radius: 12px;
  align-items: center;
  transition: border-color .16s, box-shadow .16s, background-color .16s;
  display: flex;
  box-shadow: inset 0 1px #ffffff94;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogInputWrapper"]:focus-within {
  border-color: #b7cae2;
  box-shadow: 0 0 0 3px #5b83b024, inset 0 1px #ffffff9e;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogInputWrapper"] > button {
  cursor: pointer;
  color: #717680;
  transition: color .16s;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogInputWrapper"] > button:hover {
  color: #344054;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="linkDialogInput"], body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="dialogInput"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  width: 100%;
  min-height: 44px;
  padding: var(--space-3) 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  cursor: text;
  line-height: 20px;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="linkDialogInput"]::placeholder, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="dialogInput"]::placeholder {
  color: #98a2b3;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPreviewAnchor"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: #5b83b0;
  font-weight: 500;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPreviewAnchor"]:hover {
  color: #3c6ea3;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPopoverContent"] [class*="actionButton"] {
  cursor: pointer;
  color: #667085;
  background: #ffffffb8;
  border: 1px solid #b4b4b452;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: color .16s, border-color .16s, background-color .16s;
  display: inline-flex;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogPopoverContent"] [class*="actionButton"]:hover {
  color: #344054;
  background: #fffffff0;
  border-color: #5b83b047;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"], body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"] {
  cursor: pointer;
  min-width: 96px;
  min-height: 38px;
  font-size: var(--type-label);
  letter-spacing: 0;
  text-transform: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: inline-flex;
  border-radius: 10px !important;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"] {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"] i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"] .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"].disabled, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][disabled], body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][aria-disabled="true"], body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"].disabled i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][disabled] i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][aria-disabled="true"] i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:disabled i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"].disabled .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][disabled] .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][aria-disabled="true"] .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:disabled .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"].disabled svg, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][disabled] svg, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][aria-disabled="true"] svg, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:disabled svg {
  color: #fff;
  font-weight: 300;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"].disabled svg *, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][disabled] svg *, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"][aria-disabled="true"] svg *, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:focus-visible {
  box-shadow: none;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="primaryButton"]:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"] {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  text-transform: none;
  background: linear-gradient(#f1f5f8 0%, #dde5ee 100%);
  border: 1px solid #b4b4b46b;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b4c7da, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"] i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"] .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"].disabled, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][disabled], body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][aria-disabled="true"], body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f1f5f8 0%, #dde5ee 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f1f5f8 0%, #dde5ee 100%);
  border: none;
  transform: none;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"].disabled i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][disabled] i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][aria-disabled="true"] i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:disabled i, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"].disabled .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][disabled] .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][aria-disabled="true"] .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:disabled .icon, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"].disabled svg, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][disabled] svg, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][aria-disabled="true"] svg, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:disabled svg {
  color: #45494f;
  font-weight: 300;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"].disabled svg *, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][disabled] svg *, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"][aria-disabled="true"] svg *, body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:focus-visible {
  box-shadow: none;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

body.list-help-doc-editor-overlays-active [class*="linkDialogEditForm"] [class*="secondaryButton"]:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

body.list-help-doc-editor-overlays-active [class*="tableColumnEditorPopoverContent"], body.list-help-doc-editor-overlays-active [class*="popoverContent"] {
  backdrop-filter: blur(12px) saturate(110%);
  background: #fafafaf5;
  border: 1px solid #b4b4b466;
  border-radius: 12px;
  box-shadow: 0 4px 12px #0000001f, inset 0 0 0 1px #ffffff80;
}

body.list-help-doc-editor-overlays-active [class*="tooltipContent"] {
  max-width: 512px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: blur(12px) saturate(110%);
  color: var(--color-text-900);
  font-size: var(--type-label);
  text-align: center;
  white-space: normal;
  background: #fafafaf2;
  border: 1px solid #b4b4b466;
  border-radius: 8px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  box-shadow: 0 4px 12px #0000001f, inset 0 0 0 1px #ffffff80;
}

body.list-help-doc-editor-overlays-active [class*="tooltipContent"] svg {
  fill: #fafafaf2;
}

.list-help-doc-color-picker-popover {
  z-index: max(9999, calc(var(--markup-editor-overlay-z, 0) + 20));
  padding: var(--space-3);
  background: var(--white);
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  width: 224px;
  position: absolute;
  box-shadow: 0 12px 32px #0f172a2e;
}

.list-help-doc-color-picker-swatches {
  gap: var(--space-2);
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

.list-help-doc-color-picker-swatch {
  cursor: pointer;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 1px solid #0f172a29;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: transform .12s, box-shadow .12s;
}

.list-help-doc-color-picker-swatch:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0 2px #5b83b047;
}

.list-help-doc-color-picker-clear {
  width: 100%;
  padding: var(--space-2) 10px;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  margin-top: 10px;
  font-weight: 500;
}

.list-help-doc-color-picker-clear:hover {
  background: #ebebeb;
}

.layout-form-content:has(.list-help-doc-card.contextual-help-document-only) {
  height: 100% !important;
}

#flyout div[form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-footer, .window-manager-content[data-form="list_help_doc"] .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-footer, .help-panel.has-inline-editor.is-document-editor > .help-inline-card .list-help-doc-card.contextual-help-document-only .list-help-doc-shell-footer {
  padding-bottom: var(--space-1);
}

.list-help-video-card {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.list-help-video-card > .form-container, .list-help-video-card .layout-form-content > .form-container {
  flex: 1;
  height: auto;
  min-height: 0;
}

.list-help-video-card {
  gap: var(--space-2);
}

#application .help-module .help-panel.is-video-editor .list-help-video-card .cardform.oneitem .cardarea {
  border-right: 0;
  padding: 0;
}

#application .help-module .help-panel.is-video-editor .list-help-video-card .cardform.oneitem .cardarea > .container.fieldgroup, #application .help-module .help-panel.is-video-editor .list-help-video-card .cardform.oneitem .cardarea > .container.fieldgroup:hover, #application .help-module .help-panel.is-video-editor .list-help-video-card .cardform.oneitem .cardarea > .container.fieldgroup:focus-within {
  border: 1px solid var(--grid-edge);
  border-radius: var(--radius-medium);
  flex-flow: wrap;
  align-content: flex-start;
  margin: 0 calc(var(--space-2) + var(--nudge-1)) !important;
  width: calc(100% - 2 * calc(var(--space-2) + var(--nudge-1))) !important;
  max-width: none !important;
  box-shadow: none !important;
}

.list-help-video-upload {
  gap: var(--space-3);
  margin: var(--space-2) calc(var(--space-2) + var(--nudge-1)) 0;
  padding: var(--space-4);
  background: var(--white);
  border: 1px solid var(--grid-edge);
  border-radius: var(--radius-medium);
  flex-shrink: 0;
  display: grid;
}

.list-help-video-upload-heading {
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-1);
  display: flex;
}

.list-help-video-status-badge {
  --status-pill-tint: 12%;
}

.list-help-video-status-badge.is-success {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.list-help-video-status-badge.is-warning {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.list-help-video-status-badge.is-info {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #4f82bc var(--status-pill-tint, 20%), #fff);
  color: #324c68;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.list-help-video-status-badge.is-error {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.list-help-video-status-badge.is-neutral {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.list-help-video-current {
  align-items: center;
  gap: var(--space-3);
  min-height: 56px;
  padding: var(--space-2) var(--space-3);
  background: var(--color-background-100);
  border: 1px solid var(--grid-edge);
  border-radius: var(--radius-medium);
  display: flex;
}

.list-help-video-current.hover {
  border-color: var(--color-primary);
  border-style: dashed;
}

.list-help-video-current .list-help-video-current-icon {
  font-size: var(--type-display-2);
  color: var(--color-primary-ink);
  flex: none;
}

.list-help-video-current .list-help-video-current-text {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.list-help-video-current .list-help-video-current-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
  overflow: hidden;
}

.list-help-video-current .list-help-video-current-meta {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.list-help-video-upload-copy .list-help-video-upload-title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--gray-700);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control);
  margin: 0;
  font-weight: 500;
  line-height: normal;
}

.list-help-video-upload-copy .list-help-video-upload-status {
  color: var(--color-text-muted-ink);
  font-size: var(--type-value);
  margin: 0;
}

.list-help-video-upload-controls {
  gap: var(--space-3);
  display: grid;
}

.list-help-video-file-input {
  display: none !important;
}

.list-help-video-drop-zone {
  border-radius: var(--radius-medium);
  border: 1px dashed var(--gray-100);
  width: 100%;
  padding: var(--space-2) 0;
  gap: var(--spacing-large);
  height: 112px;
  margin-top: var(--spacing-large);
  background: var(--white);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.list-help-video-drop-zone.hover {
  border-color: var(--color-text-900);
  background: #f9f9f9;
}

.list-help-video-drop-zone .file-icon-area {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.list-help-video-drop-zone .file-icon-area i {
  color: var(--color-primary-ink);
  font-size: var(--icon-size-md);
  font-weight: 400;
}

.list-help-video-drop-zone .file-text-area {
  text-align: center;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  color: var(--color-text-700);
  line-height: 20px;
}

.list-help-video-drop-zone .file-text-area span {
  color: var(--color-primary-ink);
  font-weight: 500;
}

.list-help-video-drop-zone.has-file {
  background: var(--color-background-100);
  border-style: solid;
}

.list-help-video-drop-zone:focus-visible {
  outline: none;
}

.list-help-video-drop-zone:focus-visible, .list-help-video-drop-zone:focus-visible:hover {
  background: var(--white);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent), 0 2px 2px 0 #dcdcdc;
}

.list-help-video-drop-zone[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .55;
}

.list-help-video-upload-buttons {
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.list-help-video-upload-buttons-left, .list-help-video-upload-buttons-right {
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.list-help-video-progress {
  background: var(--color-background-400);
  border-radius: var(--space-1);
  height: var(--space-2);
  overflow: hidden;
}

.list-help-video-progress .list-help-video-progress-fill {
  background: var(--color-primary);
  height: 100%;
  transition: width .16s ease-out;
  display: block;
}

.list-help-video-readonly-note {
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
}

.list-help-video-upload-error {
  color: var(--color-error-ink);
  font-size: var(--type-value);
}

.form-container.form-container-with-preview:has( > .training-step-instructions) {
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
  min-height: 0;
}

.form-container.form-container-with-preview:has( > .training-step-instructions) > .training-step-instructions {
  order: 2;
}

.form-container.form-container-with-preview:has( > .training-step-instructions) > :not(.training-step-instructions) {
  flex: 50%;
  order: 1;
  min-width: 0;
  min-height: 0;
}

.training-step-instructions {
  gap: var(--space-1);
  flex-direction: column;
  flex: 50%;
  min-width: 0;
  min-height: 0;
  font-family: Soehne, sans-serif;
  display: flex;
}

.training-step-instructions__head {
  align-items: baseline;
  gap: var(--space-2);
  font-size: var(--type-label);
  color: var(--color-primary-ink, #406591);
  flex: none;
  font-weight: 500;
  display: flex;
}

.training-step-instructions__note {
  font-size: var(--type-label);
  color: #5a5958;
  opacity: .8;
  font-weight: 400;
}

.training-step-instructions__editor {
  border: 1px solid var(--color-border-500, #ededed);
  background: var(--white, #fff);
  border-radius: 6px;
  flex: auto;
  min-height: 0;
  overflow: auto;
}

.training-step-instructions__editor .mdxeditor-toolbar {
  z-index: 2;
  background: var(--color-background-400, #f5f5f5);
  border-bottom: 1px solid var(--color-border-500, #ededed);
  flex-wrap: wrap;
  position: sticky;
  top: 0;
}

.training-step-instructions__editor .list-help-doc-toolbar-row {
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
  flex: auto;
  min-width: 0;
  display: flex;
}

.training-step-instructions__editor .list-help-doc-alignment-group {
  gap: 2px;
  display: inline-flex;
}

.training-step-instructions__editor .list-help-doc-color-picker {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.training-step-instructions__surface {
  min-height: 220px;
  font-size: var(--type-label);
  color: var(--color-text, #58505b);
  line-height: 1.55;
}

.training-step-instructions__surface * {
  -webkit-text-fill-color: currentColor;
}

.training-step-instructions__surface ul {
  padding-left: var(--space-6);
  list-style: outside;
}

.training-step-instructions__surface ol {
  padding-left: var(--space-6);
  list-style: decimal;
}

.training-step-instructions__surface ul ul {
  list-style: circle;
}

.training-step-instructions__surface ul ul ul {
  list-style: square;
}

.training-step-instructions__surface [class*="listItemChecked"], .training-step-instructions__surface [class*="listItemUnchecked"] {
  padding-left: calc(16px + var(--space-2));
  margin-inline-start: calc(-1 * var(--space-6));
  padding-right: 0;
}

.training-step-instructions__surface [class*="listItemChecked"]:before, .training-step-instructions__surface [class*="listItemUnchecked"]:before {
  width: 16px;
  height: 16px;
  top: calc(.775em - 8px);
}

.training-step-instructions__surface [class*="listItemChecked"]:after {
  top: calc(.775em - 6px);
}

.training-step-instructions__surface a, .training-step-instructions__surface a:link, .training-step-instructions__surface a:visited {
  color: var(--color-tertiary);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.training-step-instructions__loading {
  padding: var(--space-6);
  text-align: center;
  font-size: var(--type-label);
  color: #5a5958;
}

.multi-form-render-modal-container {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

.multi-form-render-modal-container > .body {
  flex: auto;
  height: auto;
  min-height: 0;
  overflow: hidden;
}

.multi-form-render {
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.multi-form-render > .tab-list-default {
  flex-shrink: 0;
}

.multi-form-render .multi-form-render-content {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.multi-form-render .multi-form-render-content .form-container {
  flex-direction: column;
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
}

.multi-form-render .multi-form-render-content .form-container .dsl-templ-area {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.multi-form-render .multi-form-render-content .dsl-card-duel-card > .form-container, .multi-form-render .multi-form-render-content .card-with-preview > .form-container {
  flex-direction: row;
}

.multi-form-render .multi-form-render-content > .wizard-bottom-bar, .multi-form-render .multi-form-render-content .dsl-card-duel-card > .wizard-bottom-bar {
  flex-shrink: 0;
}

.create-invoice-loading {
  flex: auto;
  width: 100%;
  min-height: 0;
  position: relative;
}

#application #flyout .form[form="view_create_invoice"] .form-container-flyout {
  min-height: 0 !important;
}

#application #flyout .form[form="view_create_invoice"] .form-container-flyout .layout-form-content {
  height: 100% !important;
}

#application #flyout .form[form="view_create_invoice"] .form-flyout-header-bar {
  margin-bottom: var(--space-1);
  padding-left: 0;
  padding-right: 0;
}

.create-invoice {
  gap: var(--space-2);
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.create-invoice .create-invoice-body-blocker {
  flex-direction: column;
  flex: auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 0;
}

.create-invoice .create-invoice-body {
  gap: var(--space-3);
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.create-invoice .create-invoice-stack, .create-invoice .create-invoice-left, .create-invoice .create-invoice-right {
  gap: var(--space-3);
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.create-invoice .dsl-advanced-grid {
  flex-direction: column;
  flex: 1 1 0;
  height: auto;
  min-height: 190px;
  display: flex;
}

.create-invoice .dsl-advanced-grid > :not(.currency-row) {
  flex: 1 1 0;
  min-height: 0;
}

.create-invoice .dsl-advanced-grid > .currency-row {
  flex-shrink: 0;
}

.create-invoice .control-lbl {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--label-color);
}

.create-invoice .control-val {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--color-text);
}

.create-invoice .create-invoice-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-6);
  flex-direction: row;
  flex-shrink: 0;
  width: 100%;
  min-height: 50px;
  display: flex;
}

.create-invoice .create-invoice-header .field-select .rs__control {
  min-width: 520px !important;
}

.create-invoice .create-invoice-header .payer-select {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-4);
  flex-direction: row;
  flex: auto;
  min-width: 0;
  display: flex;
}

.create-invoice .create-invoice-header .payer-select .payer-field {
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.create-invoice .create-invoice-header .payer-select .payer-label {
  font-size: var(--type-label);
  color: var(--label-color);
  white-space: nowrap;
  font-weight: 500;
  line-height: normal;
}

.create-invoice .create-invoice-header .payer-select .payer-field.has-errors .payer-label {
  color: var(--color-error-ink);
}

.create-invoice .create-invoice-header .payer-select .payer-field.has-errors .payer-label:after {
  content: " *";
  color: var(--color-error-ink);
}

.create-invoice .create-invoice-header .payer-select .payer-select-control {
  flex: none;
  width: 520px;
  max-width: 100%;
}

.create-invoice .create-invoice-header .payer-select .bfd-insurance {
  min-width: 0;
}

.create-invoice .create-invoice-header .payer-select .bfd-insurance .control-val {
  text-overflow: ellipsis;
  overflow: hidden;
}

.create-invoice .create-invoice-header .payer-select .add-to-invoice-target {
  min-width: 0;
}

.create-invoice .create-invoice-header .payer-select .add-to-invoice-clear {
  font-size: var(--type-value);
  color: var(--label-color);
  cursor: pointer;
  line-height: 1;
}

.create-invoice .create-invoice-header .payer-select .add-to-invoice-clear:hover {
  color: var(--color-text);
}

.create-invoice .create-invoice-header .header-info {
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--space-4);
  flex-direction: row;
  display: flex;
}

.create-invoice .create-invoice-header .info-item {
  justify-content: start;
  align-items: center;
  column-gap: var(--space-1);
  row-gap: var(--space-1);
  grid-template-columns: auto auto;
  display: grid;
}

.create-invoice .create-invoice-header .info-item .control-lbl {
  font-size: var(--type-label);
  color: var(--label-color);
  grid-column: 1 / -1;
  font-weight: 500;
  line-height: normal;
}

.create-invoice .create-invoice-header .info-item .control-val {
  font-size: var(--type-value);
  color: var(--color-text);
  min-width: 0;
  font-weight: 500;
  line-height: normal;
}

.create-invoice .rs__value-container {
  margin-top: 0;
}

.create-invoice .section-label {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: 0;
  color: var(--label-color);
  margin: var(--space-2) 0 0;
  flex-shrink: 0;
  line-height: normal;
}

.create-invoice .currency-row {
  background-color: var(--color-background-400);
  min-height: 44px;
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--grid-edge);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
}

.create-invoice .currency-row .currency-row-actions {
  align-items: center;
  gap: var(--space-4);
  flex-shrink: 0;
  display: flex;
}

.create-invoice .currency-row .ci-link-button {
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  box-shadow: none;
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  transform: none;
}

.create-invoice .currency-row .ci-link-button i {
  color: inherit;
  flex-shrink: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1;
}

.create-invoice .currency-row .ci-link-button:hover, .create-invoice .currency-row .ci-link-button:focus-visible {
  box-shadow: none;
  color: var(--color-primary-ink);
  background: none;
  transform: none;
}

.create-invoice .currency-row .ci-link-button:hover span, .create-invoice .currency-row .ci-link-button:focus-visible span {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.create-invoice .currency-row .ci-link-button i {
  color: var(--color-primary-ink);
}

.create-invoice .currency-row .ci-link-button:disabled {
  cursor: default;
  opacity: .6;
}

.create-invoice .currency-row .ci-link-button:focus-visible {
  border-radius: var(--radius-xsmall);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
  outline: none;
}

.create-invoice .currency-row .currency-row-totals {
  align-items: baseline;
  gap: var(--space-4);
  margin-left: auto;
  display: flex;
}

.create-invoice .currency-row .totals-label {
  align-items: baseline;
  gap: var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  line-height: 1.2;
  display: flex;
}

.create-invoice .currency-row .totals-label span {
  padding: 2px var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  font-variant-numeric: tabular-nums;
  color: var(--color-text);
  line-height: 20px;
}

.create-invoice .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.create-invoice .compact-btns-container {
  gap: var(--space-2);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  color: #fff;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add i, .create-invoice .compact-btns-container .dsl-action-btn.btn-add .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add.disabled, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[disabled], .create-invoice .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"], .create-invoice .compact-btns-container .dsl-action-btn.btn-add:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: white;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add.disabled i, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[disabled] i, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] i, .create-invoice .compact-btns-container .dsl-action-btn.btn-add:disabled i, .create-invoice .compact-btns-container .dsl-action-btn.btn-add.disabled .icon, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[disabled] .icon, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] .icon, .create-invoice .compact-btns-container .dsl-action-btn.btn-add:disabled .icon, .create-invoice .compact-btns-container .dsl-action-btn.btn-add.disabled svg, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[disabled] svg, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] svg, .create-invoice .compact-btns-container .dsl-action-btn.btn-add:disabled svg {
  color: #fff;
  font-weight: 300;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add.disabled svg *, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[disabled] svg *, .create-invoice .compact-btns-container .dsl-action-btn.btn-add[aria-disabled="true"] svg *, .create-invoice .compact-btns-container .dsl-action-btn.btn-add:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add:focus-visible {
  box-shadow: none;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.create-invoice .compact-btns-container .dsl-action-btn.btn-add .inner-cont .label, .create-invoice .compact-btns-container .dsl-action-btn.btn-add .inner-cont .icon {
  color: #fff !important;
}

.create-invoice .ag-cell.ag-cell-value.ci-edit-cell {
  text-align: left;
  padding: 0 var(--space-1);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.create-invoice .ci-edit-cell .ci-cell-text, .create-invoice .ci-cell-text {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  max-width: none;
  padding: 0 9px;
  overflow: hidden;
}

.create-invoice .ci-edit-cell .ci-cell-text.is-number, .create-invoice .ci-cell-text.is-number {
  text-align: right;
}

.create-invoice .ci-cell-input {
  box-sizing: border-box;
  border-radius: var(--radius-xsmall);
  height: 32px;
  box-shadow: none;
  width: 100%;
  padding: 0 var(--space-2);
  font-family: inherit;
  font-size: inherit;
  font-variant-numeric: tabular-nums slashed-zero;
  color: var(--color-text);
  background-color: #0000;
  border: 1px solid #00000014;
  outline: none;
  font-weight: 400;
  transition: background-color .15s, border-color .15s;
}

.create-invoice .ci-cell-input:hover:not(:disabled) {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.create-invoice .ci-cell-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  background-color: #fffffff2;
}

.create-invoice .ci-cell-input.is-number {
  text-align: right;
}

.create-invoice .ci-cell-input.has-error, .create-invoice .ci-cell-input.has-error:focus {
  border-color: var(--color-error-600);
  box-shadow: 0 0 0 2px #cc787840;
}

.create-invoice .ci-date-cell {
  width: 100%;
}

.create-invoice .ci-date-cell.has-error .ant-picker, .create-invoice .ci-date-cell.has-error .ant-picker-focused {
  border-color: var(--color-error-600);
  box-shadow: 0 0 0 2px #cc787840;
}

.create-invoice .ci-cell-select {
  width: 100%;
  min-width: 0;
  padding: 0;
}

.create-invoice .ci-cell-select .rs__control {
  padding: 0 !important;
}

.create-invoice .ci-cell-select .rs__value-container {
  height: 100%;
  min-height: 0;
  padding: 0 var(--space-2);
  display: grid !important;
}

.create-invoice .ci-cell-select .rs__single-value, .create-invoice .ci-cell-select .rs__input-container {
  grid-area: 1 / 1 / 2 / 3;
  margin-left: 0;
}

.create-invoice .ci-cell-select .rs__indicators {
  height: 100%;
}

.create-invoice .ag-cell.ci-void-cell {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.create-invoice .ci-void-button {
  border-radius: var(--radius-small);
  width: 28px;
  height: 28px;
  color: var(--color-error-ink);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .12s ease-out;
  display: inline-flex;
}

.create-invoice .ci-void-button i {
  font-size: var(--type-value);
}

.create-invoice .ci-void-button:hover {
  background-color: color-mix(in srgb, var(--color-error) 12%, transparent);
}

.create-invoice .ci-void-button:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-error) 22%, transparent);
  outline: none;
}

.create-invoice .section-note {
  font-weight: 400;
  font-size: var(--type-label);
  color: #a0a4ab;
}

.create-invoice .action-btn-cnt {
  flex-shrink: 0;
  justify-content: flex-end;
}

.create-invoice .action-btn-cnt .action-btn-group-cnt {
  padding: 0 !important;
}

.create-invoice .non-split-simple-layout {
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 0;
  display: flex;
}

.create-invoice .create-invoice-split {
  gap: var(--space-3);
  flex-direction: row;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
}

.create-invoice .create-invoice-split .create-invoice-left, .create-invoice .create-invoice-split .create-invoice-right {
  flex: 50%;
  min-width: 0;
}

.create-invoice .ag-row.bfd-row-unbalanced, .create-invoice .ag-row.top-row-unbalanced {
  background-color: #fdecec;
}

.create-invoice .ag-row.bfd-row-unbalanced:hover, .create-invoice .ag-row.top-row-unbalanced:hover {
  background-color: #fbdada;
}

.create-invoice .bfd-placeholder {
  min-height: 200px;
  padding: var(--space-6);
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: #a0a4ab;
  background-color: var(--color-background-400);
  border: 1px solid var(--grid-edge);
  border-radius: 8px;
  flex: auto;
  justify-content: center;
  align-items: center;
  line-height: 20px;
  display: flex;
}

.add-to-invoice-picker {
  width: 80vw;
  max-width: 1200px;
  height: 60vh;
}

.add-to-invoice-picker .add-to-invoice-picker-body {
  gap: var(--space-3);
  height: 100%;
  min-height: 0;
  padding: var(--space-2);
  flex-direction: column;
  display: flex;
}

.add-to-invoice-picker .add-to-invoice-picker-body .section-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: var(--label-color);
  flex-shrink: 0;
  margin: 0;
}

.add-to-invoice-picker .add-to-invoice-picker-body .dsl-advanced-grid {
  flex: 1 1 0;
  height: auto;
  min-height: 190px;
}

.ag-grid-date-input-container {
  box-sizing: border-box;
  align-items: center;
  width: 100%;
  line-height: normal;
  display: flex;
}

.ag-grid-date-input-container .ant-picker {
  cursor: pointer;
  width: 100%;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0 var(--space-2) 0 10px;
  font-family: Soehne, sans-serif;
  transition: all .15s;
  box-shadow: none !important;
  background: none !important;
  border: 1px solid #00000014 !important;
  border-radius: 4px !important;
}

.ag-grid-date-input-container .ant-picker:hover {
  background: #ffffffd9 !important;
  border-color: #00000024 !important;
}

.ag-grid-date-input-container .ant-picker.ant-picker-focused {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent) !important;
  background: #fffffff2 !important;
}

.ag-grid-date-input-container .ant-picker .ant-picker-input > input {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  cursor: pointer;
  text-align: center;
  font-weight: 500;
}

.ag-grid-date-input-container .ant-picker .ant-picker-suffix {
  color: #00000080;
  font-size: var(--type-value);
  transition: color .15s;
}

.ag-grid-date-input-container .ant-picker:hover .ant-picker-suffix {
  color: #000000a0;
}

.ag-grid-date-input-container .ant-picker .ag-grid-date-input__calendar:before {
  content: "";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
  font-weight: 300;
}

.batch-process-popup {
  width: 80%;
  min-width: 700px;
  max-width: 1400px;
  height: auto;
  max-height: 85%;
}

.batch-process-popup > .body {
  padding: 0 var(--space-3) var(--space-3);
  margin-top: 0;
  overflow: auto;
}

.batch-process-popup div {
  min-width: 0;
  min-height: 0;
}

.batch-process-popup .batch-process-grid {
  border: 1px solid var(--gray-200);
  border-radius: 6px;
  width: 100%;
  max-height: 60vh;
}

.batch-process-popup .batch-process-grid .ag-root-wrapper {
  border-radius: 6px;
  overflow: hidden;
}

.batch-process-popup .batch-process-grid .batch-process-row-failed {
  background-color: #dc354526 !important;
}

.batch-process-popup .batch-process-grid .batch-process-row-failed:hover {
  background-color: #dc354540 !important;
}

.batch-process-popup .batch-process-grid .batch-process-row-warning {
  background-color: #ffc10726 !important;
}

.batch-process-popup .batch-process-grid .batch-process-row-warning:hover {
  background-color: #ffc10740 !important;
}

.batch-process-popup .batch-process-grid .batch-process-row-success {
  background-color: #28a7451a !important;
}

.batch-process-popup .batch-process-grid .batch-process-row-success:hover {
  background-color: #28a74533 !important;
}

.batch-process-popup .batch-process-grid .batch-process-row-clickable {
  cursor: pointer;
}

.batch-process-popup .batch-process-actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  padding-top: var(--space-3);
  display: flex;
}

.batch-process-popup .batch-process-action-btn {
  align-items: center;
  gap: var(--space-1);
  white-space: nowrap;
  display: inline-flex;
}

.batch-process-popup .batch-process-action-btn--accept {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.batch-process-popup .batch-process-action-btn--accept i, .batch-process-popup .batch-process-action-btn--accept .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.batch-process-popup .batch-process-action-btn--accept.disabled, .batch-process-popup .batch-process-action-btn--accept[disabled], .batch-process-popup .batch-process-action-btn--accept[aria-disabled="true"], .batch-process-popup .batch-process-action-btn--accept:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.batch-process-popup .batch-process-action-btn--accept.disabled i, .batch-process-popup .batch-process-action-btn--accept[disabled] i, .batch-process-popup .batch-process-action-btn--accept[aria-disabled="true"] i, .batch-process-popup .batch-process-action-btn--accept:disabled i, .batch-process-popup .batch-process-action-btn--accept.disabled .icon, .batch-process-popup .batch-process-action-btn--accept[disabled] .icon, .batch-process-popup .batch-process-action-btn--accept[aria-disabled="true"] .icon, .batch-process-popup .batch-process-action-btn--accept:disabled .icon, .batch-process-popup .batch-process-action-btn--accept.disabled svg, .batch-process-popup .batch-process-action-btn--accept[disabled] svg, .batch-process-popup .batch-process-action-btn--accept[aria-disabled="true"] svg, .batch-process-popup .batch-process-action-btn--accept:disabled svg {
  color: #fff;
  font-weight: 300;
}

.batch-process-popup .batch-process-action-btn--accept.disabled svg *, .batch-process-popup .batch-process-action-btn--accept[disabled] svg *, .batch-process-popup .batch-process-action-btn--accept[aria-disabled="true"] svg *, .batch-process-popup .batch-process-action-btn--accept:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.batch-process-popup .batch-process-action-btn--accept:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.batch-process-popup .batch-process-action-btn--accept:focus-visible {
  box-shadow: none;
}

.batch-process-popup .batch-process-action-btn--accept:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.batch-process-popup .batch-process-action-btn--accept:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.window-container.final-verification-scan-modal {
  background-color: #ededed;
  padding: 2px;
}

.final-verification-scan {
  gap: var(--space-2);
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.final-verification-scan .fvs-area-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.final-verification-scan .fvs-area-container .fvs-area-main {
  min-height: 0;
  padding: var(--space-3);
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.final-verification-scan .fvs-ticket-header {
  align-items: center;
  gap: var(--space-6);
  font-size: var(--type-control);
  border-bottom: 1px solid #e8e8e8;
  flex-wrap: wrap;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.final-verification-scan .fvs-ticket-header .fvs-ticket-info {
  align-items: center;
  gap: var(--space-1);
  display: flex;
}

.final-verification-scan .fvs-ticket-header .fvs-ticket-info .fvs-ticket-label {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
}

.final-verification-scan .fvs-ticket-header .fvs-ticket-info .fvs-ticket-value {
  color: var(--color-text-700);
  font-weight: 500;
}

.final-verification-scan .fvs-items-header {
  border-bottom: 1px solid #e8e8e8;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.final-verification-scan .fvs-items-header .fvs-items-title {
  font-size: var(--type-control);
  color: var(--color-text-700);
  font-weight: 500;
}

.final-verification-scan .fvs-items-header .fvs-items-progress {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.final-verification-scan .fvs-items-header .fvs-items-progress.all-verified {
  color: #76ad9b;
}

.final-verification-scan .fvs-items-list {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  padding-top: 10px;
  display: flex;
  overflow-y: auto;
}

.final-verification-scan .fvs-item-card {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
}

.final-verification-scan .fvs-item-card.verified {
  border-color: #76ad9b;
}

.final-verification-scan .fvs-item-card .fvs-item-head {
  padding: 10px var(--space-3);
  background-color: #f7f7f9;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.final-verification-scan .fvs-item-card .fvs-item-head .fvs-item-name {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-value);
  color: var(--color-text-700);
  font-weight: 500;
  display: flex;
}

.final-verification-scan .fvs-item-card .fvs-item-head .fvs-item-name i.fa-circle-check {
  color: #76ad9b;
}

.final-verification-scan .fvs-item-card .fvs-item-head .fvs-item-name i.fa-circle {
  color: #c4c7cd;
}

.final-verification-scan .fvs-item-card .fvs-item-head .fvs-item-head-right {
  align-items: center;
  gap: var(--space-4);
  display: flex;
}

.final-verification-scan .fvs-item-card .fvs-item-head .fvs-item-qty {
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
}

.final-verification-scan .fvs-item-card .fvs-item-body {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.final-verification-scan .fvs-item-card .fvs-item-body .fvs-pulled-table {
  flex: 1;
}

.final-verification-scan .fvs-item-card .fvs-item-body .fvs-item-actions {
  padding-right: var(--space-3);
  flex-shrink: 0;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn i, .final-verification-scan .fvs-item-card .fvs-verify-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.disabled, .final-verification-scan .fvs-item-card .fvs-verify-btn[disabled], .final-verification-scan .fvs-item-card .fvs-verify-btn[aria-disabled="true"], .final-verification-scan .fvs-item-card .fvs-verify-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.disabled i, .final-verification-scan .fvs-item-card .fvs-verify-btn[disabled] i, .final-verification-scan .fvs-item-card .fvs-verify-btn[aria-disabled="true"] i, .final-verification-scan .fvs-item-card .fvs-verify-btn:disabled i, .final-verification-scan .fvs-item-card .fvs-verify-btn.disabled .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn[disabled] .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn[aria-disabled="true"] .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn:disabled .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn.disabled svg, .final-verification-scan .fvs-item-card .fvs-verify-btn[disabled] svg, .final-verification-scan .fvs-item-card .fvs-verify-btn[aria-disabled="true"] svg, .final-verification-scan .fvs-item-card .fvs-verify-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.disabled svg *, .final-verification-scan .fvs-item-card .fvs-verify-btn[disabled] svg *, .final-verification-scan .fvs-item-card .fvs-verify-btn[aria-disabled="true"] svg *, .final-verification-scan .fvs-item-card .fvs-verify-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn:focus-visible {
  box-shadow: none;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.final-verification-scan .fvs-item-card .fvs-verify-btn i {
  font-size: var(--type-value);
  flex-shrink: 0;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #508675, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified i, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified.disabled, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[disabled], .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[aria-disabled="true"], .final-verification-scan .fvs-item-card .fvs-verify-btn.verified:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #80b3a2 0%, #6ca794 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: none;
  transform: none;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified.disabled i, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[disabled] i, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[aria-disabled="true"] i, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified:disabled i, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified.disabled .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[disabled] .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[aria-disabled="true"] .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified:disabled .icon, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified.disabled svg, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[disabled] svg, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[aria-disabled="true"] svg, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified:disabled svg {
  color: #fff;
  font-weight: 300;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified.disabled svg *, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[disabled] svg *, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified[aria-disabled="true"] svg *, .final-verification-scan .fvs-item-card .fvs-verify-btn.verified:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified:focus-visible {
  box-shadow: none;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.final-verification-scan .fvs-item-card .fvs-verify-btn.verified:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.final-verification-scan .fvs-item-card .fvs-verify-btn:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.final-verification-scan .fvs-pulled-table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--type-value);
}

.final-verification-scan .fvs-pulled-table th {
  text-align: left;
  color: var(--color-text-muted-ink);
  padding: 6px var(--space-3);
  border-bottom: 1px solid #e8e8e8;
  font-weight: 500;
}

.final-verification-scan .fvs-pulled-table td {
  padding: 6px var(--space-3);
  color: var(--color-text);
  border-bottom: 1px solid #f0f0f0;
}

.final-verification-scan .fvs-pulled-table tr.verified td {
  background-color: #f3faf7;
}

.final-verification-scan .fvs-pulled-table .col-qty {
  text-align: right;
}

.final-verification-scan .fvs-verify-box {
  gap: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid #e8e8e8;
  flex-direction: column;
  margin-top: 10px;
  display: flex;
}

.final-verification-scan .fvs-verify-box .fvs-verify-note {
  font-size: var(--type-label);
  color: var(--color-text);
  line-height: 1.5;
}

.final-verification-scan .fvs-verify-box .fvs-verify-warning {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-value);
  color: #d9945d;
  display: flex;
}

.final-verification-scan .fvs-verify-box .fvs-verify-warning i {
  font-size: var(--type-value);
}

.final-verification-scan .fvs-footer .action-btn-cnt {
  width: 100%;
}

.field-esign-react {
  justify-content: center;
  align-items: center;
  display: flex;
}

.field-esign-react .fieldgroup, .field-esign-react .fieldgroup .esignfield {
  padding: 0 !important;
}

.field-esign-react .fieldgroup .control-label, .field-esign-react .fieldgroup .control-label .esign-link div:first-child {
  display: none !important;
}

.field-esign-react .esign-value-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.field-esign-react .esign-value-container img {
  filter: invert(51%) sepia(10%) saturate(1384%) hue-rotate(209deg) brightness(90%) contrast(88%);
  cursor: pointer;
}

.field-esign-react .esign-value-container .esign-value-text {
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  height: 48px;
  display: flex;
}

.field-esign-react .esign-value-container .esign-value-text > div {
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: 0;
  color: var(--color-text-muted-ink);
  line-height: 18px;
}

.field-esign-react .button-sign {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-standard);
  height: 40px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.field-esign-react .button-sign i, .field-esign-react .button-sign .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.field-esign-react .button-sign.disabled, .field-esign-react .button-sign[disabled], .field-esign-react .button-sign[aria-disabled="true"], .field-esign-react .button-sign:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.field-esign-react .button-sign.disabled i, .field-esign-react .button-sign[disabled] i, .field-esign-react .button-sign[aria-disabled="true"] i, .field-esign-react .button-sign:disabled i, .field-esign-react .button-sign.disabled .icon, .field-esign-react .button-sign[disabled] .icon, .field-esign-react .button-sign[aria-disabled="true"] .icon, .field-esign-react .button-sign:disabled .icon, .field-esign-react .button-sign.disabled svg, .field-esign-react .button-sign[disabled] svg, .field-esign-react .button-sign[aria-disabled="true"] svg, .field-esign-react .button-sign:disabled svg {
  color: #fff;
  font-weight: 300;
}

.field-esign-react .button-sign.disabled svg *, .field-esign-react .button-sign[disabled] svg *, .field-esign-react .button-sign[aria-disabled="true"] svg *, .field-esign-react .button-sign:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.field-esign-react .button-sign:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.field-esign-react .button-sign:focus-visible {
  box-shadow: none;
}

.field-esign-react .button-sign:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.field-esign-react .button-sign:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.field-esign-react .button-sign i {
  font-size: var(--type-control);
  font-weight: 300;
}

.rx-verification-container {
  gap: var(--space-1);
  flex-direction: column;
  flex-grow: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.rx-verification-container > .inc-container {
  height: auto;
  padding: var(--space-2);
  margin: 0 !important;
}

.rx-verification-container > .inc-container .header-container {
  padding-bottom: 0;
}

.rx-verification-container > .inc-container .header-container .insurance-info {
  margin-right: var(--space-2);
}

.rx-verification {
  flex-grow: 0;
  width: 100%;
  height: calc(100% - 92px);
  min-height: 0;
  margin-top: 0;
}

.rx-verification .body {
  flex-direction: column;
  gap: 10px;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
  padding: 0 !important;
  padding-left: var(--space-4) !important;
  padding-right: var(--space-4) !important;
  padding-bottom: var(--space-4) !important;
  background-color: #0000 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.rx-verification .rx-container {
  flex-direction: row;
  flex: auto;
  gap: 10px;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.rx-verification .rx-container .rx-form, .rx-verification .rx-container .rx-verify {
  border: none;
  border-radius: 8px;
  width: 50%;
  height: 100%;
  min-height: 0;
}

.rx-verification .rx-container .rx-form {
  overflow: auto;
}

.rx-verification .rx-container .rx-form .form-container > .dsl-templ-area .cardarea {
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}

.rx-verification .rx-container .rx-form .form-container {
  height: 100% !important;
}

.rx-verification .rx-container .rx-form .wizard-bottom-bar {
  display: none;
}

.rx-verification .rx-container .rx-form .cardarea {
  padding: 0 !important;
}

.rx-verification .rx-container .rx-form .cardarea .container.fieldgroup, .rx-verification .rx-container .rx-form .container.fieldgroup {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.rx-verification .rx-container .rx-form .form-group:has(.dsl-field-reportview) > div, .rx-verification .rx-container .rx-form .form-group:has(.dsl-field-reportview) .controls {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.rx-verification .rx-container .rx-form .dsl-field-reportview {
  width: 100%;
}

.rx-verification .rx-container .rx-verify {
  background: #fff;
  border: none;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.rx-verification .rx-container .rx-verify .rxv-section {
  gap: var(--space-2);
  padding: var(--space-4);
  flex-direction: column;
  flex: none;
  display: flex;
}

.rx-verification .rx-container .rx-verify .rxv-section + .rxv-section {
  border-top: 1px solid var(--gray-100);
}

.rx-verification .rx-container .rx-verify .rxv-section-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: var(--color-text-muted-ink);
  margin: 0;
  line-height: 16px;
}

.rx-verification .rx-container .rx-verify .compounding-info-row {
  align-items: center;
  gap: var(--space-4);
  row-gap: var(--space-2);
  flex-wrap: wrap;
  display: flex;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills {
  gap: var(--space-2);
  flex-wrap: wrap;
  flex: auto;
  min-width: 0;
  display: flex;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-empty {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-style: italic;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill {
  align-items: center;
  gap: var(--space-1);
  height: 28px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-xsmall);
  border: 1px solid var(--gray-200);
  background: var(--white);
  font-size: var(--type-label);
  color: var(--color-text-700);
  cursor: pointer;
  font-weight: 500;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
  display: inline-flex;
  box-shadow: 0 1px 2px #45494f0f;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill:hover:not(:disabled) {
  box-shadow: 0 2px 8px #45494f24;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill:hover:not(:disabled):not(.selected) {
  border-color: color-mix(in srgb, var(--color-primary-600) 60%, var(--gray-200));
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill.selected {
  background: var(--color-primary-600);
  border-color: var(--color-primary-600);
  color: var(--white);
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill:disabled {
  opacity: .7;
  cursor: default;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill:has( > .pill-check) {
  padding-left: var(--space-2);
}

.rx-verification .rx-container .rx-verify .compounding-info-row .hood-vent-pills .hood-vent-pill .pill-check {
  font-size: var(--type-label);
  line-height: 1;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row {
  flex: none;
  align-self: flex-end;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-root {
  width: 44px;
  height: 24px;
  margin-right: var(--space-2);
  padding: 0;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-root .MuiSwitch-track {
  background-color: var(--color-text-100);
  opacity: 1;
  border-radius: 13px;
  transition: background-color .3s cubic-bezier(.4, 0, .2, 1);
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-switchBase {
  width: 100%;
  margin: 2px;
  padding: 0;
  transition-duration: .3s;
  left: -11px;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-switchBase.Mui-checked {
  color: var(--white);
  transform: translateX(20px);
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--color-primary-600);
  opacity: 1;
  border: 0;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb {
  background-color: var(--white);
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .MuiSwitch-thumb {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}

.rx-verification .rx-container .rx-verify .compounding-info-row .pharm-tech-switch-row .pharm-tech-switch-label {
  font-size: var(--type-label);
  color: var(--color-text-700);
  white-space: nowrap;
  font-weight: 500;
}

.rx-verification .rx-container .rx-verify .rxv-attestation .rxv-attestation-text {
  font-size: var(--type-value);
  color: var(--color-text-700);
  line-height: 20px;
}

.rx-verification .rx-container .rx-verify .rxv-attestation .rxv-attestation-text p {
  margin: 0;
}

.rx-verification .rx-container .rx-verify .rxv-attestation .rxv-attestation-text ul {
  margin: var(--space-1) 0 0;
  padding-left: var(--space-5);
}

.rx-verification .rx-container .rx-verify .rxv-attestation .rxv-attestation-text li + li {
  margin-top: 2px;
}

.rx-verification .rx-container .rx-verify .rxv-attestation .rxv-approve-row {
  align-items: flex-end;
  gap: var(--space-2);
  margin-top: var(--space-2);
  flex-direction: column;
  display: flex;
}

.rx-verification .rx-container .rx-verify .rxv-attestation .rxv-approve-row p.message-red {
  text-align: right;
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--color-error-ink);
  margin: 0;
  line-height: 20px;
}

.rx-verification .rx-container .rx-verify .rxv-reject textarea {
  resize: vertical;
  width: 100%;
  min-height: 88px;
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-xsmall);
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: var(--color-text);
  line-height: 20px;
}

.rx-verification .rx-container .rx-verify .rxv-reject textarea:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  outline: none;
}

.rx-verification .rx-container .rx-verify .rxv-reject .rxv-reject-actions {
  justify-content: flex-end;
  display: flex;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-standard);
  height: 40px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject i, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject.disabled, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[disabled], .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[aria-disabled="true"], .rx-verification .rx-container .rx-verify .rxv-reject .button-reject:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject.disabled i, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[disabled] i, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[aria-disabled="true"] i, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject:disabled i, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject.disabled .icon, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[disabled] .icon, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[aria-disabled="true"] .icon, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject:disabled .icon, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject.disabled svg, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[disabled] svg, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[aria-disabled="true"] svg, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject:disabled svg {
  color: #fff;
  font-weight: 300;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject.disabled svg *, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[disabled] svg *, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject[aria-disabled="true"] svg *, .rx-verification .rx-container .rx-verify .rxv-reject .button-reject:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject:focus-visible {
  box-shadow: none;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.rx-verification .rx-container .rx-verify .rxv-reject .button-reject i {
  font-size: var(--type-control);
  font-weight: 300;
}

.intake-patient-demographics .full-width-row {
  background: var(--color-background-400);
  letter-spacing: 0;
  width: 100%;
  height: 40px;
  color: var(--color-text-700);
  justify-content: center;
  align-items: center;
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
  display: flex;
}

.intake-patient-demographics .actions-container {
  margin-right: 3px;
  max-width: 130px !important;
  padding: 0 !important;
}

.intake-ai-message-row {
  align-items: center;
  gap: var(--space-2);
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.intake-ai-message-row span {
  color: var(--color-text-700);
  letter-spacing: 0;
  font-family: Soehne;
  font-weight: 400;
  line-height: 100%;
}

.intake-ai-message-row .highlight-green {
  padding: 0 var(--space-1);
  background-color: #cbf7e9;
  border-radius: 4px;
  display: inline-block;
}

.intake-ai-message-row i.icon {
  font-size: var(--icon-size-lg);
  color: #689989;
}

.intake-ai-message-row .color-accept {
  color: #6fa392;
  font-weight: 500;
}

.intake-ai-message-row .color-reject {
  color: var(--color-error-ink);
  font-weight: 500;
}

.min-grid-export {
  justify-content: flex-start;
  gap: var(--space-2);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  position: relative;
}

.min-grid-export .btn-export {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #58505b;
  box-sizing: border-box;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: 0;
  flex-direction: column;
  justify-content: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e38401f, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.min-grid-export .btn-export i, .min-grid-export .btn-export .icon {
  color: #58505b;
  font-weight: 300;
  font-size: var(--type-control);
}

.min-grid-export .btn-export.disabled, .min-grid-export .btn-export[disabled], .min-grid-export .btn-export[aria-disabled="true"], .min-grid-export .btn-export:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #6057631f 0%, #5049531f 100%);
  --btn-disabled-ink: #58505b;
  color: #58505b;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#6057631f 0%, #5049531f 100%);
  border: none;
  transform: none;
}

.min-grid-export .btn-export.disabled i, .min-grid-export .btn-export[disabled] i, .min-grid-export .btn-export[aria-disabled="true"] i, .min-grid-export .btn-export:disabled i, .min-grid-export .btn-export.disabled .icon, .min-grid-export .btn-export[disabled] .icon, .min-grid-export .btn-export[aria-disabled="true"] .icon, .min-grid-export .btn-export:disabled .icon, .min-grid-export .btn-export.disabled svg, .min-grid-export .btn-export[disabled] svg, .min-grid-export .btn-export[aria-disabled="true"] svg, .min-grid-export .btn-export:disabled svg {
  color: #58505b;
  font-weight: 300;
}

.min-grid-export .btn-export.disabled svg *, .min-grid-export .btn-export[disabled] svg *, .min-grid-export .btn-export[aria-disabled="true"] svg *, .min-grid-export .btn-export:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.min-grid-export .btn-export:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #58505b !important;
  opacity: 1 !important;
}

.min-grid-export .btn-export:focus-visible {
  box-shadow: none;
}

.min-grid-export .btn-export:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.min-grid-export .btn-export:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.min-grid-export .btn-export img {
  filter: brightness(.5);
}

.min-grid-export .btn-export:hover img {
  filter: brightness(400%);
}

.min-grid-export .bl-wl-btn {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  border: none;
  flex-direction: row;
  display: flex;
}

.min-grid-export .bl-wl-btn > img {
  width: 16px;
  height: 16px;
}

.ag-cell[col-id="__row_icons"] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.row-icons-cell-container {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  flex-wrap: nowrap;
  display: flex;
}

.row-icons-cell-container i {
  flex-shrink: 0;
}

.intake-form-record-handler {
  flex-direction: column;
  gap: 10px;
  width: 100%;
  height: 100%;
  display: flex;
}

.intake-form-record-handler .ai-new-record-background {
  background: #f1faf6;
}

.intake-form-record-handler .dsl-advanced-grid .ag-row.ai-new-record-background:not(.ag-row-selected) {
  border-bottom-color: #a8ccbf !important;
}

.intake-form-record-handler .dsl-advanced-grid .ag-row.ag-row-selected {
  box-shadow: none !important;
  border-top-color: #0000 !important;
}

.intake-form-record-handler .dsl-advanced-grid .ag-row.ag-row-selected:after {
  content: "";
  left: 0;
  right: 0;
  top: calc(var(--hairline) * -2);
  height: var(--hairline);
  background: var(--color-primary-700);
  pointer-events: none;
  z-index: 2;
  position: absolute;
}

.intake-form-record-handler .ag-row .actions-container .accept-button, .intake-form-record-handler .ag-row .actions-container .reject-button, .intake-form-record-handler .ag-row .actions-container .edit-button {
  box-shadow: none !important;
  border: var(--hairline) solid transparent !important;
  background: none !important;
}

.intake-form-record-handler .ag-row .actions-container .accept-button i, .intake-form-record-handler .ag-row .actions-container .reject-button i, .intake-form-record-handler .ag-row .actions-container .edit-button i {
  font-size: var(--type-control);
}

.intake-form-record-handler .ag-row .actions-container .accept-button i {
  color: var(--color-success-ink) !important;
}

.intake-form-record-handler .ag-row .actions-container .reject-button i {
  color: var(--color-error-ink) !important;
}

.intake-form-record-handler .ag-row .actions-container .edit-button i {
  color: var(--color-primary-ink) !important;
}

.intake-form-record-handler .ag-row .actions-container .accept-button:hover, .intake-form-record-handler .ag-row .actions-container .accept-button:focus-visible {
  background: color-mix(in srgb, var(--color-success-ink) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--color-success-ink) 30%, transparent) !important;
}

.intake-form-record-handler .ag-row .actions-container .reject-button:hover, .intake-form-record-handler .ag-row .actions-container .reject-button:focus-visible {
  background: color-mix(in srgb, var(--color-error-ink) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--color-error-ink) 30%, transparent) !important;
}

.intake-form-record-handler .ag-row .actions-container .edit-button:hover, .intake-form-record-handler .ag-row .actions-container .edit-button:focus-visible {
  background: color-mix(in srgb, var(--color-primary-ink) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--color-primary-ink) 30%, transparent) !important;
}

.intake-form-record-handler [col-id="__row_icons"], .intake-form-record-handler [col-id="_actions"] {
  padding: 0 !important;
}

.intake-form-record-handler .ag-cell.ai-unmatched-lookup {
  font-weight: 500;
  color: var(--color-error-ink) !important;
}

.intake-form-record-handler .ag-cell[col-id="payer_id"], .intake-form-record-handler .ag-cell[col-id="payer_id"] .ag-cell-value {
  font-weight: 500;
}

.intake-form-record-handler .dsl-list-tab-container .dsl-list-top {
  flex-shrink: 0;
  padding-top: 0 !important;
}

.intake-form-record-handler .dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar {
  background: var(--color-background-200, #fafafa) !important;
}

.intake-form-record-handler .dsl-list-tab-container .dsl-list-bottom {
  min-height: 220px !important;
  padding-bottom: 0 !important;
}

.intake-form-record-handler .dsl-list-tab-container .dsl-list-top, .intake-form-record-handler .dsl-list-tab-container .dsl-list-bottom {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.intake-form-record-handler .actions-container {
  height: 36px;
  margin-right: var(--space-3);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 0;
  display: flex;
}

.intake-form-record-handler .btn {
  height: var(--row-action-btn-h);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  display: flex;
}

.intake-form-record-handler .accept-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  height: var(--row-action-btn-h);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  text-transform: capitalize;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: 0;
  width: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #508675, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-form-record-handler .accept-button i, .intake-form-record-handler .accept-button .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-form-record-handler .accept-button.disabled, .intake-form-record-handler .accept-button[disabled], .intake-form-record-handler .accept-button[aria-disabled="true"], .intake-form-record-handler .accept-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #80b3a2 0%, #6ca794 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: none;
  transform: none;
}

.intake-form-record-handler .accept-button.disabled i, .intake-form-record-handler .accept-button[disabled] i, .intake-form-record-handler .accept-button[aria-disabled="true"] i, .intake-form-record-handler .accept-button:disabled i, .intake-form-record-handler .accept-button.disabled .icon, .intake-form-record-handler .accept-button[disabled] .icon, .intake-form-record-handler .accept-button[aria-disabled="true"] .icon, .intake-form-record-handler .accept-button:disabled .icon, .intake-form-record-handler .accept-button.disabled svg, .intake-form-record-handler .accept-button[disabled] svg, .intake-form-record-handler .accept-button[aria-disabled="true"] svg, .intake-form-record-handler .accept-button:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-form-record-handler .accept-button.disabled svg *, .intake-form-record-handler .accept-button[disabled] svg *, .intake-form-record-handler .accept-button[aria-disabled="true"] svg *, .intake-form-record-handler .accept-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-form-record-handler .accept-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-form-record-handler .accept-button:focus-visible {
  box-shadow: none;
}

.intake-form-record-handler .accept-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-form-record-handler .accept-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-form-record-handler .select-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  height: var(--row-action-btn-h);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  text-transform: capitalize;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  width: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-form-record-handler .select-button i, .intake-form-record-handler .select-button .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-form-record-handler .select-button.disabled, .intake-form-record-handler .select-button[disabled], .intake-form-record-handler .select-button[aria-disabled="true"], .intake-form-record-handler .select-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.intake-form-record-handler .select-button.disabled i, .intake-form-record-handler .select-button[disabled] i, .intake-form-record-handler .select-button[aria-disabled="true"] i, .intake-form-record-handler .select-button:disabled i, .intake-form-record-handler .select-button.disabled .icon, .intake-form-record-handler .select-button[disabled] .icon, .intake-form-record-handler .select-button[aria-disabled="true"] .icon, .intake-form-record-handler .select-button:disabled .icon, .intake-form-record-handler .select-button.disabled svg, .intake-form-record-handler .select-button[disabled] svg, .intake-form-record-handler .select-button[aria-disabled="true"] svg, .intake-form-record-handler .select-button:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.intake-form-record-handler .select-button.disabled svg *, .intake-form-record-handler .select-button[disabled] svg *, .intake-form-record-handler .select-button[aria-disabled="true"] svg *, .intake-form-record-handler .select-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-form-record-handler .select-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.intake-form-record-handler .select-button:focus-visible {
  box-shadow: none;
}

.intake-form-record-handler .select-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-form-record-handler .select-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-form-record-handler .reject-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  height: var(--row-action-btn-h);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  text-transform: capitalize;
  background: linear-gradient(#dd8c8c 0%, #d57474 100%);
  border: 0;
  width: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #c74545, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-form-record-handler .reject-button i, .intake-form-record-handler .reject-button .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-form-record-handler .reject-button.disabled, .intake-form-record-handler .reject-button[disabled], .intake-form-record-handler .reject-button[aria-disabled="true"], .intake-form-record-handler .reject-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #dd8c8c 0%, #d57474 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#dd8c8c 0%, #d57474 100%);
  border: none;
  transform: none;
}

.intake-form-record-handler .reject-button.disabled i, .intake-form-record-handler .reject-button[disabled] i, .intake-form-record-handler .reject-button[aria-disabled="true"] i, .intake-form-record-handler .reject-button:disabled i, .intake-form-record-handler .reject-button.disabled .icon, .intake-form-record-handler .reject-button[disabled] .icon, .intake-form-record-handler .reject-button[aria-disabled="true"] .icon, .intake-form-record-handler .reject-button:disabled .icon, .intake-form-record-handler .reject-button.disabled svg, .intake-form-record-handler .reject-button[disabled] svg, .intake-form-record-handler .reject-button[aria-disabled="true"] svg, .intake-form-record-handler .reject-button:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-form-record-handler .reject-button.disabled svg *, .intake-form-record-handler .reject-button[disabled] svg *, .intake-form-record-handler .reject-button[aria-disabled="true"] svg *, .intake-form-record-handler .reject-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-form-record-handler .reject-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-form-record-handler .reject-button:focus-visible {
  box-shadow: none;
}

.intake-form-record-handler .reject-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-form-record-handler .reject-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-form-record-handler .edit-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  height: var(--row-action-btn-h);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  text-transform: capitalize;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  width: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-form-record-handler .edit-button i, .intake-form-record-handler .edit-button .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-form-record-handler .edit-button.disabled, .intake-form-record-handler .edit-button[disabled], .intake-form-record-handler .edit-button[aria-disabled="true"], .intake-form-record-handler .edit-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.intake-form-record-handler .edit-button.disabled i, .intake-form-record-handler .edit-button[disabled] i, .intake-form-record-handler .edit-button[aria-disabled="true"] i, .intake-form-record-handler .edit-button:disabled i, .intake-form-record-handler .edit-button.disabled .icon, .intake-form-record-handler .edit-button[disabled] .icon, .intake-form-record-handler .edit-button[aria-disabled="true"] .icon, .intake-form-record-handler .edit-button:disabled .icon, .intake-form-record-handler .edit-button.disabled svg, .intake-form-record-handler .edit-button[disabled] svg, .intake-form-record-handler .edit-button[aria-disabled="true"] svg, .intake-form-record-handler .edit-button:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-form-record-handler .edit-button.disabled svg *, .intake-form-record-handler .edit-button[disabled] svg *, .intake-form-record-handler .edit-button[aria-disabled="true"] svg *, .intake-form-record-handler .edit-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-form-record-handler .edit-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-form-record-handler .edit-button:focus-visible {
  box-shadow: none;
}

.intake-form-record-handler .edit-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-form-record-handler .edit-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-form-record-handler .footer-actions-container {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.intake-form-record-handler .footer-actions-container .footer-actions-container-text {
  letter-spacing: 0;
  color: var(--color-text-700);
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}

.intake-form-record-handler .footer-actions-container-buttons {
  flex-shrink: 0;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  height: var(--row-action-btn-h);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  width: 116px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new i, .intake-form-record-handler .footer-actions-container-buttons .button-add-new .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new.disabled, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[disabled], .intake-form-record-handler .footer-actions-container-buttons .button-add-new[aria-disabled="true"], .intake-form-record-handler .footer-actions-container-buttons .button-add-new:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new.disabled i, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[disabled] i, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[aria-disabled="true"] i, .intake-form-record-handler .footer-actions-container-buttons .button-add-new:disabled i, .intake-form-record-handler .footer-actions-container-buttons .button-add-new.disabled .icon, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[disabled] .icon, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[aria-disabled="true"] .icon, .intake-form-record-handler .footer-actions-container-buttons .button-add-new:disabled .icon, .intake-form-record-handler .footer-actions-container-buttons .button-add-new.disabled svg, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[disabled] svg, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[aria-disabled="true"] svg, .intake-form-record-handler .footer-actions-container-buttons .button-add-new:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new.disabled svg *, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[disabled] svg *, .intake-form-record-handler .footer-actions-container-buttons .button-add-new[aria-disabled="true"] svg *, .intake-form-record-handler .footer-actions-container-buttons .button-add-new:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new:focus-visible {
  box-shadow: none;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-form-record-handler .footer-actions-container-buttons .button-add-new:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.intake-form-record-handler .no-records-container {
  border: 1px solid var(--ag-border-color);
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  padding: 10px;
  display: flex;
}

.intake-form-record-handler .no-records-container .no-records-text {
  letter-spacing: 0;
  color: var(--color-text-700);
  font-style: italic;
  font-weight: 300;
  line-height: 100%;
}

#application .form-horizontal .form-group.intake-unmatched-lookup .controls .select2-container .select2-choice > .select2-chosen:empty:before {
  content: var(--intake-unmatched-placeholder, "");
  color: var(--gray-400);
  font-style: italic;
  font-weight: 400;
  display: inline;
}

.intake-form-record-handler .intake-accept-all-row {
  justify-content: flex-end;
  display: flex;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  text-transform: none;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #508675, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button i, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button.disabled, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[disabled], .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[aria-disabled="true"], .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #80b3a2 0%, #6ca794 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: none;
  transform: none;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button.disabled i, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[disabled] i, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[aria-disabled="true"] i, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:disabled i, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button.disabled .icon, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[disabled] .icon, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[aria-disabled="true"] .icon, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:disabled .icon, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button.disabled svg, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[disabled] svg, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[aria-disabled="true"] svg, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:disabled svg {
  color: #fff;
  font-weight: 300;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button.disabled svg *, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[disabled] svg *, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button[aria-disabled="true"] svg *, .intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:focus-visible {
  box-shadow: none;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.intake-form-record-handler .intake-accept-all-row .intake-accept-all-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

body.intake-accept-all-running #application #flyout {
  visibility: hidden;
}

body.intake-accept-all-running .ss-generate-wizard, body.intake-accept-all-running .intake-wizard-panel {
  pointer-events: none;
}

.intake-snap-header {
  padding: var(--space-1);
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  flex: none;
  max-height: 80px;
  margin-bottom: 10px;
  display: flex;
}

.intake-snap-header .sms-opted-in {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .sms-opted-out {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #ec8080 var(--status-pill-tint, 20%), #fff);
  color: #ad2626;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .sms-pending {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-icon:before {
  content: "";
  color: #e58787;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  font-weight: 300;
}

.intake-snap-header .status-active:before {
  content: "";
  color: #837bb2;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
}

.intake-snap-header .default-status:before {
  content: "";
  color: #949492;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
}

.intake-snap-header .status-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  display: flex;
}

.intake-snap-header .status-container span:first-of-type {
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 500;
  overflow: hidden;
}

.intake-snap-header .status-container .status {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949492 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .active {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .on-hold {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .pending {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .inactive, .intake-snap-header .status-container .discharged, .intake-snap-header .status-container .cancelled {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .tag-bubble {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #7783a0 var(--status-pill-tint, 20%), #fff);
  color: #4d515a;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .sms-opted-in {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .sms-opted-out {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .sms-pending {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.intake-snap-header .status-container .status-icon:before {
  content: "";
  color: #e58787;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  font-weight: 300;
}

.intake-snap-header .status-container .status-active:before {
  content: "";
  color: #837bb2;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
}

.intake-snap-header .status-container .default-status:before {
  content: "";
  color: #949492;
  margin-right: 0;
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
}

.intake-snap-header .status-container .status-icon:before, .intake-snap-header .status-container .status-active:before, .intake-snap-header .status-container .default-status:before {
  cursor: pointer;
  transition: transform .2s;
  display: inline-block;
}

.intake-snap-header .status-container .status-icon:hover:before, .intake-snap-header .status-container .status-active:hover:before, .intake-snap-header .status-container .default-status:hover:before {
  animation: .5s wiggleIcon;
}

.intake-snap-header .status-container > h1 {
  color: #4d525c;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: normal;
  overflow: hidden;
}

.intake-snap-header .info-nav {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.intake-snap-header .info-nav > p {
  margin-bottom: 0;
}

.intake-snap-header .info-nav .phone:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 300;
}

.intake-snap-header .info-nav .dob:before {
  content: "";
  color: var(--gray-500);
  margin-right: 8px;
  font-family: "Font Awesome 6 Pro";
  font-size: 13px;
  font-weight: 300;
}

.list-insurance-btns {
  align-items: center;
  gap: 10px;
  display: flex;
}

.list-insurance-btns .add-btn {
  background: var(--color-primary);
  letter-spacing: 0%;
  color: #fff;
  height: 36px;
  padding: var(--space-2) var(--space-3);
  font-size: var(--type-value);
  gap: var(--space-2);
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 20px;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-insurance-btns .add-btn.benefits-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-insurance-btns .add-btn.benefits-btn i, .list-insurance-btns .add-btn.benefits-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.list-insurance-btns .add-btn.benefits-btn.disabled, .list-insurance-btns .add-btn.benefits-btn[disabled], .list-insurance-btns .add-btn.benefits-btn[aria-disabled="true"], .list-insurance-btns .add-btn.benefits-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.list-insurance-btns .add-btn.benefits-btn.disabled i, .list-insurance-btns .add-btn.benefits-btn[disabled] i, .list-insurance-btns .add-btn.benefits-btn[aria-disabled="true"] i, .list-insurance-btns .add-btn.benefits-btn:disabled i, .list-insurance-btns .add-btn.benefits-btn.disabled .icon, .list-insurance-btns .add-btn.benefits-btn[disabled] .icon, .list-insurance-btns .add-btn.benefits-btn[aria-disabled="true"] .icon, .list-insurance-btns .add-btn.benefits-btn:disabled .icon, .list-insurance-btns .add-btn.benefits-btn.disabled svg, .list-insurance-btns .add-btn.benefits-btn[disabled] svg, .list-insurance-btns .add-btn.benefits-btn[aria-disabled="true"] svg, .list-insurance-btns .add-btn.benefits-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.list-insurance-btns .add-btn.benefits-btn.disabled svg *, .list-insurance-btns .add-btn.benefits-btn[disabled] svg *, .list-insurance-btns .add-btn.benefits-btn[aria-disabled="true"] svg *, .list-insurance-btns .add-btn.benefits-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.list-insurance-btns .add-btn.benefits-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-insurance-btns .add-btn.benefits-btn:focus-visible {
  box-shadow: none;
}

.list-insurance-btns .add-btn.benefits-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.list-insurance-btns .add-btn.benefits-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.list-insurance-btns .add-btn.card-finder-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-insurance-btns .add-btn.card-finder-btn i, .list-insurance-btns .add-btn.card-finder-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.list-insurance-btns .add-btn.card-finder-btn.disabled, .list-insurance-btns .add-btn.card-finder-btn[disabled], .list-insurance-btns .add-btn.card-finder-btn[aria-disabled="true"], .list-insurance-btns .add-btn.card-finder-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.list-insurance-btns .add-btn.card-finder-btn.disabled i, .list-insurance-btns .add-btn.card-finder-btn[disabled] i, .list-insurance-btns .add-btn.card-finder-btn[aria-disabled="true"] i, .list-insurance-btns .add-btn.card-finder-btn:disabled i, .list-insurance-btns .add-btn.card-finder-btn.disabled .icon, .list-insurance-btns .add-btn.card-finder-btn[disabled] .icon, .list-insurance-btns .add-btn.card-finder-btn[aria-disabled="true"] .icon, .list-insurance-btns .add-btn.card-finder-btn:disabled .icon, .list-insurance-btns .add-btn.card-finder-btn.disabled svg, .list-insurance-btns .add-btn.card-finder-btn[disabled] svg, .list-insurance-btns .add-btn.card-finder-btn[aria-disabled="true"] svg, .list-insurance-btns .add-btn.card-finder-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.list-insurance-btns .add-btn.card-finder-btn.disabled svg *, .list-insurance-btns .add-btn.card-finder-btn[disabled] svg *, .list-insurance-btns .add-btn.card-finder-btn[aria-disabled="true"] svg *, .list-insurance-btns .add-btn.card-finder-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.list-insurance-btns .add-btn.card-finder-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-insurance-btns .add-btn.card-finder-btn:focus-visible {
  box-shadow: none;
}

.list-insurance-btns .add-btn.card-finder-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.list-insurance-btns .add-btn.card-finder-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.list-insurance-btns .add-btn i, .list-insurance-btns .add-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.list-insurance-btns .add-btn.disabled, .list-insurance-btns .add-btn[disabled], .list-insurance-btns .add-btn[aria-disabled="true"], .list-insurance-btns .add-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.list-insurance-btns .add-btn.disabled i, .list-insurance-btns .add-btn[disabled] i, .list-insurance-btns .add-btn[aria-disabled="true"] i, .list-insurance-btns .add-btn:disabled i, .list-insurance-btns .add-btn.disabled .icon, .list-insurance-btns .add-btn[disabled] .icon, .list-insurance-btns .add-btn[aria-disabled="true"] .icon, .list-insurance-btns .add-btn:disabled .icon, .list-insurance-btns .add-btn.disabled svg, .list-insurance-btns .add-btn[disabled] svg, .list-insurance-btns .add-btn[aria-disabled="true"] svg, .list-insurance-btns .add-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.list-insurance-btns .add-btn.disabled svg *, .list-insurance-btns .add-btn[disabled] svg *, .list-insurance-btns .add-btn[aria-disabled="true"] svg *, .list-insurance-btns .add-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.list-insurance-btns .add-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-insurance-btns .add-btn:focus-visible {
  box-shadow: none;
}

.list-insurance-btns .add-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.list-insurance-btns .add-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.cardfinder-results {
  width: 85vw;
  max-width: 1600px;
  height: 75vh;
}

.cardfinder-results.generic-card-container > .body {
  padding-top: 0;
  padding-bottom: 0;
}

.cardfinder-results .cardfinder-results-body {
  gap: var(--space-3);
  height: 100%;
  min-height: 0;
  padding: var(--space-2);
  flex-direction: column;
  display: flex;
}

.cardfinder-results .cf-summary {
  align-items: center;
  gap: var(--space-2) var(--space-6);
  padding: var(--space-1) var(--space-3);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: flex;
}

.cardfinder-results .cf-kv {
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cardfinder-results .cf-k {
  font-size: var(--type-label);
  color: var(--label-color);
}

.cardfinder-results .cf-v {
  font-size: var(--type-value);
  color: var(--color-text);
}

.cardfinder-results .cf-counts {
  gap: var(--space-2);
  flex-wrap: wrap;
  margin-left: auto;
  display: flex;
}

.cardfinder-results .cf-link {
  font-size: var(--type-value);
  color: var(--color-primary-ink);
  text-underline-offset: 2px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: underline;
}

.cardfinder-results .cf-hint {
  align-items: center;
  gap: var(--space-2) var(--space-4);
  font-size: var(--type-label);
  color: var(--label-color);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: flex;
}

.cardfinder-results .cf-legend {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.cardfinder-results .cf-swatch {
  border-radius: var(--radius-xxsmall);
  background: var(--color-warning-25);
  border: 1px solid var(--color-warning-100);
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.cardfinder-results .cf-dbl-hint {
  margin-left: auto;
  font-style: italic;
}

.cardfinder-results .dsl-advanced-grid.cf-grid {
  flex: 1 1 0;
  height: auto;
  min-height: 220px;
}

.cardfinder-results .cf-grid .ag-cell {
  --ag-cell-horizontal-padding: var(--space-2);
}

.cardfinder-results .cf-grid .ag-cell.ag-cell-value:not(.cf-center-cell) {
  text-align: left;
  justify-content: flex-start;
}

.cardfinder-results .cf-grid .ag-header-cell.cf-payer-header {
  padding-left: 21px !important;
}

.cardfinder-results .cf-center-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cardfinder-results .ag-cell.cf-diff-cell {
  background: var(--color-warning-25);
  box-shadow: inset 0 -2px 0 var(--color-warning-100);
}

.cardfinder-results .cf-diff-value {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  line-height: 1.2;
  display: flex;
}

.cardfinder-results .cf-was {
  font-size: var(--type-label);
  color: var(--color-warning-ink);
  text-decoration: line-through;
}

.cardfinder-results .ag-cell.cf-payer-col {
  --ag-cell-horizontal-padding: var(--space-2);
}

.cardfinder-results .cf-payer-cell .select-container.table-select {
  padding-left: 0;
  padding-right: 0;
}

.cardfinder-results .cf-payer-cell {
  align-items: center;
  gap: var(--space-1);
  height: 100%;
  display: flex;
}

.cardfinder-results .cf-payer-cell .table-select {
  flex: auto;
  min-width: 0;
}

.cardfinder-results .cf-create-payer {
  border: 1px solid var(--grid-edge);
  border-radius: var(--radius-xsmall);
  background: var(--white);
  width: 28px;
  height: 28px;
  color: var(--color-primary-ink);
  cursor: pointer;
  flex-shrink: 0;
}

.cardfinder-results .cf-create-payer:hover {
  background: var(--color-primary-50);
}

.cardfinder-results .cf-empty {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-8) var(--space-4);
  background: var(--white);
  border-radius: var(--radius-medium);
  color: var(--color-text-muted-ink);
  flex-direction: column;
  display: flex;
}

.cardfinder-results .cf-empty-title {
  font-size: var(--type-value);
  color: var(--color-text);
}

.cardfinder-results .cf-empty-reasons {
  padding-left: var(--space-4);
  font-size: var(--type-label);
  margin: 0;
}

.cardfinder-results .cf-banner.is-error {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-medium);
  background: var(--color-error-25);
  border: 1px solid var(--color-error-200);
  color: var(--color-error-ink);
  font-size: var(--type-value);
}

.cf-status-pill {
  font-size: var(--type-label);
  white-space: nowrap;
}

.cf-status-pill.is-new {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #4f82bc var(--status-pill-tint, 20%), #fff);
  color: #324c68;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cf-status-pill.is-update {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cf-status-pill.is-on-chart {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cf-status-pill.is-no-payer {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.cf-status-pill.is-saved {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  border-radius: 999px;
  display: inline-flex;
  overflow: hidden;
}

.form-group.cf-diff {
  border-radius: 0 var(--radius-small) var(--radius-small) 0;
}

.form-group.cf-diff.cf-diff-applied {
  background: var(--color-warning-25);
  box-shadow: inset 3px 0 0 var(--color-warning-icon);
}

.form-group.cf-diff.cf-diff-review {
  background: var(--color-primary-50);
  box-shadow: inset 3px 0 0 var(--color-primary-icon);
}

.form-group.cf-diff .cf-diff-note {
  padding: 0 var(--space-2) var(--space-1);
  font-size: var(--type-label);
}

.form-group.cf-diff.cf-diff-applied .cf-diff-note {
  color: var(--color-warning-ink);
}

.form-group.cf-diff.cf-diff-review .cf-diff-note {
  color: var(--color-primary-ink);
}

.missing-info-checklist {
  background: var(--white, #fff);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.missing-info-checklist-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--cui-bg-panels-border, #d4d8d9);
  flex: none;
  display: flex;
}

.missing-info-checklist-title {
  font-family: Soehne, sans-serif;
  font-weight: normal;
  font-size: var(--type-value);
  color: var(--color-text);
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}

.missing-info-checklist-count {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
}

.missing-info-checklist-rows {
  padding: var(--space-2) 0;
  flex: auto;
  overflow-y: auto;
}

.missing-info-checklist-row {
  padding: 10px var(--space-4);
  cursor: pointer;
  border-right: 3px solid #0000;
  align-items: center;
  gap: 10px;
  display: flex;
}

.missing-info-checklist-row:not(:last-child) {
  border-bottom: 1px solid var(--gray-100);
}

.missing-info-checklist-row:hover {
  background: #f1f6fa;
}

.missing-info-checklist-row.missing-info-checklist-row--active {
  border-right-color: var(--color-primary, #668eba);
  --color-text-muted-ink: var(--color-text-600);
  background: var(--grid-selected-row-background);
}

.missing-info-checklist-row.missing-info-checklist-row--done {
  opacity: .55;
}

.missing-info-checklist-row.missing-info-checklist-row--done .missing-info-checklist-icon {
  color: #689989;
}

.missing-info-checklist-row.missing-info-checklist-row--done .missing-info-checklist-label {
  text-decoration: line-through;
}

.missing-info-checklist-icon {
  width: 26px;
  font-size: var(--icon-size-sm);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.missing-info-checklist-text {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.missing-info-checklist-label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  font-weight: 500;
}

.missing-info-checklist-label .missing-info-checklist-required {
  color: var(--color-error-ink);
  padding-left: var(--required-asterisk-pl);
}

.missing-info-checklist-summary {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  overflow-wrap: anywhere;
}

.missing-info-field-step {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.missing-info-step-widget-host {
  flex: none;
}

.missing-info-step-widget-host:empty {
  display: none;
}

.missing-info-step-widget {
  margin-bottom: var(--space-2);
}

.missing-info-step-form {
  flex: auto;
  min-height: 0;
  position: relative;
}

.missing-info-step-form > .form-container {
  height: 100%;
}

.missing-info-empty, .missing-info-step-resolved {
  padding: var(--space-8);
  font-size: var(--type-value);
  opacity: .75;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.missing-info-empty i, .missing-info-step-resolved i {
  color: #689989;
  font-size: 28px;
}

.missing-info-wizard .intake-wizard-panel {
  gap: var(--space-2);
  background: none;
  border: 0;
  border-radius: 0;
  overflow: visible;
}

.missing-info-wizard .intake-wizard-body {
  background: var(--white, #fff);
  border: 1px solid #0000001f;
  border-radius: 12px;
  overflow: hidden;
}

.missing-info-wizard .intake-wizard-actions {
  background: none;
  border-top: 0;
  padding: 0;
}

.intake-wizard.missing-info-wizard .intake-wizard-preview {
  flex: 0 auto;
  width: max-content;
  min-width: 240px;
  max-width: 420px;
}

.intake-wizard.missing-info-wizard .intake-wizard-panel {
  flex: 1 1 0;
}

#application .missing-info-wizard .fieldgroup:not(:has( > h3), :has( > .form-horizontal:not(.offscreen))) {
  display: none !important;
}

.missing-info-load-failed {
  gap: var(--space-2);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.missing-info-load-failed .intake-wizard-actions {
  background: none;
  border-top: 0;
}

.queue-actions .queue-action-btns.merge-invoices-btn i, .queue-actions .queue-action-btns.merge-invoices-btn svg, .queue-actions .queue-action-btns.merge-invoices-btn .btn-label {
  color: inherit;
  fill: currentColor;
}

.queue-actions .queue-action-btns.merge-invoices-btn.is-disabled {
  cursor: not-allowed;
  opacity: .45;
}

.bill-note-tabs {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.bill-note-tabs:not(.is-note-tab) {
  flex: auto;
  min-height: 0;
}

.bill-note-tabs.is-note-tab {
  margin-bottom: calc(-1 * var(--space-2));
}

.bill-note-tabs .bill-note-tab-header {
  justify-content: flex-start;
  background: none !important;
}

.bill-note-tabs .bill-note-tab-header:after {
  display: none;
}

.bill-note-tabs .bill-note-tab-count {
  min-width: 18px;
  height: 18px;
  margin-left: var(--space-2);
  padding: 0 var(--space-1);
  background: var(--color-tertiary);
  color: var(--white);
  font-size: var(--type-label);
  font-variant-numeric: tabular-nums slashed-zero;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.bill-note-tabs .bill-note-invoices-pane {
  gap: var(--space-2);
  background: var(--white);
  border-radius: 8px;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 0;
  display: flex;
}

.bill-note-tabs .bill-note-invoices-pane.is-hidden {
  display: none;
}

.bill-note-tabs .bill-note-linked-toggle {
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.bill-note-tabs .bill-note-invoices-grid {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.bill-note-tabs .bill-note-invoices-grid > * {
  flex: auto;
  min-height: 0;
}

.bill-note-tabs .bill-note-invoices-grid .dsl-list-top {
  padding: var(--space-2) var(--space-2) var(--space-1) !important;
}

.bill-note-tabs .bill-note-invoices-grid .dsl-list-top .wgdts-container {
  margin-right: 0;
}

.bill-note-tabs .bill-note-invoices-grid .dsl-list-bottom {
  padding: 0 var(--space-2) var(--space-2) !important;
}

.layout-form-content:has( > .bill-note-tabs) > .wizard-bottom-bar {
  flex-shrink: 0;
}

body.has-flyout #application #flyout .form .form-container-flyout .layout-form-content > .bill-note-tabs.is-note-tab {
  margin-bottom: calc(-1 * var(--spacing-xlarge));
}

.ReactModalPortal .dsl-form-history-frame {
  gap: var(--space-2);
  flex-direction: column;
  width: min(1600px, 94vw);
  height: 92vh;
  display: flex;
}

.ReactModalPortal .dsl-form-history-frame .inc-container {
  width: 100%;
  padding: var(--space-3);
  flex: none;
  margin: 0;
}

.ReactModalPortal .dsl-form-history-frame .inc-container .header-container {
  padding: 0;
}

.ReactModalPortal .dsl-form-history {
  border-radius: var(--radius-xlarge);
  flex: auto;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}

.ReactModalPortal .dsl-form-history > .body {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__layout {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__body {
  border: var(--hairline) solid #0000001f;
  border-radius: var(--radius-xlarge);
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__versions {
  border-right: var(--hairline) solid #0000001f;
  background: linear-gradient(var(--grid-header-band), var(--grid-header-band)), var(--white);
  flex-direction: column;
  flex-shrink: 0;
  width: 320px;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__versions-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border-bottom: var(--hairline) solid var(--cui-bg-panels-border, #d4d8d9);
  background: none;
  flex: none;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__versions-title {
  align-items: center;
  gap: var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
  display: inline-flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__versions-count {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version-list {
  padding: 0 0 var(--space-2);
  flex: auto;
  overflow-y: auto;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border-right: 3px solid #0000;
  border-bottom: var(--hairline) solid var(--gray-100);
  background: var(--white);
  cursor: pointer;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version:hover {
  background: #f1f6fa;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version.is-selected {
  border-right-color: var(--color-primary);
  background: var(--grid-selected-row-background);
  --color-text-muted-ink: var(--color-text-600);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: -2px;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version-text {
  gap: var(--nudge-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version-name {
  align-items: center;
  gap: var(--space-1) var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  flex-wrap: wrap;
  font-weight: 500;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version-meta {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums slashed-zero;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version-meta--summary {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version--skeleton {
  align-items: stretch;
  gap: var(--space-2);
  cursor: default;
  flex-direction: column;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__version--skeleton:hover {
  background: none;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__more {
  margin: var(--space-2) var(--space-4) 0;
  padding: var(--space-2);
  width: calc(100% - 2 * var(--space-4));
  border: var(--hairline) solid var(--gray-200);
  border-radius: var(--radius-small);
  background: var(--white);
  font-size: var(--type-label);
  color: var(--color-primary-ink);
  cursor: pointer;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__badges {
  gap: var(--space-1);
  flex-wrap: wrap;
  display: inline-flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__badge {
  align-items: center;
  gap: var(--space-1);
  padding: var(--nudge-1) var(--space-2);
  border-radius: var(--radius-medium);
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  white-space: nowrap;
  background-color: var(--color-error-25);
  color: var(--color-error-ink);
  font-weight: 500;
  display: inline-flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__badge--unarchived, .ReactModalPortal .dsl-form-history .dsl-form-history__badge--unvoided {
  background-color: var(--color-primary-50);
  color: var(--color-primary-ink);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__detail {
  background: var(--white);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__detail-head {
  align-items: center;
  gap: var(--space-2) var(--space-3);
  padding: var(--space-3) var(--space-6);
  border-bottom: var(--hairline) solid var(--cui-bg-panels-border, #d4d8d9);
  background: var(--grid-header-band);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__detail-title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__detail-meta {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-variant-numeric: tabular-nums slashed-zero;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__scroll {
  min-height: 0;
  padding: var(--space-2) var(--space-6) var(--space-8);
  flex: 1;
  overflow-y: auto;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__note {
  padding: var(--space-3) var(--space-4);
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__error {
  margin: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-small);
  background-color: var(--color-error-25);
  color: var(--color-error-ink);
  font-size: var(--type-value);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__code {
  font-size: var(--type-label);
  font-variant-numeric: tabular-nums slashed-zero;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__skeleton {
  padding: var(--space-2) 0;
  background: none;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__changes {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__section-title {
  margin: var(--space-4) 0 var(--space-2);
  letter-spacing: -.01em;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: var(--type-value);
  color: var(--gray-700);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__grid {
  gap: var(--space-3) var(--space-6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__field {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__field--wide {
  grid-column: 1 / -1;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__label {
  font-weight: 400;
  line-height: 1.3;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  overflow-wrap: anywhere;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__compare {
  align-items: start;
  gap: var(--space-2);
  grid-template-columns: fit-content(50%) auto minmax(0, 1fr);
  display: grid;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__arrow {
  top: var(--nudge-1);
  font-size: var(--type-value);
  line-height: var(--type-row-line);
  color: var(--color-primary);
  position: relative;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__value {
  min-height: var(--type-row-line);
  font-size: var(--type-value);
  color: var(--gray-700);
  font-variant-numeric: tabular-nums slashed-zero;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-weight: 400;
  line-height: 1.5;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__value--old {
  color: var(--color-text-muted-ink);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__value--new, .ReactModalPortal .dsl-form-history .dsl-form-history__row--added .dsl-form-history__value--only {
  font-weight: 500;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__empty {
  color: var(--color-text-muted-ink);
  font-style: italic;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__subform {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__subform--nested {
  margin-top: var(--space-2);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__subform-title {
  letter-spacing: -.01em;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  font-size: var(--type-value);
  color: var(--gray-700);
}

.ReactModalPortal .dsl-form-history .dsl-form-history__rows {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__row {
  border: var(--hairline) solid #0000001f;
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__row-header {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  background-color: var(--color-text-25);
  font-size: var(--type-value);
  color: var(--gray-700);
  font-variant-numeric: tabular-nums slashed-zero;
  display: flex;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__row-title {
  flex: 1;
  min-width: 0;
  font-weight: 500;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__status--changed {
  margin-left: var(--space-1);
  color: var(--color-text-muted-ink);
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  vertical-align: baseline;
  font-weight: 500;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__status--added {
  margin-left: var(--space-1);
  color: var(--color-primary-ink);
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  vertical-align: baseline;
  font-weight: 500;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__status--removed {
  margin-left: var(--space-1);
  color: var(--color-error-ink);
  font-size: var(--type-micro);
  letter-spacing: var(--tracking-caps);
  vertical-align: baseline;
  font-weight: 500;
}

.ReactModalPortal .dsl-form-history .dsl-form-history__row-body {
  gap: var(--space-3);
  padding: var(--space-3);
  flex-direction: column;
  display: flex;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_show {
  z-index: 1;
  max-height: 30px;
  padding: var(--bottom-drawer-p);
  width: 25%;
  transition: max-height .5s, visibility .1;
  background-color: #f8f1ec;
  border: 1px solid #d3d3d3;
  border-radius: 25px 25px 0 0;
  position: absolute;
  bottom: 0;
  overflow: hidden;
  box-shadow: 0 -2px 10px #0003;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_show .N6LPsq_collapseBtn {
  cursor: pointer;
  width: 60%;
  height: 10px;
  margin: auto;
  margin-bottom: var(--bottom-drawer-p);
  background-color: #d6d6d6;
  border-radius: 25px;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_show .N6LPsq_contentContainer {
  width: 100%;
  padding: var(--bottom-drawer-p);
  display: none;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_expanded {
  width: 100%;
  max-height: 50%;
}

.N6LPsq_bottomDrawerContainer.N6LPsq_expanded .N6LPsq_contentContainer {
  width: 100%;
  display: block;
}

.status-indicator {
  color: #cc7878;
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  min-width: 90px;
  height: 100%;
  padding: 6px var(--space-3) 6px var(--space-3);
  background-color: #cc78781a;
  border-radius: 12px;
  flex-shrink: 0;
  display: flex;
}

.status-indicator > img {
  width: 24px;
  height: 24px;
}

.status-indicator .initials {
  text-align: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: var(--type-label);
  border-radius: 50%;
}

.status-indicator > span {
  font-size: var(--type-label);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 18px;
}

.status-indicator.salmon {
  color: #cc7878;
  background-color: #cc78781a;
}

.status-indicator.salmon .initials {
  color: #fff;
  background-color: #cc7878;
}

.status-indicator.skyblue {
  color: #17b3ce;
  background-color: #17b3ce1a;
}

.status-indicator.skyblue .initials {
  color: #fff;
  background-color: #17b3ce;
}

.status-indicator.purple {
  color: #9974ce;
  background-color: #9974ce1a;
}

.status-indicator.purple .initials {
  color: #fff;
  background-color: #9974ce;
}

.status-indicator.gray {
  color: #5a5958;
  background-color: #5a59581a;
}

.status-indicator.gray .initials {
  color: #fff;
  background-color: #5a5958;
}

.outlined-icon-button {
  color: #9974ce;
  text-align: start;
  min-height: 45px;
  padding: 6px var(--space-4) 6px var(--space-4);
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  background: none;
  border: 2px dotted #9974ce66;
  border-radius: 12px;
  width: fit-content;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.outlined-icon-button > img {
  width: 24px;
  height: 24px;
}

.outlined-icon-button > p {
  font-size: var(--font-size-13);
  line-height: var(--line-height-16);
}

@media (width <= 425px) {
  .outlined-icon-button {
    gap: var(--space-1);
    flex-basis: 48%;
  }
}

@media (width <= 375px) {
  .outlined-icon-button {
    gap: var(--space-1);
    flex-basis: 100%;
  }
}

.camera-scanner-popover {
  width: 50vw;
  min-width: 50vw;
  padding: 0 !important;
}

@media (width <= 768px) {
  .camera-scanner-popover {
    width: 80%;
    min-width: 80%;
  }
}

.camera-scanner-popover .body {
  border-radius: 12px;
  max-height: 50%;
  padding: var(--space-1) !important;
}

.camera-scanner-popover .body canvas {
  width: 100%;
  height: 100%;
  display: "none";
}

.camera-scanner-popover .body video {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.ellipses-loader {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ellipses-loader .dot {
  border-radius: 100%;
  width: 6px;
  height: 6px;
  margin: 2px;
}

.ellipses-loader .first {
  -webkit-animation: 1s ease-in-out infinite pulse_first, 1s ease-in-out infinite nudge;
}

.ellipses-loader .second {
  -webkit-animation: 1s ease-in-out .1s infinite pulse_second, 1s ease-in-out .1s infinite nudge;
}

.ellipses-loader .third {
  -webkit-animation: 1s ease-in-out .2s infinite pulse_third, 1s ease-in-out .2s infinite nudge;
}

@-webkit-keyframes pulse_first {
  0%, 80%, 100% {
    background-color: #b4bec8;
  }

  40% {
    background-color: #9974ce;
  }
}

@-webkit-keyframes pulse_second {
  0%, 80%, 100% {
    background-color: #b4bec8;
  }

  40% {
    background-color: #9974ce;
  }
}

@-webkit-keyframes pulse_third {
  0%, 80%, 100% {
    background-color: #b4bec8;
  }

  40% {
    background-color: #9974ce;
  }
}

@-webkit-keyframes nudge {
  0%, 80% {
    transform: translate(0);
  }

  40% {
    transform: translate(0, -4px);
  }
}

.form-active-users {
  gap: var(--space-2);
  display: flex;
}

.form-active-users .active-user {
  gap: var(--space-2);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.form-active-users .active-user .active-user-photo {
  border-radius: 50%;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.form-active-users .active-user .active-user-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.form-active-users .active-user .active-user-photo .no-photo {
  width: 100%;
  height: 100%;
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  font-size: 40px;
  display: flex;
}

.form-active-users .active-user .active-user-info {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.form-active-users .active-user .active-user-info .active-user-name {
  font-size: var(--type-value);
  color: #111;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.form-active-users .active-user .active-user-info .active-user-timestamp {
  font-size: var(--type-value);
  color: #5a5958;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ReactModalPortal .dsl-form-print-preview-modal {
  width: 90vw;
  height: 90vh;
}

.ReactModalPortal .dsl-form-print-preview-modal > .body {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-print-preview-modal__layout {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-print-preview-modal__body {
  flex: 1;
  min-height: 0;
  display: flex;
}

.ReactModalPortal .dsl-form-print-preview-modal__iframe {
  background-color: #525659;
  border: none;
  flex: 1;
  width: 100%;
  height: 100%;
}

.ReactModalPortal .dsl-form-print-preview-modal__footer {
  padding: var(--space-2) var(--space-4);
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ReactModalPortal .dsl-form-print-preview-modal__footer .action-btn-group-container {
  justify-content: flex-start;
  width: auto;
}

.form-links-popup-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-header {
  padding: var(--space-4) var(--space-5) var(--space-1);
  background: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.form-links-popup-container .form-links-header .form-links-toggle {
  gap: var(--space-4);
  display: flex;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button {
  align-items: center;
  gap: var(--space-1);
  color: var(--color-text-600);
  font-size: var(--type-value);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button i {
  font-size: var(--type-value);
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button:hover:not(:disabled) {
  color: var(--color-primary);
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button.active {
  color: #fff;
  padding: var(--space-1) 10px;
  font-size: var(--type-control);
  cursor: default;
  background: #5b83b0;
  border-radius: 6px;
  font-weight: 500;
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
}

.form-links-popup-container .form-links-header .form-links-toggle .toggle-button:disabled {
  opacity: 1;
  cursor: default;
}

.form-links-popup-container .form-links-header .link-selected-button {
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-4);
  color: #fff;
  font-size: var(--type-value);
  cursor: pointer;
  background: #5b83b0;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.form-links-popup-container .form-links-header .link-selected-button i {
  font-size: var(--type-label);
}

.form-links-popup-container .form-links-header .link-selected-button:hover {
  background: #4a6e94;
  box-shadow: 0 2px 8px #5b83b04d;
}

.form-links-popup-container .form-links-header .link-selected-button:active {
  background: #42627f;
  transform: translateY(1px);
}

.form-links-popup-container .form-links-content {
  background: none;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .loading-placeholder {
  height: 100%;
  color: var(--gray-700);
  font-size: var(--type-value);
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .dsl-list-tab-container {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .dsl-list-tab-container .dsl-list-bottom {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper {
  background-color: var(--white);
  box-sizing: border-box;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  flex: none;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  transition: all .15s;
  overflow: hidden;
  width: 16px !important;
  height: 16px !important;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper:after {
  color: var(--white);
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper:hover {
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px #837bb24d;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper.ag-checked {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper.ag-checked:hover {
  background-color: #726aa1;
  border-color: #726aa1;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper.ag-indeterminate {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox-input-wrapper input[type="checkbox"] {
  cursor: pointer;
  width: 16px !important;
  height: 16px !important;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell {
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"] {
  appearance: none;
  cursor: pointer;
  background-color: var(--white);
  box-sizing: border-box;
  border: 1px solid #d5d7da;
  border-radius: 4px;
  flex: none;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  margin: 0;
  transition: all .15s;
  position: relative;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:after {
  content: "";
  border: solid var(--white);
  opacity: 0;
  border-width: 0 2px 2px 0;
  width: 4px;
  height: 8px;
  transition: opacity .15s;
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(45deg);
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:hover {
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 2px var(--white), 0 0 0 4px #837bb24d;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:checked {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:checked:after {
  opacity: 1;
}

.form-links-popup-container .form-links-content .form-links-grid .unlink-checkbox-cell input[type="checkbox"]:checked:hover {
  background-color: #726aa1;
  border-color: #726aa1;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-checkbox .ag-input-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-header-cell .ag-checkbox {
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-checkbox {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-checkbox .ag-checkbox-input-wrapper {
  flex: 0 0 16px;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-cell-wrapper {
  align-items: center;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-selection-checkbox {
  flex: none;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .ag-cell .ag-selection-checkbox .ag-checkbox-input-wrapper {
  flex: 0 0 16px;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view {
  flex-direction: column;
  flex: 1;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-list {
  flex: 1;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-list .dsl-list-view {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-list .dsl-list-view .dsl-list-view-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.form-links-popup-container .form-links-content .form-links-grid .query-list-view .query-action {
  display: none;
}

.form-links-popup-container .search-bar, .form-links-popup-container .search-bar:focus-within {
  box-shadow: none !important;
}

.form-links-popup-container .dsl-list-top:hover {
  box-shadow: none !important;
  background-color: #0000 !important;
}

.form-links-popup-container .form-links-grid .dsl-list-bottom {
  padding-bottom: 0 !important;
}

.form-links-popup-container .action-btn-cnt {
  padding: var(--space-4) 0 var(--space-2) 0;
  background: none;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

@keyframes iconPulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes badgePop {
  0% {
    transform: scale(.8);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.form-link-icon-tooltip-anchor {
  display: inline-flex;
}

.form-link-icons-container {
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-1) var(--space-2);
  flex-direction: row;
  display: flex;
}

.form-link-icons-container .form-link-icon {
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.form-link-icons-container .form-link-icon i {
  font-size: var(--icon-size-sm);
  color: #5b83b0;
  font-weight: 300;
  transition: color .2s, opacity .2s;
}

.form-link-icons-container .form-link-icon .link-count-badge {
  min-width: 18px;
  height: 18px;
  padding: 0 var(--space-1);
  color: #fff;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  background: #5b83b0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  animation: .3s badgePop;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
  box-shadow: 0 1px 3px #00000026;
}

.form-link-icons-container .form-link-icon:hover i {
  opacity: .6;
}

.form-link-icons-container .form-link-icon:hover .link-count-badge {
  opacity: .9;
}

.form-link-icons-container .form-link-icon:active i {
  opacity: .4;
}

.form-link-icons-container .form-link-icon:focus {
  outline: none;
}

.form-link-icons-container .form-link-icon:focus i {
  opacity: .7;
}

.form-link-icons-container.compact {
  gap: var(--space-2);
  padding: 2px var(--space-1);
}

.form-link-icons-container.compact .form-link-icon {
  border-radius: 6px;
  width: 28px;
  height: 28px;
}

.form-link-icons-container.compact .form-link-icon i {
  font-size: var(--type-value);
}

.form-link-icons-container.compact .form-link-icon .link-count-badge {
  min-width: 14px;
  height: 14px;
  font-size: var(--type-micro);
  border-radius: 7px;
  padding: 0 3px;
  top: -4px;
  right: -4px;
}

.form-link-icons-container.dark-bg .form-link-icon {
  background: #ffffff26;
  border-color: #fff3;
}

.form-link-icons-container.dark-bg .form-link-icon i {
  color: #fff;
}

.form-link-icons-container.dark-bg .form-link-icon:hover {
  background: #ffffff40;
  border-color: #ffffff59;
}

.form-link-icons-container.dark-bg .form-link-icon:hover i {
  color: #fff;
}

.form-link-icons-container.dark-bg .form-link-icon .link-count-badge {
  color: #5b83b0;
  background: #fff;
}

.flyout-container .form-link-icons-container, .dsl-card-container .form-link-icons-container {
  z-index: 1;
  flex: none;
  margin: 0 auto;
}

.header-container .form-link-icons-container {
  align-self: center;
}

.custom-pdf-editor .split-pdf {
  background: var(--white);
  width: 100%;
  padding: var(--space-3);
  border-bottom: var(--hairline) solid var(--gray-100);
  gap: var(--space-2);
  box-sizing: border-box;
  flex-direction: column;
  font-family: Soehne, sans-serif;
  display: flex;
}

.custom-pdf-editor .split-pdf__title {
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.custom-pdf-editor .split-pdf__ranges {
  gap: var(--space-2);
  flex-direction: column;
  max-height: 176px;
  display: flex;
  overflow-y: auto;
}

.custom-pdf-editor .split-pdf__range-item {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.custom-pdf-editor .split-pdf__range-label {
  min-width: 0;
  font-size: var(--type-value);
  color: var(--color-text);
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
}

.custom-pdf-editor .split-pdf__arrow {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.custom-pdf-editor .split-pdf__input {
  box-sizing: border-box;
  width: 48px;
  height: 28px;
  padding: 0 var(--space-1);
  box-shadow: inset 0 0 0 1px var(--gray-200);
  background: var(--white);
  text-align: center;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  font-variant-numeric: tabular-nums;
  color: var(--color-text);
  -moz-appearance: textfield;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-weight: 500;
}

.custom-pdf-editor .split-pdf__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custom-pdf-editor .split-pdf__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.custom-pdf-editor .split-pdf__input:focus {
  box-shadow: inset 0 0 0 1px var(--color-tertiary);
}

.custom-pdf-editor .split-pdf__remove-btn {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
}

.custom-pdf-editor .split-pdf__remove-btn:hover:not(:disabled) {
  background: var(--color-background-400);
}

.custom-pdf-editor .split-pdf__remove-btn:hover:not(:disabled) .split-pdf__remove-icon {
  color: var(--color-error-ink);
}

.custom-pdf-editor .split-pdf__remove-btn:disabled {
  cursor: default;
  opacity: .35;
}

.custom-pdf-editor .split-pdf__remove-icon {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  font-weight: 300;
  line-height: 1;
}

.custom-pdf-editor .split-pdf__add-range-btn {
  align-self: flex-start;
  align-items: center;
  gap: var(--space-1);
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-tertiary);
  background: none;
  border: none;
  padding: 0;
  font-weight: 500;
  display: inline-flex;
}

.custom-pdf-editor .split-pdf__add-range-btn i {
  font-size: var(--type-label);
}

.custom-pdf-editor .split-pdf__add-range-btn:hover {
  text-decoration: underline;
}

.custom-pdf-editor .split-pdf__problem {
  font-size: var(--type-label);
  color: var(--color-error-ink);
  line-height: 1.4;
}

.custom-pdf-editor .split-pdf__actions {
  justify-content: flex-end;
  display: flex;
}

.custom-pdf-editor .split-pdf__split-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.custom-pdf-editor .split-pdf__split-btn i, .custom-pdf-editor .split-pdf__split-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-label);
}

.custom-pdf-editor .split-pdf__split-btn.disabled, .custom-pdf-editor .split-pdf__split-btn[disabled], .custom-pdf-editor .split-pdf__split-btn[aria-disabled="true"], .custom-pdf-editor .split-pdf__split-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.custom-pdf-editor .split-pdf__split-btn.disabled i, .custom-pdf-editor .split-pdf__split-btn[disabled] i, .custom-pdf-editor .split-pdf__split-btn[aria-disabled="true"] i, .custom-pdf-editor .split-pdf__split-btn:disabled i, .custom-pdf-editor .split-pdf__split-btn.disabled .icon, .custom-pdf-editor .split-pdf__split-btn[disabled] .icon, .custom-pdf-editor .split-pdf__split-btn[aria-disabled="true"] .icon, .custom-pdf-editor .split-pdf__split-btn:disabled .icon, .custom-pdf-editor .split-pdf__split-btn.disabled svg, .custom-pdf-editor .split-pdf__split-btn[disabled] svg, .custom-pdf-editor .split-pdf__split-btn[aria-disabled="true"] svg, .custom-pdf-editor .split-pdf__split-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.custom-pdf-editor .split-pdf__split-btn.disabled svg *, .custom-pdf-editor .split-pdf__split-btn[disabled] svg *, .custom-pdf-editor .split-pdf__split-btn[aria-disabled="true"] svg *, .custom-pdf-editor .split-pdf__split-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.custom-pdf-editor .split-pdf__split-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.custom-pdf-editor .split-pdf__split-btn:focus-visible {
  box-shadow: none;
}

.custom-pdf-editor .split-pdf__split-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.custom-pdf-editor .split-pdf__split-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.custom-pdf-editor .split-pdf__results {
  box-shadow: inset 0 0 0 1px var(--gray-200);
  border-radius: 4px;
  overflow: hidden;
}

.custom-pdf-editor .split-pdf__results-header-row {
  align-items: center;
  gap: var(--space-1);
  padding: 0 var(--space-2) 0 0;
  min-height: 32px;
  display: flex;
}

.custom-pdf-editor .split-pdf__results-header {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: 0 var(--space-2);
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  text-align: left;
  background: none;
  border: none;
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  display: flex;
}

.custom-pdf-editor .split-pdf__results-chevron {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  transition: transform .15s ease-out;
}

.custom-pdf-editor .split-pdf__results-chevron--expanded {
  transform: rotate(90deg);
}

.custom-pdf-editor .split-pdf__results-count {
  min-width: 18px;
  padding: 0 var(--space-1);
  background: var(--color-background-400);
  font-size: var(--type-micro);
  text-align: center;
  color: var(--color-text-muted-ink);
  font-variant-numeric: tabular-nums;
  border-radius: 9px;
  line-height: 18px;
}

.custom-pdf-editor .split-pdf__results-action {
  padding: var(--space-1);
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  background: none;
  border: none;
  font-weight: 500;
}

.custom-pdf-editor .split-pdf__results-action:hover:not(:disabled) {
  color: var(--color-text);
}

.custom-pdf-editor .split-pdf__results-action--primary {
  color: var(--color-tertiary);
}

.custom-pdf-editor .split-pdf__results-action--primary:hover:not(:disabled) {
  color: var(--color-tertiary);
  text-decoration: underline;
}

.custom-pdf-editor .split-pdf__results-action:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.custom-pdf-editor .split-pdf__results-list {
  border-top: var(--hairline) solid var(--gray-100);
  padding: var(--space-1) 0;
  flex-direction: column;
  max-height: 128px;
  display: flex;
  overflow-y: auto;
}

.custom-pdf-editor .split-pdf__download-link {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-2);
  font-size: var(--type-label);
  color: var(--color-text);
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.custom-pdf-editor .split-pdf__download-link:hover {
  background: var(--color-background-400);
}

.custom-pdf-editor .split-pdf__download-icon {
  font-size: var(--type-label);
  color: var(--color-tertiary);
}

.custom-pdf-editor .split-pdf__download-pages {
  color: var(--color-text-muted-ink);
  margin-left: auto;
  font-weight: 400;
}

.export-modal {
  width: 480px;
  max-width: 90vw;
}

.export-modal__content {
  gap: var(--space-2);
  padding: var(--space-2) var(--space-2) 0 var(--space-2);
  flex-direction: column;
  display: flex;
}

.export-modal__message {
  font-size: var(--font-size-small);
  color: var(--color-text);
  margin: 0;
  line-height: 1.5;
}

.export-modal__message strong {
  font-weight: 500;
}

.export-modal__parts {
  gap: var(--space-2);
  flex-direction: column;
  max-height: 240px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-y: auto;
}

.export-modal__part {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-small);
  color: var(--color-text);
  display: flex;
}

.export-modal__part-label {
  white-space: nowrap;
  font-weight: 500;
}

.export-modal__part-patient {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--color-text-muted-ink);
  flex: auto;
  overflow: hidden;
}

.export-modal__part-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  white-space: nowrap;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.export-modal__part-btn i, .export-modal__part-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.export-modal__part-btn.disabled, .export-modal__part-btn[disabled], .export-modal__part-btn[aria-disabled="true"], .export-modal__part-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.export-modal__part-btn.disabled i, .export-modal__part-btn[disabled] i, .export-modal__part-btn[aria-disabled="true"] i, .export-modal__part-btn:disabled i, .export-modal__part-btn.disabled .icon, .export-modal__part-btn[disabled] .icon, .export-modal__part-btn[aria-disabled="true"] .icon, .export-modal__part-btn:disabled .icon, .export-modal__part-btn.disabled svg, .export-modal__part-btn[disabled] svg, .export-modal__part-btn[aria-disabled="true"] svg, .export-modal__part-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.export-modal__part-btn.disabled svg *, .export-modal__part-btn[disabled] svg *, .export-modal__part-btn[aria-disabled="true"] svg *, .export-modal__part-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.export-modal__part-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.export-modal__part-btn:focus-visible {
  box-shadow: none;
}

.export-modal__part-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.export-modal__part-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.export-modal__note {
  font-size: var(--font-size-small);
  color: var(--color-text-muted-ink);
  margin: 0;
  line-height: 1.5;
}

.export-modal__checkbox-row {
  padding: var(--space-3);
  background: #f8f8f8;
  border-radius: 6px;
  margin: 0;
}

.export-modal__error {
  color: var(--color-error-ink);
  font-size: var(--font-size-small);
  border-radius: 4px;
  margin: 0;
}

.export-modal .wizard-bottom-bar-export-modal {
  padding: var(--space-3) 0 0 0;
  justify-content: space-between !important;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal.disabled, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[disabled], .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[aria-disabled="true"], .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal.disabled i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[disabled] i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[aria-disabled="true"] i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:disabled i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal.disabled .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[disabled] .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[aria-disabled="true"] .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:disabled .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal.disabled svg, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[disabled] svg, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[aria-disabled="true"] svg, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:disabled svg {
  color: #fff;
  font-weight: 300;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal.disabled svg *, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[disabled] svg *, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal[aria-disabled="true"] svg *, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:focus-visible {
  box-shadow: none;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel.disabled, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[disabled], .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[aria-disabled="true"], .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel.disabled i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[disabled] i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[aria-disabled="true"] i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:disabled i, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel.disabled .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[disabled] .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[aria-disabled="true"] .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:disabled .icon, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel.disabled svg, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[disabled] svg, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[aria-disabled="true"] svg, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel.disabled svg *, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[disabled] svg *, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel[aria-disabled="true"] svg *, .export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:focus-visible {
  box-shadow: none;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.export-modal .wizard-bottom-bar-export-modal .export-modal-actions .btn-export-modal-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .export-modal .body {
  min-width: unset;
}

.split-selection-modal {
  width: 520px;
  max-width: 90vw;
}

.split-selection-modal__content {
  gap: var(--space-2);
  padding: var(--space-2) var(--space-2) 0 var(--space-2);
  flex-direction: column;
  display: flex;
}

.split-selection-modal__message {
  font-size: var(--font-size-small);
  color: var(--color-text);
  margin: 0;
  line-height: 1.5;
}

.split-selection-modal__message strong {
  font-weight: 500;
}

.split-selection-modal__warning {
  font-size: var(--font-size-small);
  color: var(--color-warning-ink);
  margin: 0;
  line-height: 1.5;
}

.split-selection-modal__patient {
  gap: var(--space-2);
  padding: var(--space-3);
  background: #f8f8f8;
  border-radius: 6px;
  flex-direction: column;
  margin: 0;
  display: flex;
  position: relative;
}

.split-selection-modal__patient-loader {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--font-size-small);
  color: var(--color-text);
  background: #f8f8f8e6;
  border-radius: 6px;
  display: flex;
  position: absolute;
  inset: 0;
}

.split-selection-modal__patient-required {
  font-size: var(--font-size-small);
  color: var(--color-text);
  margin: 0;
  line-height: 1.5;
}

.split-selection-modal__patient-note {
  font-size: var(--font-size-small);
  color: var(--color-text-muted-ink);
  margin: 0;
  line-height: 1.5;
}

.split-selection-modal__patient-row {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.split-selection-modal__patient-name {
  font-size: var(--font-size-small);
  color: var(--color-text);
}

.split-selection-modal__patient-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  white-space: nowrap;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.split-selection-modal__patient-btn i, .split-selection-modal__patient-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-label);
}

.split-selection-modal__patient-btn.disabled, .split-selection-modal__patient-btn[disabled], .split-selection-modal__patient-btn[aria-disabled="true"], .split-selection-modal__patient-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.split-selection-modal__patient-btn.disabled i, .split-selection-modal__patient-btn[disabled] i, .split-selection-modal__patient-btn[aria-disabled="true"] i, .split-selection-modal__patient-btn:disabled i, .split-selection-modal__patient-btn.disabled .icon, .split-selection-modal__patient-btn[disabled] .icon, .split-selection-modal__patient-btn[aria-disabled="true"] .icon, .split-selection-modal__patient-btn:disabled .icon, .split-selection-modal__patient-btn.disabled svg, .split-selection-modal__patient-btn[disabled] svg, .split-selection-modal__patient-btn[aria-disabled="true"] svg, .split-selection-modal__patient-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.split-selection-modal__patient-btn.disabled svg *, .split-selection-modal__patient-btn[disabled] svg *, .split-selection-modal__patient-btn[aria-disabled="true"] svg *, .split-selection-modal__patient-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.split-selection-modal__patient-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.split-selection-modal__patient-btn:focus-visible {
  box-shadow: none;
}

.split-selection-modal__patient-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.split-selection-modal__patient-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.split-selection-modal__error {
  color: var(--color-error-ink);
  font-size: var(--font-size-small);
  border-radius: 4px;
  margin: 0;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal {
  padding: var(--space-3) 0 0 0;
  justify-content: space-between !important;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal.disabled, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[disabled], .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[aria-disabled="true"], .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal.disabled i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[disabled] i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[aria-disabled="true"] i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:disabled i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal.disabled .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[disabled] .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[aria-disabled="true"] .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:disabled .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal.disabled svg, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[disabled] svg, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[aria-disabled="true"] svg, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:disabled svg {
  color: #fff;
  font-weight: 300;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal.disabled svg *, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[disabled] svg *, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal[aria-disabled="true"] svg *, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:focus-visible {
  box-shadow: none;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel.disabled, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[disabled], .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[aria-disabled="true"], .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel.disabled i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[disabled] i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[aria-disabled="true"] i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:disabled i, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel.disabled .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[disabled] .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[aria-disabled="true"] .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:disabled .icon, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel.disabled svg, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[disabled] svg, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[aria-disabled="true"] svg, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel.disabled svg *, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[disabled] svg *, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel[aria-disabled="true"] svg *, .split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:focus-visible {
  box-shadow: none;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.split-selection-modal .wizard-bottom-bar-split-selection-modal .split-selection-modal-actions .btn-split-selection-modal-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .split-selection-modal .body {
  min-width: unset;
}

.custom-pdf-editor .pdf-button {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  height: 32px;
  padding: 0 var(--space-2);
  border-radius: var(--radius-xsmall);
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  font-weight: 500;
  transition: background-color .12s ease-out, color .12s ease-out;
  display: inline-flex;
}

.custom-pdf-editor .pdf-button:hover:not(:disabled, .pdf-button--disabled) {
  background-color: var(--grid-tab-hover);
}

.custom-pdf-editor .pdf-button:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.custom-pdf-editor .pdf-button__text {
  font-weight: 500;
}

.custom-pdf-editor .pdf-button--icon-left {
  flex-direction: row-reverse;
}

.custom-pdf-editor .pdf-button--active {
  background-color: color-mix(in srgb, var(--color-primary-ink) 10%, transparent);
  color: var(--color-primary-ink);
}

.custom-pdf-editor .pdf-button--active:hover {
  background-color: color-mix(in srgb, var(--color-primary-ink) 14%, transparent);
}

.custom-pdf-editor .pdf-button--danger {
  color: var(--color-error-ink);
}

.custom-pdf-editor .pdf-button--danger:hover:not(:disabled, .pdf-button--disabled) {
  background-color: color-mix(in srgb, var(--color-error-ink) 10%, transparent);
}

.custom-pdf-editor .pdf-button--danger.pdf-button--active, .custom-pdf-editor .pdf-button--danger:active:not(:disabled, .pdf-button--disabled) {
  color: var(--color-error-ink);
  background-color: color-mix(in srgb, var(--color-error-ink) 12%, transparent);
}

.custom-pdf-editor .pdf-button--disabled, .custom-pdf-editor .pdf-button:disabled {
  color: var(--gray-400);
  cursor: not-allowed;
  background: none;
}

.custom-pdf-editor .pdf-button .pdf-button__icon {
  font-size: var(--type-value);
  color: inherit;
  font-weight: 300;
  line-height: 1;
}

.custom-pdf-editor .pdf-button img.pdf-button__icon {
  width: 14px;
  height: auto;
}

.multi-button-group {
  background: var(--color-background-200);
  border-radius: var(--fh-radio-radius);
  height: var(--fh-radio-h, 30px);
  align-items: center;
  gap: var(--nudge-1);
  padding: 2px;
  display: inline-flex;
  box-shadow: inset 0 1px 2px #0000001f;
}

.multi-button-group .multi-button {
  font-size: var(--font-size-small);
  color: var(--color-tertiary);
  height: calc(var(--fh-radio-h, 30px) - 4px);
  line-height: calc(var(--fh-radio-h, 30px) - 4px);
  padding: 0 var(--fh-radio-btn-pad-x, var(--space-4));
  background: none;
  border: none;
  font-weight: 500;
}

.multi-button-group .multi-button.multi-button--active {
  color: var(--white);
  background-color: var(--color-tertiary);
  border-radius: var(--fh-radio-btn-radius);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.multi-button-group .multi-button {
  min-width: 32px;
  padding: 0 var(--space-2);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: var(--fh-radio-btn-radius, var(--radius-small));
  justify-content: center;
  align-items: center;
  transition: background-color .12s ease-out, color .12s ease-out;
  display: inline-flex;
}

.multi-button-group .multi-button:hover:not(.multi-button--active) {
  background-color: var(--grid-tab-hover);
}

.multi-button__icon {
  font-size: var(--type-value);
  color: inherit;
  font-weight: 300;
  line-height: 1;
}

.multi-button__icon.fa-bold {
  font-weight: 500;
}

.multi-button--active img.multi-button__icon {
  filter: brightness(0) invert();
}

.custom-pdf-editor .pdf-editor-header {
  background: none;
  margin-bottom: 0;
  overflow: hidden;
}

.custom-pdf-editor .pdf-editor-header .toolbar {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  box-sizing: border-box;
  background-color: var(--white);
  height: 48px;
  padding: 0 var(--space-3);
  border-bottom: var(--hairline) solid var(--gray-100);
  display: flex;
  overflow-x: auto;
}

.custom-pdf-editor .pdf-editor-header .toolbar .pdf-button {
  height: 28px;
  padding: 0 var(--space-3);
  border-radius: var(--fh-radio-btn-radius);
  color: var(--color-tertiary);
  font-size: var(--font-size-small);
}

.custom-pdf-editor .pdf-editor-header .toolbar .pdf-button:hover:not(:disabled, .pdf-button--disabled, .pdf-button--active) {
  background-color: color-mix(in srgb, var(--color-tertiary) 8%, transparent);
}

.custom-pdf-editor .pdf-editor-header .toolbar .pdf-button.pdf-button--danger {
  color: var(--color-tertiary);
}

.custom-pdf-editor .pdf-editor-header .toolbar .pdf-button.pdf-button--danger:hover:not(:disabled, .pdf-button--disabled, .pdf-button--active) {
  background-color: color-mix(in srgb, var(--color-tertiary) 8%, transparent);
}

.custom-pdf-editor .pdf-editor-header .toolbar .pdf-button.pdf-button--active, .custom-pdf-editor .pdf-editor-header .toolbar .pdf-button.pdf-button--danger.pdf-button--active, .custom-pdf-editor .pdf-editor-header .toolbar .pdf-button.pdf-button--active:hover {
  background-color: var(--color-tertiary);
  color: var(--white);
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.custom-pdf-editor .pdf-editor-header .submenu {
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding: var(--space-2) var(--space-3);
  background-color: var(--white);
  border-bottom: var(--hairline) solid var(--gray-100);
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-pdf-editor .pdf-editor-header .submenu-field {
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  cursor: default;
  margin: 0;
  display: inline-flex;
}

.custom-pdf-editor .pdf-editor-header .submenu-field__label, .custom-pdf-editor .pdf-editor-header .color-picker__label, .custom-pdf-editor .pdf-editor-header .submenu-check__label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 500;
  line-height: 1;
}

.custom-pdf-editor .pdf-editor-header .submenu-tools {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.custom-pdf-editor .pdf-editor-header .submenu-tools__editor-block, .custom-pdf-editor .pdf-editor-header .submenu-tools__selection-block {
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  display: flex;
}

.custom-pdf-editor .pdf-editor-header .fontsize-input {
  box-sizing: border-box;
  width: 56px;
  height: 28px;
  padding: 0 var(--space-1);
  border-radius: var(--radius-xsmall);
  border: var(--hairline) solid var(--gray-200);
  background: var(--white);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  text-align: center;
  outline: none;
  font-weight: 500;
  transition: border-color .12s ease-out, box-shadow .12s ease-out;
}

.custom-pdf-editor .pdf-editor-header .fontsize-input:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.custom-pdf-editor .pdf-editor-header .color-picker {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  display: inline-flex;
}

.custom-pdf-editor .pdf-editor-header .color-picker--off .color-input {
  opacity: .4;
}

.custom-pdf-editor .pdf-editor-header .submenu-check {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  margin: 0;
  display: inline-flex;
}

.custom-pdf-editor .pdf-editor-header .color-input {
  appearance: none;
  border: var(--hairline) solid var(--gray-200);
  border-radius: var(--radius-xsmall);
  cursor: pointer;
  background: none;
  outline: none;
  width: 20px;
  height: 20px;
  padding: 0;
  transition: border-color .12s ease-out, box-shadow .12s ease-out;
  overflow: hidden;
}

.custom-pdf-editor .pdf-editor-header .color-input::-webkit-color-swatch-wrapper {
  padding: 0;
}

.custom-pdf-editor .pdf-editor-header .color-input::-webkit-color-swatch {
  border: none;
  border-radius: 0;
}

.custom-pdf-editor .pdf-editor-header .color-input::-moz-color-swatch {
  border: none;
  border-radius: 0;
}

.custom-pdf-editor .pdf-editor-header .color-input:hover, .custom-pdf-editor .pdf-editor-header .color-input:focus-visible {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.custom-pdf-editor .pdf-comment {
  align-items: flex-start;
  gap: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius-small);
  cursor: pointer;
  transition: background-color .12s ease-out;
  display: flex;
}

.custom-pdf-editor .pdf-comment:hover {
  background-color: var(--grid-tab-hover);
}

.custom-pdf-editor .pdf-comment__avatar {
  margin-top: var(--nudge-2);
  background-color: color-mix(in srgb, var(--color-primary-ink) 14%, transparent);
  width: 28px;
  height: 28px;
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  line-height: 1;
  display: flex;
}

.custom-pdf-editor .pdf-comment__content {
  flex: 1;
  min-width: 0;
}

.custom-pdf-editor .pdf-comment__header {
  align-items: baseline;
  column-gap: var(--space-2);
  flex-wrap: wrap;
  line-height: 1.3;
  display: flex;
}

.custom-pdf-editor .pdf-comment__author {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
}

.custom-pdf-editor .pdf-comment__date {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  font-weight: 400;
}

.custom-pdf-editor .pdf-comment__text {
  font-size: var(--type-value);
  color: var(--color-text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  margin-top: 2px;
  font-weight: 400;
  line-height: 1.4;
}

.custom-pdf-editor .pdf-comment__text--empty {
  color: var(--color-text-400);
  font-style: italic;
}

.custom-pdf-editor .pdf-comment .pdf-comment-icon--highlight {
  outline: 3px solid var(--color-primary);
  outline-offset: 3px;
  transition: outline .2s;
  animation: 1.2s pulse-highlight;
}

@keyframes pulse-highlight {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.custom-pdf-editor .pdf-thumbnail-list {
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-4);
  flex-direction: column;
  display: flex;
}

.custom-pdf-editor .pdf-thumbnail-list--loading {
  padding: var(--space-6);
  color: var(--gray-700);
  font-size: var(--type-value);
}

.custom-pdf-editor .pdf-thumbnail {
  cursor: pointer;
  border-radius: var(--radius-xsmall);
  background: var(--white);
  border: 2px solid #0000;
  width: 100%;
  transition: border-color .12s ease-out, box-shadow .12s ease-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px #1419281f;
}

.custom-pdf-editor .pdf-thumbnail:hover {
  box-shadow: 0 2px 6px #14192829;
}

.custom-pdf-editor .pdf-thumbnail.active {
  border-color: var(--color-primary-ink);
}

.custom-pdf-editor .pdf-thumbnail img {
  width: 100%;
  display: block;
}

.custom-pdf-editor .pdf-thumbnail img.pdf-thumbnail__markup {
  pointer-events: none;
  height: 100%;
  position: absolute;
  inset: 0;
}

.custom-pdf-editor .pdf-thumbnail__label {
  text-align: center;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  padding: var(--space-1) 0 0;
  font-weight: 400;
}

.custom-pdf-editor .pdf-thumbnail .thumbnail canvas {
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}

.custom-pdf-editor .pdf-thumbnail-wrapper {
  gap: var(--space-2);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.custom-pdf-editor .pdf-thumbnail-meta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  display: flex;
}

.custom-pdf-editor .pdf-thumbnail__select {
  flex-shrink: 0;
  line-height: 0;
}

.custom-pdf-editor-root {
  flex-direction: column;
  flex: 1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.custom-pdf-editor {
  gap: var(--space-2);
  flex: 1;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex;
}

.custom-pdf-editor__thumnail-section, .custom-pdf-editor__viwer-section, .custom-pdf-editor__comment-section {
  background-color: var(--white);
  border-radius: var(--radius-medium);
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.custom-pdf-editor__thumnail-section__header, .custom-pdf-editor__comment-section__header {
  justify-content: center;
  align-items: center;
  gap: var(--space-1);
  box-sizing: border-box;
  height: 48px;
  padding: 0 var(--space-3);
  background-color: var(--white);
  border-bottom: var(--hairline) solid var(--gray-100);
  flex-shrink: 0;
  display: flex;
  overflow: auto hidden;
}

.custom-pdf-editor__thumnail-section {
  flex-shrink: 0;
  width: 25%;
  min-width: 248px;
}

.custom-pdf-editor__thumnail-section__body {
  min-height: 0;
  padding: var(--space-2) 0;
  background-color: var(--color-background-400);
  flex: 1;
  overflow-y: auto;
}

.custom-pdf-editor__viwer-section {
  background-color: var(--color-background-400);
  width: 100%;
  min-width: 689px;
}

.custom-pdf-editor__viwer-section__header {
  z-index: 20;
  background-color: var(--white);
  box-sizing: border-box;
  height: 48px;
  padding: 0 var(--space-3);
  align-items: center;
  gap: var(--space-1);
  border-bottom: var(--hairline) solid var(--gray-100);
  flex-shrink: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.custom-pdf-editor__viwer-section__body {
  min-height: 0;
  margin: var(--space-4);
  flex: 1;
  position: relative;
  overflow: hidden auto;
}

.custom-pdf-editor__viwer-section__body > [data-page-number], .custom-pdf-editor__viwer-section__body [data-page-number] {
  background-color: var(--white);
  box-shadow: 0 1px 3px #14192824;
}

.custom-pdf-editor__comment-section {
  width: 30%;
}

.custom-pdf-editor__comment-section__header {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.custom-pdf-editor__comment-section__body {
  min-height: 0;
  padding: var(--space-2);
  flex: 1;
  overflow-y: auto;
}

.custom-pdf-editor__empty {
  padding: var(--space-3) var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-400);
  font-style: italic;
}

.custom-pdf-editor__loading {
  padding: var(--space-6);
  justify-content: center;
  align-items: center;
  gap: var(--space-3);
  color: var(--gray-700);
  font-size: var(--type-value);
  flex-direction: column;
  display: flex;
}

.custom-pdf-editor__open-problem {
  align-items: flex-start;
  gap: var(--space-3);
  max-width: 440px;
  margin: var(--space-8) auto 0;
  padding: var(--space-4);
  background: var(--color-warning-25);
  border-radius: var(--radius-medium);
  box-shadow: inset 0 0 0 1px var(--color-warning-100);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  font-weight: 500;
  line-height: 1.5;
  display: flex;
}

.custom-pdf-editor__open-problem i {
  font-size: var(--type-control);
  color: var(--color-warning-ink);
  line-height: 1.4;
}

.custom-pdf-editor .pdf-text-input {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  max-width: 400px;
  min-height: 20px;
}

.custom-pdf-editor .pdf-comments-layer {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.custom-pdf-editor .pdf-comments-layer .pdf-comment-icon {
  pointer-events: auto !important;
}

.custom-pdf-editor .pdf-comment-icon {
  pointer-events: auto;
  font-family: sans-serif;
  transform: translate(-50%, -50%);
}

.custom-pdf-editor .pdf-comment-icon__bubble {
  background: var(--color-primary-ink);
  width: 28px;
  height: 28px;
  color: var(--white);
  font-size: var(--type-label);
  box-sizing: border-box;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 1;
  transition: transform .12s ease-out;
  display: inline-flex;
  box-shadow: 0 1px 4px #14192840;
}

.custom-pdf-editor .pdf-comment-icon__bubble:hover {
  transform: scale(1.08);
}

.custom-pdf-editor .pdf-comment-icon__editor-header {
  margin-bottom: var(--space-1);
  justify-content: flex-end;
  display: flex;
}

.custom-pdf-editor .pdf-comment-icon__clear {
  width: 18px;
  height: 18px;
  color: var(--color-text-muted-ink);
  font-size: var(--type-label);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 1;
  display: inline-flex;
}

.custom-pdf-editor .pdf-comment-icon__clear:hover {
  background: var(--color-border-500);
  color: #5e636b;
}

.custom-pdf-editor .pdf-comment-icon__tooltip {
  background: var(--white);
  border: 1px solid var(--disabled-background-200);
  padding: var(--space-2);
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  z-index: 400;
  border-radius: 6px;
  max-width: 280px;
  box-shadow: 0 4px 12px #0000001f;
}

.custom-pdf-editor .pdf-comment-icon__editor textarea {
  resize: vertical;
}

.ReactModalPortal .custom-pdf-editor {
  background-color: #0000;
}

.ReactModalPortal .pdf-editor-modal {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.ReactModalPortal .pdf-editor-modal > .body {
  min-height: 0;
  padding: 0 var(--space-2) var(--space-2) var(--space-2);
  flex-direction: column;
  flex: 1;
  margin: 0;
  display: flex;
  overflow: hidden;
}

.ReactModalPortal .pdf-editor-modal .header .arrow-container i {
  color: var(--color-text);
  font-size: var(--icon-size-md);
  font-weight: 300;
  line-height: 1;
  transition: opacity .2s;
}

.ReactModalPortal .generic-card-container .pdf-editor-modal {
  gap: var(--spacing-standard);
}

.ReactModalPortal .pdf-editor-modal__layout {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.ReactModalPortal .pdf-editor-modal__body {
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ReactModalPortal .wizard-bottom-bar-pdf-editor {
  padding: 0;
}

.ReactModalPortal .wizard-bottom-bar-pdf-editor > .action-btn-group-container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.custom-pdf-editor.custom-pdf-editor--markup-hidden canvas[data-overlay="true"], .custom-pdf-editor.custom-pdf-editor--markup-hidden .pdf-comments-layer {
  visibility: hidden;
  pointer-events: none !important;
}

.custom-pdf-editor__markup-toggle {
  padding: var(--space-2) var(--space-3) 0;
  background-color: var(--color-background-400);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.custom-pdf-editor__markup-toggle .pdf-editor-markup-toggle {
  font-size: var(--type-value);
  color: var(--gray-700);
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.pdf-markup-tooltip {
  z-index: 100000;
  max-width: 280px;
  padding: var(--space-2);
  border: 1px solid var(--disabled-background-200);
  background: var(--white);
  pointer-events: none;
  border-radius: 6px;
  font-family: Soehne, sans-serif;
  display: none;
  position: fixed;
  box-shadow: 0 4px 12px #0000001f;
}

.pdf-markup-tooltip .pdf-markup-tooltip__who {
  font-size: var(--type-label);
  color: var(--color-text-800);
  font-weight: 500;
}

.pdf-markup-tooltip .pdf-markup-tooltip__when {
  font-variant-numeric: tabular-nums;
  color: var(--color-text-muted-ink);
  margin-top: 2px;
  font-size: 11px;
}

.generic-card-container.replace-item-card {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.generic-card-container.replace-item-card > .body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
  padding: 0 !important;
}

.generic-card-container.replace-item-card .replace-item-popover-container {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.generic-card-container.replace-item-card .replace-item-content {
  gap: var(--space-3);
  min-height: 0;
  padding: var(--space-3);
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  flex: none;
  min-width: 0;
  display: flex;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-original {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-eyebrow {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  font-weight: 500;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-name {
  font-size: var(--type-control);
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-subtitle {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-original-qty {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  flex: none;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-original-qty strong {
  color: var(--color-text);
  font-weight: 500;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container {
  flex: none;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  width: 100%;
  min-height: 40px;
  padding: var(--space-2) var(--space-3);
  backdrop-filter: none;
  isolation: isolate;
  border-radius: var(--radius-medium);
  min-width: min(240px, 100%);
  max-width: 600px;
  padding: calc(var(--space-2) + 1px) calc(var(--space-3) + 1px);
  max-width: unset;
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
  transition: background-color .16s, border-color .16s, box-shadow .16s;
  display: flex;
  background: var(--color-background-400) !important;
  border: 0 !important;
  font-weight: 400 !important;
  box-shadow: inset 0 2px 2px #dcdcdc, inset 0 2px 5px #0000000f !important;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar:hover {
  box-shadow: inset 0 2px 3px #d1d1d1, inset 0 2px 6px #00000014 !important;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar:has(input[placeholder]:not(:placeholder-shown)) {
  background: var(--white) !important;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar:focus-within {
  background: var(--white) !important;
  box-shadow: inset 0 0 0 1px var(--color-primary), inset 0 2px 2px 0 #dcdcdc, 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent) !important;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar > div {
  flex: 1;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar > div input {
  border: none;
  width: 100%;
  color: var(--color-text) !important;
  background: none !important;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar > div input:focus {
  outline: none;
  box-shadow: none !important;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar > div input::placeholder {
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  transition: opacity .16s;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar:focus-within input::placeholder {
  opacity: .35;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar img {
  opacity: .7;
  width: 18px;
  height: 18px;
  transition: opacity .16s;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar:focus-within img {
  opacity: .95;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .search-bar i {
  font-size: var(--type-control);
  color: var(--gray-500);
  font-weight: 300;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container .highlight {
  border: 2px solid var(--color-secondary);
  background-color: #fff;
}

.generic-card-container.replace-item-card .replace-item-content .search-bar-container.is-locked, .generic-card-container.replace-item-card .replace-item-content .replace-item-grid.is-locked {
  pointer-events: none;
  opacity: .6;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid {
  flex: auto;
  width: 100%;
  min-height: 0;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid > .ag-root-wrapper, .generic-card-container.replace-item-card .replace-item-content .replace-item-grid > div {
  width: 100%;
  height: 100%;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-root-wrapper {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .dsl-list-tab-container {
  height: 100%;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .dsl-list-tab-container .dsl-list-bottom {
  height: 100%;
  padding: 0 !important;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-cell-right {
  justify-content: flex-end;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-item-name-cell {
  font-weight: 500;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-row.ag-row-last {
  border-bottom-width: 0 !important;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .ag-cell-wrapper, .generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .ag-cell-value, .generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .replace-qty-input {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .ag-grid-generic-input-container {
  justify-content: flex-end;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .ag-grid-generic-input {
  box-sizing: border-box;
  border-radius: var(--radius-xsmall);
  height: 32px;
  box-shadow: none;
  width: 100%;
  padding: 0 var(--space-2);
  font-size: var(--type-value);
  text-align: right;
  color: var(--color-text);
  background-color: #0000;
  border: 1px solid #00000014;
  outline: none;
  transition: background-color .15s, border-color .15s;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .ag-grid-generic-input:hover:not(:disabled) {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell .ag-grid-generic-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  background-color: #fffffff2;
}

.generic-card-container.replace-item-card .replace-item-content .replace-item-grid .ag-cell.replace-qty-cell--idle .ag-grid-generic-input {
  cursor: pointer;
  background: none;
  border-color: #0000;
}

.generic-card-container.replace-item-card .replace-item-error {
  width: fit-content;
  max-width: 100%;
  padding: var(--space-1) var(--space-3);
  font-size: var(--type-label);
  color: var(--color-error-ink);
  background: var(--color-error-25);
  border: 1px solid #e587874d;
  border-radius: 6px;
  flex: none;
  margin: 0 auto;
  line-height: 1.4;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons {
  z-index: 10;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3);
  border-top: 1px solid var(--gray-100);
  background: none;
  border-radius: 0;
  flex: none;
  margin: 0;
  display: flex;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .action-btn-group-container {
  width: 100%;
  padding: 0;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save i, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled], .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"], .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled i, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] i, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] i, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled i, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled .icon, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] .icon, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] .icon, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled .icon, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled svg, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] svg, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] svg, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled svg *, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] svg *, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] svg *, .generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:focus-visible {
  box-shadow: none;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.generic-card-container.replace-item-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.replace-item-popover-shell > .generic-card-container.replace-item-card {
  margin: auto;
}

.generic-search-text {
  align-items: center;
  gap: var(--space-2);
  min-width: 200px;
  max-width: 100%;
  height: 40px;
  padding: var(--space-2) var(--space-3);
  background: #fff;
  border: 1px solid #00000014;
  border-radius: 10px;
  flex-direction: row;
  flex: 1;
  transition: border-color .16s, box-shadow .16s;
  display: flex;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, inset 0 2px 2px #00000008;
}

.generic-search-text:focus-within {
  border-color: #00000026;
  box-shadow: inset 0 0 1px #0000000a, inset 0 1px 1px #0000000d, 0 0 0 3px #668eba26;
}

.generic-search-text img {
  opacity: .6;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.generic-search-text input {
  width: 100%;
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: var(--color-text, #45494f);
  border: none;
  flex: 1;
  padding: 0;
  background: none !important;
}

.generic-search-text input::placeholder {
  color: #00000073;
}

.generic-search-text input:focus {
  box-shadow: none;
  outline: none;
}

.generic-search-text .search-text-clear-btn {
  cursor: pointer;
  color: #0006;
  width: 18px;
  height: 18px;
  font-size: var(--type-value);
  background: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  transition: color .12s;
  display: flex;
}

.generic-search-text .search-text-clear-btn:hover, .generic-search-text .search-text-clear-btn:focus-visible {
  color: #000000a6;
  outline: none;
}

.search-text-clear-btn {
  background: none;
  border: none !important;
}

.generic-card-container.drug-swap-reversal-card {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.generic-card-container.drug-swap-reversal-card > .body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
  padding: 0 !important;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-container {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-content {
  gap: var(--space-3);
  min-height: 0;
  padding: var(--space-3);
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-intro {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  flex: none;
  line-height: 1.4;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-warning {
  width: 100%;
  padding: var(--space-1) var(--space-3);
  font-size: var(--type-label);
  color: var(--color-warning-ink, #8a6d1f);
  background: var(--color-warning-25, #fdf6e3);
  border: 1px solid #c8a03c4d;
  border-radius: 6px;
  flex: none;
  line-height: 1.4;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid {
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-height: 220px;
  display: flex;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid > .ag-root-wrapper, .generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid > div {
  flex-direction: column;
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-root-wrapper {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-medium);
  flex: auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-cell {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-cell.reversal-cell-right {
  justify-content: flex-end;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-cell.reversal-cell-center {
  justify-content: center;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-cell.reversal-status-cell .status-cell {
  margin: 0;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-header-cell.header-align-center .ag-header-cell-label {
  justify-content: center;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-row.ag-row-last {
  border-bottom-width: 0 !important;
}

.generic-card-container.drug-swap-reversal-card .drug-swap-reversal-grid .ag-row {
  cursor: pointer;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons {
  z-index: 10;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3);
  border-top: 1px solid var(--gray-100);
  background: none;
  border-radius: 0;
  flex: none;
  margin: 0;
  display: flex;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .action-btn-group-container {
  width: 100%;
  padding: 0;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate.disabled, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled], .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[disabled], .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"], .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[aria-disabled="true"], .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate.disabled i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[disabled] i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[aria-disabled="true"] i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:disabled i, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate.disabled .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[disabled] .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[aria-disabled="true"] .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:disabled .icon, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate.disabled svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[disabled] svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[aria-disabled="true"] svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled svg, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:disabled svg {
  color: #fff;
  font-weight: 300;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate.disabled svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[disabled] svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate[aria-disabled="true"] svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled svg *, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:focus-visible, .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:focus-visible {
  box-shadow: none;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .generic-card-container.drug-swap-reversal-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-regenerate:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.drug-swap-reversal-shell > .generic-card-container.drug-swap-reversal-card {
  margin: auto;
}

.confirm-dt-modal .dsl-list-bottom {
  padding: 0 !important;
}

.window-container.confirm-dt-modal {
  background-color: #ededed;
  padding: 2px;
}

.window-container.confirm-dt-modal .area-container {
  flex-direction: row;
  gap: 10px;
  width: 100%;
  height: 100%;
  display: flex;
}

.window-container.confirm-dt-modal .area-container > div {
  flex-basis: 50%;
}

.confirm-dt-modal .py-10 {
  padding: 10px 0;
}

.confirm-dt-modal .item-name-col {
  line-height: 2em;
  display: block;
}

.confirm-dt-modal .item-name-col-wrapper {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  display: flex;
}

.confirm-dt-modal .item-name-col span.verified, .confirm-dt-modal .item-name-col span.accepted, .confirm-dt-modal .item-name-col span.pending {
  height: 32px;
  padding-top: var(--space-3);
  margin-left: var(--space-1);
  align-items: center;
  display: inline-flex;
}

.confirm-dt-modal .item-name-col span.rejected {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.confirm-dt-modal .item-name-col span.rejected i, .confirm-dt-modal .item-name-col span.rejected .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.confirm-dt-modal .item-name-col span.rejected.disabled, .confirm-dt-modal .item-name-col span.rejected[disabled], .confirm-dt-modal .item-name-col span.rejected[aria-disabled="true"], .confirm-dt-modal .item-name-col span.rejected:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.confirm-dt-modal .item-name-col span.rejected.disabled i, .confirm-dt-modal .item-name-col span.rejected[disabled] i, .confirm-dt-modal .item-name-col span.rejected[aria-disabled="true"] i, .confirm-dt-modal .item-name-col span.rejected:disabled i, .confirm-dt-modal .item-name-col span.rejected.disabled .icon, .confirm-dt-modal .item-name-col span.rejected[disabled] .icon, .confirm-dt-modal .item-name-col span.rejected[aria-disabled="true"] .icon, .confirm-dt-modal .item-name-col span.rejected:disabled .icon, .confirm-dt-modal .item-name-col span.rejected.disabled svg, .confirm-dt-modal .item-name-col span.rejected[disabled] svg, .confirm-dt-modal .item-name-col span.rejected[aria-disabled="true"] svg, .confirm-dt-modal .item-name-col span.rejected:disabled svg {
  color: #fff;
  font-weight: 300;
}

.confirm-dt-modal .item-name-col span.rejected.disabled svg *, .confirm-dt-modal .item-name-col span.rejected[disabled] svg *, .confirm-dt-modal .item-name-col span.rejected[aria-disabled="true"] svg *, .confirm-dt-modal .item-name-col span.rejected:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.confirm-dt-modal .item-name-col span.rejected:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.confirm-dt-modal .item-name-col span.rejected:focus-visible {
  box-shadow: none;
}

.confirm-dt-modal .item-name-col span.rejected:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.confirm-dt-modal .item-name-col span.rejected:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.confirm-dt-modal .item-name-col span.accepted {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #508675, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.confirm-dt-modal .item-name-col span.accepted i, .confirm-dt-modal .item-name-col span.accepted .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.confirm-dt-modal .item-name-col span.accepted.disabled, .confirm-dt-modal .item-name-col span.accepted[disabled], .confirm-dt-modal .item-name-col span.accepted[aria-disabled="true"], .confirm-dt-modal .item-name-col span.accepted:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #80b3a2 0%, #6ca794 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#80b3a2 0%, #6ca794 100%);
  border: none;
  transform: none;
}

.confirm-dt-modal .item-name-col span.accepted.disabled i, .confirm-dt-modal .item-name-col span.accepted[disabled] i, .confirm-dt-modal .item-name-col span.accepted[aria-disabled="true"] i, .confirm-dt-modal .item-name-col span.accepted:disabled i, .confirm-dt-modal .item-name-col span.accepted.disabled .icon, .confirm-dt-modal .item-name-col span.accepted[disabled] .icon, .confirm-dt-modal .item-name-col span.accepted[aria-disabled="true"] .icon, .confirm-dt-modal .item-name-col span.accepted:disabled .icon, .confirm-dt-modal .item-name-col span.accepted.disabled svg, .confirm-dt-modal .item-name-col span.accepted[disabled] svg, .confirm-dt-modal .item-name-col span.accepted[aria-disabled="true"] svg, .confirm-dt-modal .item-name-col span.accepted:disabled svg {
  color: #fff;
  font-weight: 300;
}

.confirm-dt-modal .item-name-col span.accepted.disabled svg *, .confirm-dt-modal .item-name-col span.accepted[disabled] svg *, .confirm-dt-modal .item-name-col span.accepted[aria-disabled="true"] svg *, .confirm-dt-modal .item-name-col span.accepted:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.confirm-dt-modal .item-name-col span.accepted:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.confirm-dt-modal .item-name-col span.accepted:focus-visible {
  box-shadow: none;
}

.confirm-dt-modal .item-name-col span.accepted:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.confirm-dt-modal .item-name-col span.accepted:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.confirm-dt-modal .item-name-col span.pending {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.confirm-dt-modal .item-name-col span.pending i, .confirm-dt-modal .item-name-col span.pending .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.confirm-dt-modal .item-name-col span.pending.disabled, .confirm-dt-modal .item-name-col span.pending[disabled], .confirm-dt-modal .item-name-col span.pending[aria-disabled="true"], .confirm-dt-modal .item-name-col span.pending:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.confirm-dt-modal .item-name-col span.pending.disabled i, .confirm-dt-modal .item-name-col span.pending[disabled] i, .confirm-dt-modal .item-name-col span.pending[aria-disabled="true"] i, .confirm-dt-modal .item-name-col span.pending:disabled i, .confirm-dt-modal .item-name-col span.pending.disabled .icon, .confirm-dt-modal .item-name-col span.pending[disabled] .icon, .confirm-dt-modal .item-name-col span.pending[aria-disabled="true"] .icon, .confirm-dt-modal .item-name-col span.pending:disabled .icon, .confirm-dt-modal .item-name-col span.pending.disabled svg, .confirm-dt-modal .item-name-col span.pending[disabled] svg, .confirm-dt-modal .item-name-col span.pending[aria-disabled="true"] svg, .confirm-dt-modal .item-name-col span.pending:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.confirm-dt-modal .item-name-col span.pending.disabled svg *, .confirm-dt-modal .item-name-col span.pending[disabled] svg *, .confirm-dt-modal .item-name-col span.pending[aria-disabled="true"] svg *, .confirm-dt-modal .item-name-col span.pending:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.confirm-dt-modal .item-name-col span.pending:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.confirm-dt-modal .item-name-col span.pending:focus-visible {
  box-shadow: none;
}

.confirm-dt-modal .item-name-col span.pending:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.confirm-dt-modal .item-name-col span.pending:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.confirm-dt-modal .item-name-col-title {
  font-size: var(--type-value);
  color: var(--color-text-700);
  margin-bottom: 0;
  font-weight: 500;
}

.confirm-dt-modal .item-name-col-title img {
  margin-left: var(--space-1);
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.confirm-dt-modal .item-name-col-title img:first-child {
  margin-left: var(--space-1);
}

.confirm-dt-modal .item-name-col-subtitle {
  font-size: var(--type-value);
  color: var(--color-text);
  text-align: start;
  opacity: .7;
  margin-bottom: 0;
  font-weight: 400;
}

.confirm-dt-modal .item-name-col .container-info {
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  width: 100%;
  display: flex;
}

.confirm-dt-modal .item-name-col .container-info-flex {
  gap: 10px;
  display: flex;
}

.confirm-dt-modal .dispense-info {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  text-align: right;
  cursor: pointer;
  width: 100%;
  padding-right: var(--space-3);
  color: var(--color-text-100);
  margin: 0;
  margin-left: var(--space-1);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

.confirm-dt-modal .dispense-info__dispensed {
  color: var(--color-text);
  margin-right: var(--space-1);
  font-size: var(--type-value) !important;
  font-weight: 500 !important;
}

.confirm-dt-modal .dispense-info__pending {
  color: var(--color-text-muted-ink);
  margin-left: var(--space-1);
  font-size: var(--type-value) !important;
  font-weight: 400 !important;
}

.confirm-dt-modal .dispense-info-wrapper {
  justify-content: flex-end;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.confirm-dt-modal .dispense-info__hover {
  text-align: right;
  width: 90%;
  height: 100%;
  transition: transform .4s;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(120%);
}

.confirm-dt-modal .dispense-info__btn {
  background-color: var(--color-primary-600);
  color: #fff;
  min-width: 120px;
  font-size: var(--type-label);
  border: none;
  width: 100%;
  font-weight: 500;
}

.confirm-dt-modal .dispense-info__btn:hover {
  background-color: var(--color-primary-600);
}

.confirm-dt-modal .dispense-info__btn__plus {
  margin-bottom: 0;
  margin-top: var(--space-1);
  font-size: 18px;
}

.confirm-dt-modal .ag-cell {
  overflow: hidden;
}

.confirm-dt-modal .ag-cell-wrapper {
  min-height: 100%;
}

.confirm-dt-modal .ag-cell-wrapper:hover .dispense-info__hover {
  transform: translateX(0);
}

.confirm-dt-modal .ag-cell-value {
  height: 100%;
}

.confirm-dt-modal .header-right, .confirm-dt-modal .header-right .ag-header-cell-label {
  text-align: right;
  justify-content: end;
}

.confirm-dt-ship-info {
  gap: var(--space-3);
  height: 100%;
  max-height: 100%;
  padding: var(--space-2);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.confirm-dt-ship-info .ship-info-exceptions {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 4px;
  flex-direction: row;
  display: flex;
}

.confirm-dt-ship-info .ship-info-exceptions .exception-icon {
  font-size: var(--type-control);
  line-height: 1;
}

.confirm-dt-ship-info .ship-info-exceptions .exception-text {
  font-size: var(--type-value);
  color: #856404;
  flex: 1;
  font-weight: 500;
}

.confirm-dt-ship-info .ship-info-body {
  gap: var(--space-4);
  min-height: 0;
  padding: var(--space-4) 10px 0;
  background: none;
  flex-direction: row;
  flex: 1;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .weather-info, .confirm-dt-ship-info .ship-info-body .weather-info-spacer {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 120px;
}

.confirm-dt-ship-info .ship-info-body .weather-info .weather-content {
  align-items: center;
  gap: var(--space-1);
  flex-direction: row;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .weather-info .weather-icon {
  filter: invert(55%) sepia(20%) saturate(800%) hue-rotate(175deg) brightness(90%) contrast(85%);
  width: 48px;
  height: 48px;
}

.confirm-dt-ship-info .ship-info-body .weather-info .weather-temp {
  color: var(--color-primary-ink);
  font-size: 24px;
  font-weight: 500;
  line-height: 20px;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center {
  gap: var(--space-4);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-to-info {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-to-info .ship-to-name {
  font-size: var(--type-display-4);
  color: var(--color-text-700);
  font-weight: 500;
  line-height: 20px;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-to-info .ship-to-address {
  color: var(--color-text-700);
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-details {
  gap: var(--space-4);
  background: none;
  flex-direction: column;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-details .detail-row {
  gap: var(--space-6);
  flex-direction: row;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-details .detail-row .detail-item {
  gap: var(--space-1);
  background: none;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section {
  gap: var(--space-1);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-header .print-label-btn {
  cursor: pointer;
  font-size: var(--type-control);
  color: var(--color-primary-ink);
  line-height: 1;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-header .print-label-btn:hover {
  opacity: .7;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-preview {
  background: none;
  border-radius: 4px;
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-preview iframe, .confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-preview img {
  object-fit: contain;
  width: 100%;
  max-height: 100%;
  height: 100% !important;
}

.confirm-dt-ship-info .ship-info-body .ship-info-center .ship-info-label-section .label-preview .no-label {
  color: #adb5bd;
  height: 100%;
  font-size: var(--type-label);
  justify-content: center;
  align-items: center;
  font-style: italic;
  display: flex;
}

.confirm-dt-ship-info .info-label {
  font-size: var(--type-label);
  color: var(--color-text-700);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 20px;
}

.confirm-dt-ship-info .info-value {
  font-size: var(--type-display-4);
  color: var(--color-text-700);
  font-weight: 500;
  line-height: 20px;
}

.generic-card-container.supply-selection-card {
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.generic-card-container.supply-selection-card > .body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.generic-card-container.supply-selection-card .supply-selection-popover-container {
  flex-direction: column;
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.generic-card-container.supply-selection-card .supply-selection-content {
  gap: var(--space-3);
  min-height: 0;
  padding: 0 var(--space-1);
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}

.generic-card-container.supply-selection-card .supply-selection-content .error-message {
  padding: var(--space-3);
  margin: 0 var(--space-2);
  color: #c00;
  font-size: var(--type-value);
  background: #fee;
  border: 1px solid #fcc;
  border-radius: 6px;
  flex: none;
  align-items: center;
  display: flex;
}

.generic-card-container.supply-selection-card .supply-selection-content .error-message:before {
  content: "⚠️";
  margin-right: var(--space-2);
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-header {
  padding: var(--space-1) var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--color-border-500);
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-4);
  flex-direction: row;
  flex: none;
  display: flex;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-header .supply-selection-title-section {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-header .supply-selection-title {
  font-size: var(--type-display-4);
  color: var(--color-text-800);
  font-weight: 500;
  line-height: 1.3;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-header .supply-selection-subtitle {
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-header .supply-selection-tags {
  gap: var(--space-1);
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-end;
  max-width: 50%;
  display: flex;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-header .supply-selection-tags .supply-tag {
  padding: var(--space-1) 10px;
  font-size: var(--type-label);
  color: #3d5a80;
  white-space: nowrap;
  background-color: #e8f0fe;
  border: 1px solid #c5d8f0;
  border-radius: 8px;
  align-items: center;
  font-weight: 500;
  line-height: 1.4;
  display: inline-flex;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-search {
  padding: 0 var(--space-2);
  flex: none;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-search .supply-search-input {
  width: 100%;
  padding: 10px var(--space-3);
  font-size: var(--type-value);
  border: 1px solid var(--disabled-background-200);
  box-sizing: border-box;
  border-radius: 6px;
  outline: none;
  transition: border-color .2s;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-search .supply-search-input:focus {
  border-color: #4a90d9;
  box-shadow: 0 0 0 2px #4a90d926;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-search .supply-search-input::placeholder {
  color: var(--color-text-300);
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-grid {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0 var(--space-2) var(--space-2);
  flex: auto;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-grid > .ag-root-wrapper, .generic-card-container.supply-selection-card .supply-selection-content .supply-selection-grid > div {
  width: 100%;
  height: 100%;
}

.generic-card-container.supply-selection-card .supply-selection-content .supply-selection-grid .ag-cell-value {
  max-width: none;
}

.generic-card-container.supply-selection-card .action-btn-cnt.sticky-buttons {
  z-index: 10;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  padding: 10px var(--space-3) var(--space-3);
  background: none;
  border-top: 1px solid #c8c8c866;
  border-radius: 0;
  flex: none;
  margin: 0;
  display: flex;
}

.generic-card-container.supply-selection-card .action-btn-cnt.sticky-buttons .action-btn-group-container {
  width: 100%;
}

.generic-card-container.supply-selection-card .action-btn-cnt.sticky-buttons .base-form-button:disabled, .generic-card-container.supply-selection-card .action-btn-cnt.sticky-buttons .base-form-button.disabled {
  opacity: .5;
  cursor: not-allowed;
  pointer-events: none;
}

.generic-card-container.supply-selection-card .action-btn-cnt.sticky-buttons .base-form-button:disabled.primary, .generic-card-container.supply-selection-card .action-btn-cnt.sticky-buttons .base-form-button.disabled.primary {
  background-color: var(--color-background) !important;
  border-color: var(--color-border) !important;
}

.supply-selection-popover-shell {
  justify-content: flex-start !important;
  align-items: stretch !important;
}

.supply-selection-popover-shell > .generic-card-container.supply-selection-card {
  margin: 0 auto;
}

.error-banner {
  --edge-mark: 22px;
  --edge-notch: calc(var(--edge-mark) / 2 + 2px);
  isolation: isolate;
  border-radius: var(--radius-medium);
  padding-left: calc(var(--edge-mark) / 2 + var(--space-2));
  --edge-ring: color-mix(in srgb, var(--color-error-600) 25%, transparent);
  color: var(--color-error-ink);
  align-items: center;
  gap: var(--space-2);
  margin-left: calc(var(--edge-mark) / 2);
  padding-top: 10px;
  padding-right: var(--space-3);
  font-size: var(--type-value);
  cursor: pointer;
  background: none;
  border: 0;
  padding-bottom: 10px;
  transition: box-shadow .14s, transform .14s;
  display: flex;
  position: relative;
  box-shadow: 0 2px 8px #1419280f;
}

.error-banner:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch));
  mask: radial-gradient(circle at 0 50%, transparent calc(var(--edge-notch) - .5px), #000 var(--edge-notch));
  position: absolute;
  inset: 0;
}

.error-banner:after {
  left: calc(var(--edge-mark) / -2);
  width: var(--edge-mark);
  height: var(--edge-mark);
  margin-top: calc(var(--edge-mark) / -2);
  pointer-events: none;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1.5px var(--edge-rim);
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-size: calc(var(--edge-mark) * .6);
  text-indent: 0;
  letter-spacing: 0;
  border-radius: 50%;
  place-items: center;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 50%;
}

.error-banner:before {
  background: color-mix(in srgb, color-mix(in srgb, var(--color-error-25), var(--color-error-200)) 55%, transparent);
  box-shadow: inset 0 0 0 1px var(--edge-ring);
}

.error-banner:after {
  --edge-rim: var(--color-error-600);
  background-color: var(--color-error-50);
  color: var(--color-error-ink);
}

.error-banner:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px #1419281f;
}

.generic-card-container.lot-selection-card {
  flex-direction: column;
  display: flex;
}

.generic-card-container.lot-selection-card > .body {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.generic-card-container.lot-selection-card > .body > .lot-selection-popover-container {
  flex: auto;
  min-height: 0;
}

.generic-card-container.lot-selection-card > .body > .action-btn-cnt.sticky-buttons, .generic-card-container.lot-selection-card .lot-selection-popover-container > .action-btn-cnt.sticky-buttons {
  flex: none;
}

.lot-selection-popover-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.lot-selection-content {
  gap: var(--space-3);
  min-height: 0;
  padding: var(--space-3);
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}

.lot-selection-content .lot-selection-header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  display: flex;
}

.lot-selection-content .lot-selection-title-section {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.lot-selection-content .lot-selection-title {
  font-size: var(--type-control);
  color: var(--color-text);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  line-height: 1.3;
  overflow: hidden;
}

.lot-selection-content .lot-selection-subtitle {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.lot-selection-content .lot-selection-summary {
  align-items: center;
  gap: var(--space-3);
  flex: none;
  display: flex;
}

.lot-selection-content .lot-pull-progress {
  align-items: baseline;
  gap: var(--space-2);
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  display: inline-flex;
}

.lot-selection-content .lot-pull-progress strong {
  color: var(--color-text);
  font-weight: 500;
}

.lot-selection-content .lot-pull-progress__sep {
  color: var(--color-text-muted-ink);
}

.lot-selection-content .lot-pull-progress__remaining {
  color: var(--color-text);
  font-weight: 500;
}

.lot-selection-content .lot-pull-progress__remaining i {
  margin-right: 2px;
}

.lot-selection-content .lot-pull-progress.lot-pull-progress--complete .lot-pull-progress__remaining {
  color: #689989;
}

.lot-selection-content .lot-pull-progress.lot-pull-progress--over .lot-pull-progress__remaining {
  color: var(--color-error-ink);
}

.lot-selection-content .lot-autofill-btn {
  align-items: center;
  gap: var(--space-1);
  height: 28px;
  padding: 0 var(--space-2);
  border-radius: var(--radius-xsmall);
  font-family: inherit;
  font-size: var(--type-label);
  color: var(--color-primary-ink);
  cursor: pointer;
  background: none;
  border: 1px solid #00000014;
  font-weight: 500;
  transition: background-color .15s, border-color .15s;
  display: inline-flex;
}

.lot-selection-content .lot-autofill-btn:hover {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.lot-selection-content .lot-selection-grid {
  flex: none;
  width: 100%;
}

.lot-selection-content .lot-selection-grid .ag-root-wrapper {
  border: 1px solid var(--gray-200);
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.lot-selection-content .lot-selection-grid .ag-cell {
  font-size: var(--type-value);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lot-selection-content .lot-selection-grid .ag-cell-value {
  max-width: none;
}

.lot-selection-content .lot-selection-grid .ag-row.ag-row-last {
  border-bottom-width: 0 !important;
}

.lot-selection-content .lot-selection-grid .ag-cell.lot-cell-right {
  justify-content: flex-end;
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell {
  padding-right: var(--space-3);
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input-container {
  justify-content: flex-end;
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input {
  box-sizing: border-box;
  border-radius: var(--radius-xsmall);
  height: 32px;
  box-shadow: none;
  width: 100%;
  padding: 0 var(--space-2);
  font-size: var(--type-value);
  text-align: right;
  color: var(--color-text);
  background-color: #0000;
  border: 1px solid #00000014;
  outline: none;
  transition: background-color .15s, border-color .15s;
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input:hover:not(:disabled) {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  background-color: #fffffff2;
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input.has-errors, .lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input.has-errors:hover:not(:disabled), .lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input.has-errors:focus {
  border-color: var(--color-error-600);
  background-color: var(--color-error-25);
  color: var(--color-error-ink);
  margin: 0;
}

.lot-selection-content .lot-selection-grid .lot-quantity-cell .ag-grid-generic-input:disabled {
  background: none;
  border-color: #0000;
}

.lot-selection-content .lot-selection-grid .lot-expiration {
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}

.lot-selection-content .lot-selection-grid .lot-expiration__tag {
  white-space: nowrap;
}

.lot-selection-content .lot-selection-grid .lot-expiration--soon .lot-expiration__date {
  color: var(--color-warning-ink);
}

.lot-selection-content .lot-selection-grid .lot-expiration--soon .lot-expiration__tag {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #e4b558 var(--status-pill-tint, 20%), #fff);
  color: #84621f;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.lot-selection-content .lot-selection-grid .lot-expiration--expired .lot-expiration__tag {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.lot-selection-content .lot-selection-grid .lot-row--expired .ag-cell {
  color: var(--color-text-muted-ink);
}

.lot-selection-popover-container .lot-selection-content .error-message {
  font-size: var(--type-label);
  text-align: center;
  color: var(--color-error-ink);
  background: var(--color-error-25);
  width: fit-content;
  max-width: 100%;
  padding: var(--space-1) var(--space-3);
  border: 1px solid #e587874d;
  border-radius: 6px;
  flex: none;
  margin: 0 auto;
  font-weight: 400;
  line-height: 1.4;
  animation: .25s ease-out forwards formErrorFadeIn;
  display: block;
}

.lot-selection-popover-container .lot-selection-content .error-message:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-error-500);
  margin-right: var(--spacing-small);
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons {
  border-top: 1px solid var(--gray-100);
  padding: var(--space-3);
  z-index: 10;
  justify-content: flex-end;
  gap: var(--space-3);
  background: none;
  border-radius: 0;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .action-btn-group-container {
  width: 100%;
  padding: 0;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save i, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled], .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"], .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled i, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] i, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] i, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled i, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled .icon, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] .icon, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] .icon, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled .icon, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled svg, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] svg, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] svg, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled svg {
  color: #fff;
  font-weight: 300;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save.disabled svg *, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[disabled] svg *, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save[aria-disabled="true"] svg *, .generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:focus-visible {
  box-shadow: none;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.generic-card-container.lot-selection-card .action-btn-cnt.sticky-buttons .dsl-action-btn.btn-save:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

@media (width <= 768px) {
  .lot-selection-content .lot-selection-header {
    align-items: flex-start;
    gap: var(--space-2);
    flex-direction: column;
  }
}

.field-selection-popover {
  gap: var(--space-4);
  min-width: 420px;
  max-width: 420px;
  padding: var(--space-1);
  flex-direction: column;
  display: flex;
}

.field-selection-popover .field-selection-label-container {
  box-sizing: border-box;
  flex-direction: column;
  gap: 10px;
  display: flex;
  overflow: visible;
}

.field-selection-popover .field-selection-label-container .field-selection-label {
  font-size: var(--type-value);
  padding-left: var(--space-1);
  color: var(--color-text);
  font-family: Soehne, sans-serif;
  font-weight: 400;
}

.field-selection-popover .field-selection-footer {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.field-selection-popover .field-selection-footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.field-selection-popover .field-selection-footer .btn-cancel i, .field-selection-popover .field-selection-footer .btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.field-selection-popover .field-selection-footer .btn-cancel.disabled, .field-selection-popover .field-selection-footer .btn-cancel[disabled], .field-selection-popover .field-selection-footer .btn-cancel[aria-disabled="true"], .field-selection-popover .field-selection-footer .btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.field-selection-popover .field-selection-footer .btn-cancel.disabled i, .field-selection-popover .field-selection-footer .btn-cancel[disabled] i, .field-selection-popover .field-selection-footer .btn-cancel[aria-disabled="true"] i, .field-selection-popover .field-selection-footer .btn-cancel:disabled i, .field-selection-popover .field-selection-footer .btn-cancel.disabled .icon, .field-selection-popover .field-selection-footer .btn-cancel[disabled] .icon, .field-selection-popover .field-selection-footer .btn-cancel[aria-disabled="true"] .icon, .field-selection-popover .field-selection-footer .btn-cancel:disabled .icon, .field-selection-popover .field-selection-footer .btn-cancel.disabled svg, .field-selection-popover .field-selection-footer .btn-cancel[disabled] svg, .field-selection-popover .field-selection-footer .btn-cancel[aria-disabled="true"] svg, .field-selection-popover .field-selection-footer .btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.field-selection-popover .field-selection-footer .btn-cancel.disabled svg *, .field-selection-popover .field-selection-footer .btn-cancel[disabled] svg *, .field-selection-popover .field-selection-footer .btn-cancel[aria-disabled="true"] svg *, .field-selection-popover .field-selection-footer .btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.field-selection-popover .field-selection-footer .btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.field-selection-popover .field-selection-footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.field-selection-popover .field-selection-footer .btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.field-selection-popover .field-selection-footer .btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.field-selection-popover .field-selection-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.field-selection-popover .field-selection-footer .btn-primary i, .field-selection-popover .field-selection-footer .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.field-selection-popover .field-selection-footer .btn-primary.disabled, .field-selection-popover .field-selection-footer .btn-primary[disabled], .field-selection-popover .field-selection-footer .btn-primary[aria-disabled="true"], .field-selection-popover .field-selection-footer .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.field-selection-popover .field-selection-footer .btn-primary.disabled i, .field-selection-popover .field-selection-footer .btn-primary[disabled] i, .field-selection-popover .field-selection-footer .btn-primary[aria-disabled="true"] i, .field-selection-popover .field-selection-footer .btn-primary:disabled i, .field-selection-popover .field-selection-footer .btn-primary.disabled .icon, .field-selection-popover .field-selection-footer .btn-primary[disabled] .icon, .field-selection-popover .field-selection-footer .btn-primary[aria-disabled="true"] .icon, .field-selection-popover .field-selection-footer .btn-primary:disabled .icon, .field-selection-popover .field-selection-footer .btn-primary.disabled svg, .field-selection-popover .field-selection-footer .btn-primary[disabled] svg, .field-selection-popover .field-selection-footer .btn-primary[aria-disabled="true"] svg, .field-selection-popover .field-selection-footer .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.field-selection-popover .field-selection-footer .btn-primary.disabled svg *, .field-selection-popover .field-selection-footer .btn-primary[disabled] svg *, .field-selection-popover .field-selection-footer .btn-primary[aria-disabled="true"] svg *, .field-selection-popover .field-selection-footer .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.field-selection-popover .field-selection-footer .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.field-selection-popover .field-selection-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.field-selection-popover .field-selection-footer .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.field-selection-popover .field-selection-footer .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.field-selection-popover .field-selection-footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@media (width <= 768px) {
  .field-selection-popover {
    min-width: unset !important;
    max-width: 100% !important;
  }

  .field-selection-popover .field-select {
    min-width: unset !important;
  }
}

.ReactModalPortal .generic-card-container.field-selection-popover-card {
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  background-color: #fafafaeb !important;
  padding: 0 !important;
}

.ReactModalPortal .generic-card-container.field-selection-popover-card:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ReactModalPortal .generic-card-container.field-selection-popover-card .header {
  background-color: #0000;
  border-bottom: none;
  gap: 10px;
}

.ReactModalPortal .generic-card-container.field-selection-popover-card .header .title {
  font-size: var(--type-control);
  text-transform: none;
  color: var(--gray-700, #565a62);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ReactModalPortal .generic-card-container.field-selection-popover-card .header .arrow-container img {
  opacity: 1;
  cursor: pointer;
  width: 14px;
  height: 14px;
  transition: filter .15s;
  position: absolute;
  top: 18px;
  right: 18px;
}

.ReactModalPortal .generic-card-container.field-selection-popover-card .header .arrow-container img:hover {
  filter: brightness(.7) !important;
}

.ReactModalPortal .generic-card-container.field-selection-popover-card .body {
  background-color: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  min-width: 420px;
  box-shadow: inset 0 1px 2px #0000000a;
}

@media (width <= 768px) {
  .ReactModalPortal .generic-card-container.field-selection-popover-card .body {
    overflow: hidden;
    min-width: unset !important;
    width: 100% !important;
  }
}

.split-invoice {
  gap: var(--space-3);
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex;
}

.split-invoice .ar-window-header {
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-6);
  flex-direction: row;
  flex-shrink: 0;
  width: 100%;
  min-height: 50px;
  display: flex;
}

.split-invoice .ar-header-fields {
  align-items: flex-start;
  gap: var(--space-4);
  flex-direction: row;
  flex: 0 auto;
  min-width: 0;
  display: flex;
}

.split-invoice .ar-header-fields:empty {
  display: none;
}

.split-invoice .ar-header-info {
  align-items: flex-start;
  gap: var(--space-6);
  flex-direction: row;
  flex: 0 auto;
  min-width: 0;
  display: flex;
}

.split-invoice .ar-field {
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.split-invoice .ar-field-label {
  font-size: var(--type-label);
  color: var(--label-color);
  white-space: nowrap;
  font-weight: 500;
  line-height: normal;
}

.split-invoice .ar-field.has-errors .ar-field-label {
  color: var(--color-error-ink);
}

.split-invoice .ar-field.has-errors .ar-field-label:after {
  content: " *";
  color: var(--color-error-ink);
}

.split-invoice .ar-field-control {
  flex: none;
  width: 520px;
  max-width: 100%;
}

.split-invoice .ar-field-control .field-select .rs__control {
  min-width: 100% !important;
}

.split-invoice .ar-field-control .rs__value-container {
  margin-top: 0;
}

.split-invoice .ar-info-item {
  align-items: flex-start;
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.split-invoice .ar-info-item .control-lbl {
  font-size: var(--type-label);
  color: var(--label-color);
  white-space: nowrap;
  font-weight: 500;
  line-height: normal;
}

.split-invoice .ar-info-item .control-val {
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: var(--type-value);
  color: var(--color-text);
  white-space: nowrap;
  font-weight: 500;
  line-height: normal;
  overflow: hidden;
}

.split-invoice .ag-cell.ar-entry-cell {
  padding: 0 var(--space-3) 0 var(--space-1);
  align-items: center;
  display: flex;
}

.split-invoice .ag-cell.ar-entry-cell .ag-cell-wrapper, .split-invoice .ag-cell.ar-entry-cell .ag-cell-value {
  flex: auto;
  width: 100%;
  min-width: 0;
}

.split-invoice .ag-header-cell.ar-entry-header {
  padding-right: calc(var(--space-3) + var(--space-2) - var(--nudge-1)) !important;
}

.split-invoice .ar-entry-cell .ar-entry-control {
  align-items: center;
  width: 100%;
  display: flex;
}

.split-invoice .ar-entry-cell .ag-grid-currency-input-container, .split-invoice .ar-entry-cell .ag-grid-generic-input-container {
  width: 100%;
  height: auto;
}

.split-invoice .ar-entry-cell .ag-grid-currency-input, .split-invoice .ar-entry-cell .ag-grid-generic-input {
  box-sizing: border-box;
  border-radius: var(--radius-xsmall);
  height: 32px;
  box-shadow: none;
  width: 100%;
  padding: 0 var(--space-2);
  font-family: inherit;
  font-size: inherit;
  font-variant-numeric: tabular-nums slashed-zero;
  text-align: right;
  color: var(--color-text);
  background-color: #0000;
  border: 1px solid #00000014;
  outline: none;
  font-weight: 400;
  line-height: normal;
  transition: background-color .15s, border-color .15s;
}

.split-invoice .ar-entry-cell .ag-grid-currency-input:hover:not(:disabled), .split-invoice .ar-entry-cell .ag-grid-generic-input:hover:not(:disabled) {
  background-color: #ffffffd9;
  border-color: #00000024;
}

.split-invoice .ar-entry-cell .ag-grid-currency-input:focus, .split-invoice .ar-entry-cell .ag-grid-generic-input:focus {
  border-color: color-mix(in srgb, var(--color-primary) 65%, transparent);
  background-color: #fffffff2;
}

.split-invoice .ar-totals-bar {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-4);
  min-height: 44px;
  padding: var(--space-1) var(--space-3);
  background-color: var(--color-background-400);
  border: 1px solid var(--grid-edge);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-shrink: 0;
  display: flex;
}

.split-invoice .ar-totals-bar .totals-label {
  align-items: baseline;
  gap: var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  line-height: 1.2;
  display: flex;
}

.split-invoice .ar-totals-bar .totals-label span {
  padding: 2px var(--space-1);
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  font-variant-numeric: tabular-nums;
  color: var(--color-text);
  line-height: 20px;
}

.split-invoice .dsl-advanced-grid:has( > .ar-totals-bar) .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.split-invoice .control-lbl {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--color-text-muted-ink);
  margin-bottom: 0;
}

.split-invoice .control-val {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--color-text);
}

.split-invoice .date-input {
  border: 1px solid var(--gray-100);
  width: fit-content;
  min-width: 0;
  height: 44px;
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  background-color: var(--white);
  cursor: pointer;
  align-items: center;
  gap: var(--space-1);
  border-radius: 8px;
  outline: none;
  padding: 0 10px;
  font-weight: 500;
  transition: border-color .15s;
  display: flex;
  box-shadow: inset 0 1px 2px 1px #38383814;
}

.split-invoice .date-input::-webkit-calendar-picker-indicator {
  opacity: 1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23838894' d='M152 24c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L64 64C28.7 64 0 92.7 0 128l0 16 0 48L0 448c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-256 0-48 0-16c0-35.3-28.7-64-64-64l-40 0 0-40c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 40L152 64l0-40zM48 192l352 0 0 256c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256z'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px 13px;
}

.split-invoice .date-input:hover {
  border-color: #cbd5e0;
}

.split-invoice .date-input:focus {
  border-color: #90a4b8;
  box-shadow: 0 0 0 2px #90a4b826, inset 0 1px 2px 1px #38383814;
}

.split-invoice .ag-root-wrapper {
  border-bottom: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.split-invoice .action-btn-cnt {
  flex-shrink: 0;
  justify-content: flex-end;
  margin-top: auto;
}

.split-invoice .action-btn-cnt .action-btn-group-cnt {
  padding: 0 !important;
}

.split-invoice > .dsl-advanced-grid {
  flex-direction: column;
  flex: 1;
  height: auto;
  min-height: 120px;
  display: flex;
}

.split-invoice > .dsl-advanced-grid .ag-root-wrapper {
  flex: 1;
  min-height: 0;
}

.split-invoice .new-invoice-groups-container {
  gap: var(--space-3);
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.split-invoice .new-invoice-group {
  gap: var(--space-3);
  flex-direction: column;
  flex: 1;
  min-height: 140px;
  display: flex;
}

.split-invoice .new-invoice-group .dsl-advanced-grid {
  flex-direction: column;
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
}

.split-invoice .new-invoice-group .dsl-advanced-grid .ag-root-wrapper {
  flex: 1;
  min-height: 0;
}

body > div[class*="ag-theme"]:has( > .ag-dnd-ghost) {
  z-index: 999999 !important;
}

.next-payer .rs__value-container {
  flex-wrap: nowrap;
  height: 100%;
}

.new-invoice-group .dsl-advanced-grid .ag-root-wrapper-body {
  overflow: hidden;
}

.new-invoice-group .dsl-advanced-grid .ag-overlay-no-rows-wrapper {
  padding-top: var(--space-1);
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.new-invoice-group .dsl-advanced-grid .ag-overlay-no-rows-wrapper svg, .new-invoice-group .dsl-advanced-grid .ag-overlay-no-rows-wrapper img {
  max-width: 24px;
  max-height: 24px;
}

.rebill-invoice .ag-root-wrapper {
  border-bottom: 1px solid var(--gray-200) !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rebill-invoice .new-invoice-group .dsl-advanced-grid .ag-root-wrapper-body {
  overflow: hidden;
}

.rebill-invoice .new-invoice-group .dsl-advanced-grid .ag-overlay-no-rows-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 0;
}

.rebill-invoice .new-invoice-group .dsl-advanced-grid .ag-overlay-no-rows-wrapper svg, .rebill-invoice .new-invoice-group .dsl-advanced-grid .ag-overlay-no-rows-wrapper img {
  max-width: none;
  max-height: none;
}

.rebill-invoice .new-invoice-groups-container {
  margin-top: var(--space-3);
  overflow-y: auto;
}

.rebill-invoice .new-invoice-groups-container:has( > .new-invoice-group:nth-child(3)) {
  padding-right: var(--space-1);
}

.rebill-invoice .new-invoice-group {
  flex: 1 0 220px;
  min-height: 220px;
}

.refund-modal .refund-modal-content .refund-info {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  padding: var(--space-4) var(--space-5);
  margin-bottom: var(--space-5);
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .refund-info .refund-detail-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.refund-modal .refund-modal-content .refund-info .refund-detail-row .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--color-text);
  margin-bottom: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .refund-info .refund-detail-row .ant-typography.ant-typography-secondary {
  color: var(--color-text-muted-ink);
}

.refund-modal .refund-modal-content .refund-error {
  margin-bottom: var(--space-5);
  border-radius: 8px;
}

.refund-modal .refund-modal-content .refund-error .ant-alert {
  border-radius: 8px;
}

.refund-modal .refund-modal-content .refund-type-selection {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  padding: var(--space-4) var(--space-5);
  margin-bottom: var(--space-5);
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .refund-type-selection h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  font-weight: 500;
}

.refund-modal .refund-modal-content .refund-type-selection .ant-radio-group {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.refund-modal .refund-modal-content .refund-type-selection .ant-radio-group .ant-radio-wrapper {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
}

.refund-modal .refund-modal-content .refund-type-selection .ant-radio-group .ant-radio-wrapper.ant-radio-wrapper-checked {
  color: var(--gray-700, #565a62);
  font-weight: 500;
}

.refund-modal .refund-modal-content .refund-loading {
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  padding: 48px var(--space-6);
  background: var(--white);
  border: 1px dashed var(--gray-300, #b6bac2);
  border-radius: 12px;
  flex-direction: column;
  display: flex;
}

.refund-modal .refund-modal-content .refund-loading .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: var(--color-text-muted-ink);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
}

.refund-modal .refund-modal-content .transactions-list h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  font-weight: 500;
}

.refund-modal .refund-modal-content .transactions-list .ant-list {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  margin-bottom: var(--space-5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item {
  border-bottom: 1px solid var(--gray-100, #e3e5e8);
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: all .2s;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item:hover {
  background: var(--gray-50, #f8f9fa);
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item.selected {
  background: linear-gradient(135deg, #fff5f5 0%, #ffeded 100%);
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item.selected .transaction-content {
  border-left: 4px solid #ff4d4f;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item.selected .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
}

.refund-modal .refund-modal-content .transactions-list .ant-list .ant-list-item:last-child {
  border-bottom: none;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content {
  width: 100%;
  padding: var(--space-4) var(--space-5);
  border-left: 4px solid #0000;
  justify-content: space-between;
  align-items: center;
  transition: border-color .2s;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-card {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-card .card-icon {
  font-size: var(--icon-size-sm);
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-card .card-info {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
  font-weight: 500;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-details {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-details .ant-typography-secondary {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-main .transaction-details .txn-id {
  font-family: monospace;
  font-size: var(--type-label);
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-amount {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-amount .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control);
  color: var(--gray-700, #565a62);
  font-weight: 500;
}

.refund-modal .refund-modal-content .transactions-list .transaction-item .transaction-content .transaction-amount .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  padding: var(--space-4) var(--space-5);
  margin-top: var(--space-4);
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  font-weight: 500;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-radio-group {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-radio-group .ant-radio-wrapper {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  border-color: var(--gray-200, #d7dae0);
  border-radius: 8px;
  height: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number .ant-input-number-input-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number .ant-input-number-input-wrap input {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  height: 100%;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number:focus, .refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number:hover {
  border-color: #ff4d4f;
}

.refund-modal .refund-modal-content .transactions-list .partial-refund-section .amount-options .ant-input-number.ant-input-number-focused {
  box-shadow: 0 0 0 2px #ff4d4f1a;
}

.refund-modal .refund-modal-content .transactions-list .no-transactions-notice {
  padding: 10px var(--space-3);
  border: 1px solid var(--gray-100);
  background: #fafbfc;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.refund-modal .refund-modal-content .transactions-list .no-transactions-notice .no-transactions-notice__icon {
  color: var(--color-error-ink);
  font-size: var(--type-control);
  flex-shrink: 0;
  margin-top: 2px;
}

.refund-modal .refund-modal-content .transactions-list .no-transactions-notice .no-transactions-notice__content {
  flex: 1;
}

.refund-modal .refund-modal-content .transactions-list .no-transactions-notice .no-transactions-notice__title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700);
  margin-bottom: 2px;
  font-weight: 500;
}

.refund-modal .refund-modal-content .transactions-list .no-transactions-notice .no-transactions-notice__description {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  line-height: 1.4;
}

.refund-modal .refund-modal-content .unreferenced-refund h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  font-weight: 500;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  margin-bottom: var(--space-5);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item {
  border-bottom: 1px solid var(--gray-100, #e3e5e8);
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: all .2s;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item:hover {
  background: var(--gray-50, #f8f9fa);
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item.selected {
  background: linear-gradient(135deg, #fff5f5 0%, #ffeded 100%);
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item.selected .payment-method-content {
  border-left: 4px solid #ff4d4f;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item.selected .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
}

.refund-modal .refund-modal-content .unreferenced-refund .ant-list .ant-list-item:last-child {
  border-bottom: none;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content {
  width: 100%;
  padding: var(--space-4) var(--space-5);
  border-left: 4px solid #0000;
  justify-content: space-between;
  align-items: center;
  transition: border-color .2s;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-icon {
  font-size: var(--icon-size-lg);
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-details {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-details .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .card-info .card-details .hsa-badge {
  color: #fff;
  padding: 2px var(--space-2);
  font-size: var(--type-micro);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  background: linear-gradient(135deg, #ff7a45 0%, #ff9a6c 100%);
  border-radius: 4px;
  align-items: center;
  font-weight: 500;
  display: inline-flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .payment-method-item .payment-method-content .selected-indicator {
  color: #ff4d4f;
  background: #ff4d4f1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  padding: var(--space-4) var(--space-5);
  margin-top: var(--space-4);
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  font-weight: 500;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  border-color: var(--gray-200, #d7dae0);
  border-radius: 8px;
  height: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number .ant-input-number-input-wrap {
  align-items: center;
  height: 100%;
  display: flex;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number .ant-input-number-input-wrap input {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  height: 100%;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number:focus, .refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number:hover {
  border-color: #ff4d4f;
}

.refund-modal .refund-modal-content .unreferenced-refund .unreferenced-amount-section .ant-input-number.ant-input-number-focused {
  box-shadow: 0 0 0 2px #ff4d4f1a;
}

.refund-modal .refund-modal-content .refund-reason-section {
  background: var(--white);
  border: 1px solid var(--gray-200, #d7dae0);
  padding: var(--space-4) var(--space-5);
  margin-top: var(--space-4);
  border-radius: 12px;
  box-shadow: 0 1px 4px #18100a14;
}

.refund-modal .refund-modal-content .refund-reason-section h5.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  margin-bottom: var(--space-3);
  font-weight: 500;
}

.refund-modal .refund-modal-content .refund-reason-section .refund-reason-input {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  width: 100%;
  padding: 10px var(--space-3);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  border: 1px solid var(--gray-200, #d7dae0);
  border-radius: 8px;
  outline: none;
  transition: all .2s;
}

.refund-modal .refund-modal-content .refund-reason-section .refund-reason-input:focus {
  border-color: #ff4d4f;
  box-shadow: 0 0 0 2px #ff4d4f1a;
}

.refund-modal .refund-modal-content .refund-reason-section .refund-reason-input::placeholder {
  color: var(--gray-400, #9b9fa8);
}

.refund-modal .refund-modal__footer {
  padding: var(--space-2) 0 0 0;
  border-top: 1px solid #0000000f;
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.refund-modal .refund-modal__footer .cancel-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.refund-modal .refund-modal__footer .cancel-btn i, .refund-modal .refund-modal__footer .cancel-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.refund-modal .refund-modal__footer .cancel-btn.disabled, .refund-modal .refund-modal__footer .cancel-btn[disabled], .refund-modal .refund-modal__footer .cancel-btn[aria-disabled="true"], .refund-modal .refund-modal__footer .cancel-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.refund-modal .refund-modal__footer .cancel-btn.disabled i, .refund-modal .refund-modal__footer .cancel-btn[disabled] i, .refund-modal .refund-modal__footer .cancel-btn[aria-disabled="true"] i, .refund-modal .refund-modal__footer .cancel-btn:disabled i, .refund-modal .refund-modal__footer .cancel-btn.disabled .icon, .refund-modal .refund-modal__footer .cancel-btn[disabled] .icon, .refund-modal .refund-modal__footer .cancel-btn[aria-disabled="true"] .icon, .refund-modal .refund-modal__footer .cancel-btn:disabled .icon, .refund-modal .refund-modal__footer .cancel-btn.disabled svg, .refund-modal .refund-modal__footer .cancel-btn[disabled] svg, .refund-modal .refund-modal__footer .cancel-btn[aria-disabled="true"] svg, .refund-modal .refund-modal__footer .cancel-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.refund-modal .refund-modal__footer .cancel-btn.disabled svg *, .refund-modal .refund-modal__footer .cancel-btn[disabled] svg *, .refund-modal .refund-modal__footer .cancel-btn[aria-disabled="true"] svg *, .refund-modal .refund-modal__footer .cancel-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.refund-modal .refund-modal__footer .cancel-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.refund-modal .refund-modal__footer .cancel-btn:focus-visible {
  box-shadow: none;
}

.refund-modal .refund-modal__footer .cancel-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.refund-modal .refund-modal__footer .cancel-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.refund-modal .refund-modal__footer .cancel-btn i {
  font-size: var(--type-value);
}

.refund-modal .refund-modal__footer .refund-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.refund-modal .refund-modal__footer .refund-btn i, .refund-modal .refund-modal__footer .refund-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.refund-modal .refund-modal__footer .refund-btn.disabled, .refund-modal .refund-modal__footer .refund-btn[disabled], .refund-modal .refund-modal__footer .refund-btn[aria-disabled="true"], .refund-modal .refund-modal__footer .refund-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.refund-modal .refund-modal__footer .refund-btn.disabled i, .refund-modal .refund-modal__footer .refund-btn[disabled] i, .refund-modal .refund-modal__footer .refund-btn[aria-disabled="true"] i, .refund-modal .refund-modal__footer .refund-btn:disabled i, .refund-modal .refund-modal__footer .refund-btn.disabled .icon, .refund-modal .refund-modal__footer .refund-btn[disabled] .icon, .refund-modal .refund-modal__footer .refund-btn[aria-disabled="true"] .icon, .refund-modal .refund-modal__footer .refund-btn:disabled .icon, .refund-modal .refund-modal__footer .refund-btn.disabled svg, .refund-modal .refund-modal__footer .refund-btn[disabled] svg, .refund-modal .refund-modal__footer .refund-btn[aria-disabled="true"] svg, .refund-modal .refund-modal__footer .refund-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.refund-modal .refund-modal__footer .refund-btn.disabled svg *, .refund-modal .refund-modal__footer .refund-btn[disabled] svg *, .refund-modal .refund-modal__footer .refund-btn[aria-disabled="true"] svg *, .refund-modal .refund-modal__footer .refund-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.refund-modal .refund-modal__footer .refund-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.refund-modal .refund-modal__footer .refund-btn:focus-visible {
  box-shadow: none;
}

.refund-modal .refund-modal__footer .refund-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.refund-modal .refund-modal__footer .refund-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.refund-modal .auth-success {
  text-align: center;
  padding: var(--space-6) var(--space-4);
}

.refund-modal .auth-success .success-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto var(--space-4);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.refund-modal .auth-success .success-icon i {
  color: #76ad9b;
  font-size: 28px;
}

.refund-modal .auth-success h4.ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  color: #76ad9b;
  margin-bottom: var(--space-4);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

.refund-modal .auth-success .success-detail {
  padding: var(--space-2) var(--space-4);
  margin-bottom: var(--space-2);
  background: #fafbfc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.refund-modal .auth-success .success-detail .ant-typography {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
}

.refund-modal .auth-success .success-detail .ant-typography.ant-typography-secondary {
  color: var(--color-text-muted-ink);
}

.refund-modal .auth-success .success-detail code {
  font-family: monospace;
  font-size: var(--type-label);
  padding: 2px var(--space-1);
  background: #f0f0f0;
  border-radius: 4px;
}

.generic-card-container.batch-backdate-modal {
  width: 94vw;
  max-width: 1800px;
  margin: 0 auto;
}

.generic-card-container.batch-backdate-modal .header .title {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  letter-spacing: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-control) !important;
  text-transform: none !important;
  font-weight: 500 !important;
}

.generic-card-container.batch-backdate-modal .body {
  padding-top: var(--space-1) !important;
  background-color: #0000 !important;
}

.generic-card-container.batch-backdate-modal .dsl-list-tab-container {
  background: none !important;
  border-color: #0000 !important;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__content {
  gap: var(--space-2);
  flex-direction: column;
  flex: auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__subtitle {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--gray-700, #565a62);
  padding: 0 var(--space-1);
  text-align: center;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__subtitle em {
  font-style: italic;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__grid {
  flex-direction: column;
  height: 72vh;
  min-height: 0;
  display: flex;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__grid > * {
  flex: auto;
  min-height: 0;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__empty, .generic-card-container.batch-backdate-modal .batch-backdate-modal__error {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
  justify-content: center;
  align-items: center;
  display: flex;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__error {
  color: var(--color-error-ink);
}

.generic-card-container.batch-backdate-modal .dsl-list-bottom {
  padding-bottom: 0 !important;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__footer {
  padding: var(--space-1) var(--space-4) 0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__summary {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text-muted-ink);
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  min-width: 110px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel.disabled, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[disabled], .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[aria-disabled="true"], .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel.disabled i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[disabled] i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[aria-disabled="true"] i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:disabled i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel.disabled .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[disabled] .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[aria-disabled="true"] .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:disabled .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel.disabled svg, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[disabled] svg, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[aria-disabled="true"] svg, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel.disabled svg *, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[disabled] svg *, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel[aria-disabled="true"] svg *, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:focus-visible {
  box-shadow: none;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  min-width: 150px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform.disabled, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[disabled], .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[aria-disabled="true"], .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform.disabled i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[disabled] i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[aria-disabled="true"] i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:disabled i, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform.disabled .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[disabled] .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[aria-disabled="true"] .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:disabled .icon, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform.disabled svg, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[disabled] svg, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[aria-disabled="true"] svg, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:disabled svg {
  color: #fff;
  font-weight: 300;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform.disabled svg *, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[disabled] svg *, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform[aria-disabled="true"] svg *, .generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:focus-visible {
  box-shadow: none;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.generic-card-container.batch-backdate-modal .batch-backdate-modal__btn-perform:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.list-selection-popover-container {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible clip;
}

.list-selection-popover-container .list-selection-content {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: visible clip;
}

.list-selection-popover-container .list-selection-content .list-selection-grid {
  flex: 1;
  min-height: 0;
  overflow: visible clip;
}

.list-selection-popover-container .list-selection-content .list-selection-grid .dsl-advanced-grid {
  height: 100%;
}

.list-selection-popover-container .list-selection-footer {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid var(--border-color, #e0e0e0);
  background-color: var(--card-bg, #fff);
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.list-selection-popover-container .list-selection-footer .selection-count {
  font-size: var(--type-value);
  color: var(--text-secondary, #666);
}

.list-selection-popover-container .list-selection-footer .done-button {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.list-selection-popover-container .list-selection-footer .done-button i, .list-selection-popover-container .list-selection-footer .done-button .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.list-selection-popover-container .list-selection-footer .done-button.disabled, .list-selection-popover-container .list-selection-footer .done-button[disabled], .list-selection-popover-container .list-selection-footer .done-button[aria-disabled="true"], .list-selection-popover-container .list-selection-footer .done-button:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.list-selection-popover-container .list-selection-footer .done-button.disabled i, .list-selection-popover-container .list-selection-footer .done-button[disabled] i, .list-selection-popover-container .list-selection-footer .done-button[aria-disabled="true"] i, .list-selection-popover-container .list-selection-footer .done-button:disabled i, .list-selection-popover-container .list-selection-footer .done-button.disabled .icon, .list-selection-popover-container .list-selection-footer .done-button[disabled] .icon, .list-selection-popover-container .list-selection-footer .done-button[aria-disabled="true"] .icon, .list-selection-popover-container .list-selection-footer .done-button:disabled .icon, .list-selection-popover-container .list-selection-footer .done-button.disabled svg, .list-selection-popover-container .list-selection-footer .done-button[disabled] svg, .list-selection-popover-container .list-selection-footer .done-button[aria-disabled="true"] svg, .list-selection-popover-container .list-selection-footer .done-button:disabled svg {
  color: #fff;
  font-weight: 300;
}

.list-selection-popover-container .list-selection-footer .done-button.disabled svg *, .list-selection-popover-container .list-selection-footer .done-button[disabled] svg *, .list-selection-popover-container .list-selection-footer .done-button[aria-disabled="true"] svg *, .list-selection-popover-container .list-selection-footer .done-button:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.list-selection-popover-container .list-selection-footer .done-button:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.list-selection-popover-container .list-selection-footer .done-button:focus-visible {
  box-shadow: none;
}

.list-selection-popover-container .list-selection-footer .done-button:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.list-selection-popover-container .list-selection-footer .done-button:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-window {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  height: 100%;
  min-height: 0;
  display: grid;
}

.ss-generate-source {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.ss-generate-source .wizard-bottom-bar {
  display: none;
}

.ss-generate-source .cardarea.ss_message {
  padding-bottom: 0;
}

#application .ss-generate-window > .ss-generate-source .form-container.form-read-mode .cardarea.ss_message {
  border-left-width: 0;
  border-right-width: 0;
}

#application .ss-generate-window > .ss-generate-source > .form-container > .dsl-templ-area {
  border-radius: var(--radius-medium, 8px);
}

.ss-generate-window > .ss-generate-source {
  border: none;
  border-radius: 0;
  padding: 0;
}

.ss-generate-window-panel {
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ss-generate-wizard {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ss-generate-wizard-card {
  background: #fafafa;
  border: 1px solid #58505b1f;
  border-radius: 12px;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.ss-generate-wizard-header {
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4) var(--space-2);
  border-bottom: 1px solid #58505b1f;
  flex-direction: column;
  flex: none;
  display: flex;
}

.ss-generate-wizard-title {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.ss-generate-wizard-heading {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}

.ss-generate-wizard-heading > i {
  font-size: var(--type-label);
  color: var(--color-text-500);
}

.ss-generate-wizard-count {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  white-space: nowrap;
}

.ss-generate-wizard-body {
  min-height: 0;
  padding: var(--space-3);
  flex-direction: column;
  flex: auto;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.ss-generate-step-pane.is-active {
  display: contents;
}

.ss-generate-step-pane.is-kept {
  inset: var(--space-3);
  visibility: hidden;
  pointer-events: none;
  flex-direction: column;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.ss-generate-step {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.ss-generate-step > * {
  flex: auto;
  min-height: 0;
}

.ss-generate-record-step {
  flex-direction: column;
  flex: auto;
  gap: 10px;
  min-height: 0;
  display: flex;
}

.ss-generate-record-step > .intake-form-record-handler {
  flex: auto;
  min-height: 0;
}

.ss-generate-record-step .ss-generate-existing-row {
  background: #f1faf6;
}

.ss-generate-record-step .ss-generate-existing-row:not(.ag-row-selected) .ag-cell {
  border-top: 1px solid #a8ccbf;
  border-bottom: 1px solid #a8ccbf;
}

.ss-generate-record-step .dsl-advanced-grid .ag-row.ss-generate-existing-row:not(.ag-row-selected) .ag-cell {
  border-top-color: #a8ccbf !important;
  border-bottom-color: #a8ccbf !important;
}

.ss-generate-record-step .ss-generate-linked-row {
  font-weight: 500;
}

.ss-generate-step-lede {
  gap: var(--space-2);
  font-size: var(--type-value);
  color: #717680;
  flex-shrink: 0;
  align-items: flex-start;
  line-height: 1.45;
  display: flex;
}

.ss-generate-step-lede > i {
  color: #837bb2;
  font-size: var(--type-value);
  line-height: inherit;
}

.ss-generate-step-lede strong {
  color: var(--color-text-700);
}

.ss-generate-lede-green {
  color: var(--color-success-ink);
  font-weight: 500;
}

.ss-generate-back-link {
  padding: 0 0 var(--space-2);
  font-size: var(--type-value);
  color: #837bb2;
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  align-self: flex-start;
}

.ss-generate-back-link:hover {
  text-decoration: underline;
}

.ss-generate-empty {
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  color: #717680;
  font-size: var(--type-value);
  text-align: center;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.ss-generate-empty > i {
  font-size: var(--icon-size-xl);
  opacity: .6;
  color: #837bb2;
}

#application .ss-generate-wizard .intake-wizard-stepper {
  padding-top: var(--space-2);
  margin-top: calc(var(--space-2) * -1);
  overflow: auto hidden;
}

#application .ss-generate-wizard .intake-wizard-stepper .MuiStepper-root {
  min-width: min-content;
}

#application .ss-generate-wizard .intake-wizard-stepper .MuiStep-root {
  flex: 1 0 96px;
  min-width: 96px;
  padding: 0;
}

#application .ss-generate-wizard .intake-wizard-stepper .MuiStepConnector-root {
  left: calc(22px - 50%);
  right: calc(50% + 22px);
}

.ss-generate-wizard .MuiStepButton-root .MuiTouchRipple-root {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  top: 40px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.ss-generate-choice {
  gap: var(--space-3);
  padding: var(--space-1) 2px;
  flex-direction: column;
  display: flex;
}

.ss-generate-choice-lede {
  align-items: center;
  gap: var(--space-2);
  padding: 10px var(--space-3);
  background: var(--color-warning-25);
  border: 1px solid var(--color-warning-100);
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-warning-ink);
  border-radius: 8px;
  display: flex;
}

.ss-generate-choice-lede > i {
  font-size: var(--type-control);
  color: var(--color-warning-ink);
  flex: none;
}

.ss-generate-choice-lede > div {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.ss-generate-choice-lede strong {
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

.ss-generate-choice-lede span {
  color: var(--color-warning-ink);
  opacity: .85;
  font-family: Soehne, sans-serif;
}

.ss-generate-source {
  gap: var(--space-1);
  padding: 10px var(--space-3);
  border: 1px solid var(--color-border-500);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.ss-generate-source-title {
  font-family: Soehne, sans-serif;
  font-weight: normal;
  font-size: var(--type-label);
  color: var(--color-text-600);
}

.ss-generate-source-values {
  gap: 6px var(--space-5);
  flex-wrap: wrap;
  display: flex;
}

.ss-generate-source-field, .ss-generate-candidate-field {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.ss-generate-source-label {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
}

.ss-generate-source-value {
  font-family: Soehne, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  overflow-wrap: anywhere;
}

.ss-generate-candidates {
  flex-direction: column;
  gap: 10px;
  max-height: 420px;
  display: flex;
  overflow-y: auto;
}

.ss-generate-candidate {
  gap: var(--space-2);
  padding: 10px var(--space-3);
  border: 1px solid var(--color-border-500);
  border-radius: 8px;
  flex-direction: column;
  display: flex;
}

.ss-generate-candidate--linked {
  border-color: var(--color-warning-100);
  background: var(--color-warning-25);
}

.ss-generate-candidate-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.ss-generate-candidate-title {
  font-family: Soehne, sans-serif;
  font-weight: normal;
  font-size: var(--type-value);
  color: var(--color-text);
}

.ss-generate-candidate-badge {
  align-items: center;
  gap: var(--space-1);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-warning-ink);
  white-space: nowrap;
  display: inline-flex;
}

.ss-generate-candidate-fields {
  gap: 6px var(--space-5);
  flex-wrap: wrap;
  display: flex;
}

.ss-generate-candidate-field--differs .ss-generate-source-value {
  color: var(--color-warning-ink);
  font-family: Soehne, sans-serif;
  font-weight: normal;
}

.ss-generate-candidate-field--differs .ss-generate-source-label:after {
  content: " differs";
  color: var(--color-warning-ink);
}

.ss-generate-choice-actions {
  gap: var(--space-2);
  grid-template-columns: 1fr 1fr;
  align-self: flex-start;
  display: inline-grid;
}

.ss-generate-choice-btn {
  gap: var(--space-1);
  text-align: center;
  text-transform: uppercase;
  height: 36px;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  flex: none;
  height: 40px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  padding-top: var(--spacing-standard) !important;
  padding-right: var(--spacing-xlarge) !important;
  padding-bottom: var(--spacing-standard) !important;
  padding-left: var(--spacing-xlarge) !important;
  border-radius: .6rem !important;
  overflow: visible !important;
}

.ss-generate-choice-btn .inner-cont .icon {
  font-weight: 300;
  line-height: 1;
  width: 18px !important;
  height: 18px !important;
}

.ss-generate-choice-btn .inner-cont p.label {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  letter-spacing: 0;
  margin: 0;
  line-height: 20px;
}

.ss-generate-choice-btn .inner-cont .label-stack {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-micro);
  line-height: var(--line-height-xxsmall);
  letter-spacing: 0;
  text-align: left;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  display: inline-flex;
}

.ss-generate-choice-btn.style-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn.style-primary i, .ss-generate-choice-btn.style-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.style-primary.disabled, .ss-generate-choice-btn.style-primary[disabled], .ss-generate-choice-btn.style-primary[aria-disabled="true"], .ss-generate-choice-btn.style-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.style-primary.disabled i, .ss-generate-choice-btn.style-primary[disabled] i, .ss-generate-choice-btn.style-primary[aria-disabled="true"] i, .ss-generate-choice-btn.style-primary:disabled i, .ss-generate-choice-btn.style-primary.disabled .icon, .ss-generate-choice-btn.style-primary[disabled] .icon, .ss-generate-choice-btn.style-primary[aria-disabled="true"] .icon, .ss-generate-choice-btn.style-primary:disabled .icon, .ss-generate-choice-btn.style-primary.disabled svg, .ss-generate-choice-btn.style-primary[disabled] svg, .ss-generate-choice-btn.style-primary[aria-disabled="true"] svg, .ss-generate-choice-btn.style-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ss-generate-choice-btn.style-primary.disabled svg *, .ss-generate-choice-btn.style-primary[disabled] svg *, .ss-generate-choice-btn.style-primary[aria-disabled="true"] svg *, .ss-generate-choice-btn.style-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn.style-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn.style-primary:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn.style-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn.style-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn.style-info {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn.style-info i, .ss-generate-choice-btn.style-info .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.style-info.disabled, .ss-generate-choice-btn.style-info[disabled], .ss-generate-choice-btn.style-info[aria-disabled="true"], .ss-generate-choice-btn.style-info:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.style-info.disabled i, .ss-generate-choice-btn.style-info[disabled] i, .ss-generate-choice-btn.style-info[aria-disabled="true"] i, .ss-generate-choice-btn.style-info:disabled i, .ss-generate-choice-btn.style-info.disabled .icon, .ss-generate-choice-btn.style-info[disabled] .icon, .ss-generate-choice-btn.style-info[aria-disabled="true"] .icon, .ss-generate-choice-btn.style-info:disabled .icon, .ss-generate-choice-btn.style-info.disabled svg, .ss-generate-choice-btn.style-info[disabled] svg, .ss-generate-choice-btn.style-info[aria-disabled="true"] svg, .ss-generate-choice-btn.style-info:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ss-generate-choice-btn.style-info.disabled svg *, .ss-generate-choice-btn.style-info[disabled] svg *, .ss-generate-choice-btn.style-info[aria-disabled="true"] svg *, .ss-generate-choice-btn.style-info:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn.style-info:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn.style-info:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn.style-info:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn.style-info:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn.style-error {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #9d4747, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn.style-error i, .ss-generate-choice-btn.style-error .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.style-error.disabled, .ss-generate-choice-btn.style-error[disabled], .ss-generate-choice-btn.style-error[aria-disabled="true"], .ss-generate-choice-btn.style-error:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #c47c7c 0%, #ba6666 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#c47c7c 0%, #ba6666 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.style-error.disabled i, .ss-generate-choice-btn.style-error[disabled] i, .ss-generate-choice-btn.style-error[aria-disabled="true"] i, .ss-generate-choice-btn.style-error:disabled i, .ss-generate-choice-btn.style-error.disabled .icon, .ss-generate-choice-btn.style-error[disabled] .icon, .ss-generate-choice-btn.style-error[aria-disabled="true"] .icon, .ss-generate-choice-btn.style-error:disabled .icon, .ss-generate-choice-btn.style-error.disabled svg, .ss-generate-choice-btn.style-error[disabled] svg, .ss-generate-choice-btn.style-error[aria-disabled="true"] svg, .ss-generate-choice-btn.style-error:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ss-generate-choice-btn.style-error.disabled svg *, .ss-generate-choice-btn.style-error[disabled] svg *, .ss-generate-choice-btn.style-error[aria-disabled="true"] svg *, .ss-generate-choice-btn.style-error:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn.style-error:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn.style-error:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn.style-error:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn.style-error:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn.style-warning {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #bd6d2c, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn.style-warning i, .ss-generate-choice-btn.style-warning .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.style-warning.disabled, .ss-generate-choice-btn.style-warning[disabled], .ss-generate-choice-btn.style-warning[aria-disabled="true"], .ss-generate-choice-btn.style-warning:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #dc9c69 0%, #d68c51 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#dc9c69 0%, #d68c51 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.style-warning.disabled i, .ss-generate-choice-btn.style-warning[disabled] i, .ss-generate-choice-btn.style-warning[aria-disabled="true"] i, .ss-generate-choice-btn.style-warning:disabled i, .ss-generate-choice-btn.style-warning.disabled .icon, .ss-generate-choice-btn.style-warning[disabled] .icon, .ss-generate-choice-btn.style-warning[aria-disabled="true"] .icon, .ss-generate-choice-btn.style-warning:disabled .icon, .ss-generate-choice-btn.style-warning.disabled svg, .ss-generate-choice-btn.style-warning[disabled] svg, .ss-generate-choice-btn.style-warning[aria-disabled="true"] svg, .ss-generate-choice-btn.style-warning:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ss-generate-choice-btn.style-warning.disabled svg *, .ss-generate-choice-btn.style-warning[disabled] svg *, .ss-generate-choice-btn.style-warning[aria-disabled="true"] svg *, .ss-generate-choice-btn.style-warning:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn.style-warning:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn.style-warning:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn.style-warning:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn.style-warning:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn.style-default {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn.style-default i, .ss-generate-choice-btn.style-default .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.style-default.disabled, .ss-generate-choice-btn.style-default[disabled], .ss-generate-choice-btn.style-default[aria-disabled="true"], .ss-generate-choice-btn.style-default:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.style-default.disabled i, .ss-generate-choice-btn.style-default[disabled] i, .ss-generate-choice-btn.style-default[aria-disabled="true"] i, .ss-generate-choice-btn.style-default:disabled i, .ss-generate-choice-btn.style-default.disabled .icon, .ss-generate-choice-btn.style-default[disabled] .icon, .ss-generate-choice-btn.style-default[aria-disabled="true"] .icon, .ss-generate-choice-btn.style-default:disabled .icon, .ss-generate-choice-btn.style-default.disabled svg, .ss-generate-choice-btn.style-default[disabled] svg, .ss-generate-choice-btn.style-default[aria-disabled="true"] svg, .ss-generate-choice-btn.style-default:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.ss-generate-choice-btn.style-default.disabled svg *, .ss-generate-choice-btn.style-default[disabled] svg *, .ss-generate-choice-btn.style-default[aria-disabled="true"] svg *, .ss-generate-choice-btn.style-default:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn.style-default:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn.style-default:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn.style-default:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn.style-default:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn.style-accept {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn.style-accept i, .ss-generate-choice-btn.style-accept .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.style-accept.disabled, .ss-generate-choice-btn.style-accept[disabled], .ss-generate-choice-btn.style-accept[aria-disabled="true"], .ss-generate-choice-btn.style-accept:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.style-accept.disabled i, .ss-generate-choice-btn.style-accept[disabled] i, .ss-generate-choice-btn.style-accept[aria-disabled="true"] i, .ss-generate-choice-btn.style-accept:disabled i, .ss-generate-choice-btn.style-accept.disabled .icon, .ss-generate-choice-btn.style-accept[disabled] .icon, .ss-generate-choice-btn.style-accept[aria-disabled="true"] .icon, .ss-generate-choice-btn.style-accept:disabled .icon, .ss-generate-choice-btn.style-accept.disabled svg, .ss-generate-choice-btn.style-accept[disabled] svg, .ss-generate-choice-btn.style-accept[aria-disabled="true"] svg, .ss-generate-choice-btn.style-accept:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ss-generate-choice-btn.style-accept.disabled svg *, .ss-generate-choice-btn.style-accept[disabled] svg *, .ss-generate-choice-btn.style-accept[aria-disabled="true"] svg *, .ss-generate-choice-btn.style-accept:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn.style-accept:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn.style-accept:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn.style-accept:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn.style-accept:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn i, .ss-generate-choice-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn.disabled, .ss-generate-choice-btn[disabled], .ss-generate-choice-btn[aria-disabled="true"], .ss-generate-choice-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn.disabled i, .ss-generate-choice-btn[disabled] i, .ss-generate-choice-btn[aria-disabled="true"] i, .ss-generate-choice-btn:disabled i, .ss-generate-choice-btn.disabled .icon, .ss-generate-choice-btn[disabled] .icon, .ss-generate-choice-btn[aria-disabled="true"] .icon, .ss-generate-choice-btn:disabled .icon, .ss-generate-choice-btn.disabled svg, .ss-generate-choice-btn[disabled] svg, .ss-generate-choice-btn[aria-disabled="true"] svg, .ss-generate-choice-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.ss-generate-choice-btn.disabled svg *, .ss-generate-choice-btn[disabled] svg *, .ss-generate-choice-btn[aria-disabled="true"] svg *, .ss-generate-choice-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn i {
  font-size: var(--type-value);
  font-weight: 300;
}

.ss-generate-choice-btn--primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.ss-generate-choice-btn--primary i, .ss-generate-choice-btn--primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.ss-generate-choice-btn--primary.disabled, .ss-generate-choice-btn--primary[disabled], .ss-generate-choice-btn--primary[aria-disabled="true"], .ss-generate-choice-btn--primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.ss-generate-choice-btn--primary.disabled i, .ss-generate-choice-btn--primary[disabled] i, .ss-generate-choice-btn--primary[aria-disabled="true"] i, .ss-generate-choice-btn--primary:disabled i, .ss-generate-choice-btn--primary.disabled .icon, .ss-generate-choice-btn--primary[disabled] .icon, .ss-generate-choice-btn--primary[aria-disabled="true"] .icon, .ss-generate-choice-btn--primary:disabled .icon, .ss-generate-choice-btn--primary.disabled svg, .ss-generate-choice-btn--primary[disabled] svg, .ss-generate-choice-btn--primary[aria-disabled="true"] svg, .ss-generate-choice-btn--primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.ss-generate-choice-btn--primary.disabled svg *, .ss-generate-choice-btn--primary[disabled] svg *, .ss-generate-choice-btn--primary[aria-disabled="true"] svg *, .ss-generate-choice-btn--primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.ss-generate-choice-btn--primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.ss-generate-choice-btn--primary:focus-visible {
  box-shadow: none;
}

.ss-generate-choice-btn--primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.ss-generate-choice-btn--primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ss-generate-choice-btn:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.ss-generate-choice-note {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  margin: 0;
}

.checkbox-field-container {
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.checkbox-field-container input {
  width: 16px;
  height: 16px;
}

.checkbox-field-container .ant-checkbox-inner {
  border-radius: var(--radius-small);
  background-color: var(--white);
  border: 1px solid var(--color-border-500);
  width: 16px;
  height: 16px;
}

.checkbox-field-container .ant-checkbox:hover .ant-checkbox-inner, .checkbox-field-container .ant-checkbox-wrapper:hover .ant-checkbox-inner, .checkbox-field-container .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--color-primary-600);
}

.checkbox-field-container .ant-checkbox-checked .ant-checkbox-inner {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.checkbox-field-container .ant-checkbox-checked .ant-checkbox-inner:after {
  transform: rotate(45deg) scale(.8) translate(-62%, -55%);
}

.checkbox-field-container .ant-checkbox-checked:after {
  border: none;
}

.letter-editor-container {
  min-height: 0;
  padding: var(--space-6) var(--space-4) 48px;
  background: #e8eaed;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  overflow: auto;
}

.letter-editor-container .letter-editor-page {
  background: var(--white);
  flex-direction: column;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 3px #0003, 0 4px 16px #0000001f;
}

.letter-editor-container .letter-editor-mdxeditor {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: text;
  background: var(--white);
  color: #000;
  caret-color: #000;
  flex-direction: column;
  flex: 1;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
}

.letter-editor-container .letter-editor-mdxeditor > .mdxeditor-root-contenteditable, .letter-editor-container .letter-editor-mdxeditor > [class*="rootContentEditableWrapper"], .letter-editor-container .letter-editor-mdxeditor [class*="rootContentEditable"], .letter-editor-container .letter-editor-mdxeditor [class*="contentEditable"], .letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: text;
  background: var(--white);
  color: #000;
  caret-color: #000;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  -webkit-text-fill-color: #000;
  flex-direction: column;
  flex: 1;
  line-height: 24px;
  display: flex;
  box-shadow: none !important;
  outline: none !important;
}

.letter-editor-container .letter-editor-mdxeditor [class*="contentEditable"], .letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] {
  white-space: pre-wrap !important;
}

.letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] p, .letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] li, .letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] blockquote, .letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] td, .letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] th {
  white-space: pre-wrap;
}

.letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] > p {
  margin: 0 0 1em;
}

.letter-editor-container .letter-editor-mdxeditor [contenteditable="true"] > p:last-child {
  margin-bottom: 0;
}

.letter-editor-container .letter-editor-mdxeditor img {
  max-width: 100%;
  height: auto;
}

.letter-editor-container .letter-editor-toolbar, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  z-index: 3;
  align-items: center;
  gap: var(--space-1);
  box-sizing: border-box;
  min-height: 49px;
  padding: var(--space-2) var(--space-3);
  color: #344054;
  background: #f5f5f5;
  border-bottom: 1px solid #eaecf0;
  border-radius: 0;
  flex-wrap: wrap;
  flex: none;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  display: flex;
  position: sticky;
  top: -24px;
}

.letter-editor-container .letter-editor-toolbar > div, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar > div, .letter-editor-container .letter-editor-toolbar > span, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar > span {
  align-items: center;
  display: flex;
}

.letter-editor-container .letter-editor-toolbar button, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar button, .letter-editor-container .letter-editor-toolbar [role="button"], .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [role="button"], .letter-editor-container .letter-editor-toolbar [class*="toolbarNodeKindSelectTrigger"], .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [class*="toolbarNodeKindSelectTrigger"], .letter-editor-container .letter-editor-toolbar [class*="toolbarButtonSelectTrigger"], .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [class*="toolbarButtonSelectTrigger"], .letter-editor-container .letter-editor-toolbar [class*="selectTrigger"], .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [class*="selectTrigger"] {
  vertical-align: middle;
  color: #344054;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

.letter-editor-container .letter-editor-toolbar button svg, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar button svg, .letter-editor-container .letter-editor-toolbar [role="button"] svg, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [role="button"] svg, .letter-editor-container .letter-editor-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [class*="toolbarNodeKindSelectTrigger"] svg, .letter-editor-container .letter-editor-toolbar [class*="toolbarButtonSelectTrigger"] svg, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [class*="toolbarButtonSelectTrigger"] svg, .letter-editor-container .letter-editor-toolbar [class*="selectTrigger"] svg, .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar [class*="selectTrigger"] svg {
  display: block;
}

.letter-editor-container .letter-editor-toolbar-row {
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
  flex: auto;
  min-width: 0;
  display: flex;
}

.letter-editor-container .letter-editor-margin-control {
  align-items: center;
  gap: var(--space-1);
  color: #344054;
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  display: inline-flex;
}

.letter-editor-container .letter-editor-margin-control .letter-editor-margin-label {
  font-size: var(--type-label);
  line-height: 1;
}

.letter-editor-container .letter-editor-margin-control .letter-editor-margin-select {
  padding: 3px var(--space-1);
  background: var(--white);
  font-size: var(--type-label);
  color: #344054;
  cursor: pointer;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  line-height: 1.2;
}

.letter-editor-container .letter-editor-margin-control .letter-editor-margin-select:focus, .letter-editor-container .letter-editor-margin-control .letter-editor-margin-select:focus-visible {
  outline: 1px solid #98a2b3;
}

.letter-editor-container .letter-editor-content {
  min-height: 0;
  padding: var(--letter-page-margin-top, 96px) var(--letter-page-margin-right, 96px) var(--letter-page-margin-bottom, 96px) var(--letter-page-margin-left, 96px);
  box-sizing: border-box;
  background: var(--white);
  cursor: text;
  caret-color: #000;
  white-space: pre-wrap;
  flex: 1;
}

.letter-editor-container .letter-editor-content:focus, .letter-editor-container .letter-editor-content:focus-visible {
  outline: none;
}

.letter-editor-container .letter-editor-content h1, .letter-editor-container .letter-editor-content h2, .letter-editor-container .letter-editor-content h3, .letter-editor-container .letter-editor-content h4 {
  color: #000;
}

.letter-editor-container .letter-editor-content * {
  -webkit-text-fill-color: currentColor;
}

.letter-editor-container .letter-editor-content ul {
  padding-left: var(--space-6);
  list-style: outside;
}

.letter-editor-container .letter-editor-content ol {
  padding-left: var(--space-6);
  list-style: decimal;
}

.letter-editor-container .letter-editor-content ul ul {
  list-style: circle;
}

.letter-editor-container .letter-editor-content ul ul ul {
  list-style: square;
}

.letter-editor-container .letter-editor-content a, .letter-editor-container .letter-editor-content a:link, .letter-editor-container .letter-editor-content a:visited {
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  color: var(--color-tertiary) !important;
  text-decoration: underline !important;
}

.letter-editor-container .letter-editor-content a:hover {
  color: #4a6f99 !important;
  text-decoration: underline !important;
}

.letter-editor-container .letter-editor-content hr {
  width: 100%;
  margin: var(--space-3) 0;
  border: 0;
  border-top: 1px solid #000;
  display: block;
}

.letter-editor-container .letter-editor-content table {
  table-layout: auto;
  width: 100%;
  max-width: 100%;
  margin: var(--space-4) 0;
  border-collapse: collapse;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] {
  table-layout: auto;
  width: 100%;
  max-width: 100%;
}

.letter-editor-container .letter-editor-content th, .letter-editor-container .letter-editor-content td {
  padding: var(--space-2) 10px;
  text-align: left;
  vertical-align: top;
  border: 1px solid #d0d5dd;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] > tfoot > tr > th:not([data-tool-cell="true"]) {
  background: none;
  border: 0;
  padding: 0;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="tableToolsColumn"] {
  text-align: center;
  vertical-align: middle;
  border: 0;
  width: 40px;
  min-width: 40px;
  padding: 0;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [data-tool-cell="true"], .letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="toolCell"] {
  text-align: center;
  vertical-align: middle;
  border: 0;
  padding: 0;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="addColumnButton"] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="tableColumnEditorTrigger"], .letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="tableRowEditorTrigger"], .letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="iconButton"] {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin: 0 auto;
  display: inline-flex;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] {
  justify-content: center;
  align-items: center;
  gap: 2px;
  display: flex;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="tableColumnEditorToolbar"] > button {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: inline-flex;
}

.letter-editor-container .letter-editor-content [class*="tableEditor"] [class*="tableColumnEditorPopoverContent"] {
  padding: var(--space-1);
  align-items: center;
  gap: 2px;
  display: flex;
}

.letter-editor-container .letter-editor-alignment-group {
  gap: 2px;
  display: inline-flex;
}

.letter-editor-container .letter-editor-color-picker {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.letter-editor-container.letter-editor-readonly .letter-editor-content th, .letter-editor-container.letter-editor-readonly .letter-editor-content td, .letter-editor-container.letter-editor-readonly .letter-editor-content [class*="tableEditor"] > tbody > tr > th:not([class*="toolCell"]):not([data-tool-cell="true"]), .letter-editor-container.letter-editor-readonly .letter-editor-content [class*="tableEditor"] > tbody > tr > td:not([class*="toolCell"]) {
  border: 0;
}

.letter-editor-container.letter-editor-readonly .letter-editor-content th {
  background: none;
  font-weight: 400;
}

body.letter-editor-overlays-active > .mdxeditor-popup-container.letter-editor-mdxeditor {
  pointer-events: none;
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  overflow: visible;
  box-shadow: none !important;
  background: none !important;
}

body.letter-editor-overlays-active > .mdxeditor-popup-container.letter-editor-mdxeditor > * {
  pointer-events: auto;
}

body.letter-editor-overlays-active [class*="popupContainer"] {
  z-index: var(--letter-editor-overlay-z, 1200);
}

body.letter-editor-overlays-active [class*="toolbarNodeKindSelectContainer"], body.letter-editor-overlays-active [class*="toolbarButtonDropdownContainer"], body.letter-editor-overlays-active [class*="selectContainer"], body.letter-editor-overlays-active [class*="linkDialogPopoverContent"], body.letter-editor-overlays-active [class*="tableColumnEditorPopoverContent"], body.letter-editor-overlays-active [class*="tooltipContent"] {
  z-index: calc(var(--letter-editor-overlay-z, 1200) + 10);
}

body.letter-editor-overlays-active [class*="linkDialogPopoverContent"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  padding: 10px var(--space-3);
  color: var(--color-text);
  background: var(--white);
  border: 1px solid #b4b4b466;
  border-radius: 12px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  box-shadow: 0 14px 36px #1419281f;
}

body.letter-editor-overlays-active [class*="linkDialogEditForm"] [class*="linkDialogInput"], body.letter-editor-overlays-active [class*="linkDialogEditForm"] [class*="dialogInput"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  width: 100%;
  min-height: 36px;
  padding: var(--space-1) 10px;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-value);
  color: var(--color-text);
  cursor: text;
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  line-height: 20px;
}

body.letter-editor-overlays-active [class*="tableColumnEditorPopoverContent"], body.letter-editor-overlays-active [class*="popoverContent"] {
  background: #fafafafa;
  border: 1px solid #b4b4b466;
  border-radius: 12px;
  box-shadow: 0 4px 12px #0000001f;
}

body.letter-editor-overlays-active [class*="tooltipContent"] {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  max-width: 512px;
  padding: var(--space-2) var(--space-3);
  color: var(--color-text-900);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  text-align: center;
  white-space: normal;
  background: #fafafaf2;
  border: 1px solid #b4b4b466;
  border-radius: 8px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  box-shadow: 0 4px 12px #0000001f;
}

body.letter-editor-overlays-active [class*="tooltipContent"] svg {
  fill: #fafafaf2;
}

.letter-link-modal {
  gap: var(--space-4);
  min-width: 420px;
  padding: var(--space-1);
  flex-direction: column;
  display: flex;
}

.letter-link-modal .letter-link-modal-field {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.letter-link-modal .letter-link-modal-field > label {
  font-size: var(--type-label);
  color: var(--color-text-700);
  font-weight: 500;
}

.letter-link-modal .letter-link-modal-field > input {
  padding: var(--space-2) 10px;
  font-size: var(--type-value);
  background-color: #fff9;
  border: 1px solid #c5c8cc;
  border-radius: 6px;
}

.letter-link-modal .letter-link-modal-field > input:focus {
  border-color: #567ba6;
  outline: none;
}

.letter-link-modal .letter-link-modal-footer {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel i, .letter-link-modal .letter-link-modal-footer .btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-link-modal .letter-link-modal-footer .btn-cancel.disabled, .letter-link-modal .letter-link-modal-footer .btn-cancel[disabled], .letter-link-modal .letter-link-modal-footer .btn-cancel[aria-disabled="true"], .letter-link-modal .letter-link-modal-footer .btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel.disabled i, .letter-link-modal .letter-link-modal-footer .btn-cancel[disabled] i, .letter-link-modal .letter-link-modal-footer .btn-cancel[aria-disabled="true"] i, .letter-link-modal .letter-link-modal-footer .btn-cancel:disabled i, .letter-link-modal .letter-link-modal-footer .btn-cancel.disabled .icon, .letter-link-modal .letter-link-modal-footer .btn-cancel[disabled] .icon, .letter-link-modal .letter-link-modal-footer .btn-cancel[aria-disabled="true"] .icon, .letter-link-modal .letter-link-modal-footer .btn-cancel:disabled .icon, .letter-link-modal .letter-link-modal-footer .btn-cancel.disabled svg, .letter-link-modal .letter-link-modal-footer .btn-cancel[disabled] svg, .letter-link-modal .letter-link-modal-footer .btn-cancel[aria-disabled="true"] svg, .letter-link-modal .letter-link-modal-footer .btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel.disabled svg *, .letter-link-modal .letter-link-modal-footer .btn-cancel[disabled] svg *, .letter-link-modal .letter-link-modal-footer .btn-cancel[aria-disabled="true"] svg *, .letter-link-modal .letter-link-modal-footer .btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.letter-link-modal .letter-link-modal-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-link-modal .letter-link-modal-footer .btn-primary i, .letter-link-modal .letter-link-modal-footer .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-link-modal .letter-link-modal-footer .btn-primary.disabled, .letter-link-modal .letter-link-modal-footer .btn-primary[disabled], .letter-link-modal .letter-link-modal-footer .btn-primary[aria-disabled="true"], .letter-link-modal .letter-link-modal-footer .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.letter-link-modal .letter-link-modal-footer .btn-primary.disabled i, .letter-link-modal .letter-link-modal-footer .btn-primary[disabled] i, .letter-link-modal .letter-link-modal-footer .btn-primary[aria-disabled="true"] i, .letter-link-modal .letter-link-modal-footer .btn-primary:disabled i, .letter-link-modal .letter-link-modal-footer .btn-primary.disabled .icon, .letter-link-modal .letter-link-modal-footer .btn-primary[disabled] .icon, .letter-link-modal .letter-link-modal-footer .btn-primary[aria-disabled="true"] .icon, .letter-link-modal .letter-link-modal-footer .btn-primary:disabled .icon, .letter-link-modal .letter-link-modal-footer .btn-primary.disabled svg, .letter-link-modal .letter-link-modal-footer .btn-primary[disabled] svg, .letter-link-modal .letter-link-modal-footer .btn-primary[aria-disabled="true"] svg, .letter-link-modal .letter-link-modal-footer .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-link-modal .letter-link-modal-footer .btn-primary.disabled svg *, .letter-link-modal .letter-link-modal-footer .btn-primary[disabled] svg *, .letter-link-modal .letter-link-modal-footer .btn-primary[aria-disabled="true"] svg *, .letter-link-modal .letter-link-modal-footer .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-link-modal .letter-link-modal-footer .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-link-modal .letter-link-modal-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.letter-link-modal .letter-link-modal-footer .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-link-modal .letter-link-modal-footer .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.letter-link-modal .letter-link-modal-footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.letter-link-modal .letter-link-modal-footer .btn-cancel {
  order: 1;
  margin-right: auto;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  order: 2;
  margin-left: auto;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link i, .letter-link-modal .letter-link-modal-footer .btn-remove-link .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link.disabled, .letter-link-modal .letter-link-modal-footer .btn-remove-link[disabled], .letter-link-modal .letter-link-modal-footer .btn-remove-link[aria-disabled="true"], .letter-link-modal .letter-link-modal-footer .btn-remove-link:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link.disabled i, .letter-link-modal .letter-link-modal-footer .btn-remove-link[disabled] i, .letter-link-modal .letter-link-modal-footer .btn-remove-link[aria-disabled="true"] i, .letter-link-modal .letter-link-modal-footer .btn-remove-link:disabled i, .letter-link-modal .letter-link-modal-footer .btn-remove-link.disabled .icon, .letter-link-modal .letter-link-modal-footer .btn-remove-link[disabled] .icon, .letter-link-modal .letter-link-modal-footer .btn-remove-link[aria-disabled="true"] .icon, .letter-link-modal .letter-link-modal-footer .btn-remove-link:disabled .icon, .letter-link-modal .letter-link-modal-footer .btn-remove-link.disabled svg, .letter-link-modal .letter-link-modal-footer .btn-remove-link[disabled] svg, .letter-link-modal .letter-link-modal-footer .btn-remove-link[aria-disabled="true"] svg, .letter-link-modal .letter-link-modal-footer .btn-remove-link:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link.disabled svg *, .letter-link-modal .letter-link-modal-footer .btn-remove-link[disabled] svg *, .letter-link-modal .letter-link-modal-footer .btn-remove-link[aria-disabled="true"] svg *, .letter-link-modal .letter-link-modal-footer .btn-remove-link:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link:focus-visible {
  box-shadow: none;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-link-modal .letter-link-modal-footer .btn-remove-link:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.letter-link-modal .letter-link-modal-footer .btn-primary {
  order: 3;
}

.letter-editor-color-picker-popover {
  padding: var(--space-3);
  background: var(--white);
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  width: 224px;
  position: absolute;
  box-shadow: 0 12px 32px #0f172a2e;
}

.letter-editor-color-picker-swatches {
  gap: var(--space-2);
  grid-template-columns: repeat(6, 1fr);
  display: grid;
}

.letter-editor-color-picker-swatch {
  cursor: pointer;
  box-sizing: border-box;
  background-clip: padding-box;
  border: 1px solid #0f172a29;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: transform .12s, box-shadow .12s;
}

.letter-editor-color-picker-swatch:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0 2px #5b83b047;
}

.letter-editor-color-picker-clear {
  width: 100%;
  padding: var(--space-2) 10px;
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: var(--color-text);
  cursor: pointer;
  background: #f5f5f5;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  margin-top: 10px;
  font-weight: 500;
}

.letter-editor-color-picker-clear:hover {
  background: #ebebeb;
}

.letter-editor-placeholder-popover {
  gap: var(--space-2);
  width: 240px;
  padding: var(--space-2);
  background: var(--white);
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 10px;
  flex-direction: column;
  display: flex;
  position: absolute;
  box-shadow: 0 12px 32px #0f172a2e;
}

.letter-editor-placeholder-search {
  width: 100%;
  padding: 6px var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: #344054;
  background: var(--white);
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
}

.letter-editor-placeholder-list {
  flex-direction: column;
  max-height: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-y: auto;
}

.letter-editor-placeholder-back {
  padding: 6px var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: #5b83b0;
  cursor: pointer;
  border-radius: 6px;
  font-weight: 500;
}

.letter-editor-placeholder-back:hover {
  background: #f2f4f7;
}

.letter-editor-placeholder-empty {
  padding: 10px var(--space-2);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  color: #98a2b3;
  text-align: center;
}

.letter-editor-placeholder-item {
  padding: 6px var(--space-2);
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-family: Soehne, sans-serif;
  display: flex;
}

.letter-editor-placeholder-item.is-highlighted {
  background: #f2f4f7;
}

.letter-editor-placeholder-item .letter-editor-placeholder-item-label {
  font-size: var(--type-label);
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.letter-editor-placeholder-chip {
  white-space: nowrap;
  cursor: default;
  background-color: #e8f0fe;
  border-radius: 3px;
  padding: 1px 3px;
  font-weight: 500;
}

.letter-image-modal {
  gap: var(--space-4);
  min-width: 420px;
  padding: var(--space-1);
  flex-direction: column;
  display: flex;
}

.letter-image-modal .letter-image-modal-field {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}

.letter-image-modal .letter-image-modal-field > label {
  font-size: var(--type-label);
  color: var(--color-text-700);
  font-weight: 500;
}

.letter-image-modal .letter-image-modal-field > input {
  padding: var(--space-2) 10px;
  font-size: var(--type-value);
  background-color: #fff9;
  border: 1px solid #c5c8cc;
  border-radius: 6px;
}

.letter-image-modal .letter-image-modal-field > input:focus {
  border-color: #567ba6;
  outline: none;
}

.letter-image-modal .letter-image-modal-field .letter-image-modal-options {
  gap: var(--space-2) var(--space-5);
  flex-wrap: wrap;
  display: flex;
}

.letter-image-modal .letter-image-modal-field .letter-image-modal-options .letter-image-modal-option {
  cursor: pointer;
  font-size: var(--type-value);
  color: var(--color-text-700);
  align-items: center;
  gap: var(--space-2);
  font-weight: 400;
  display: inline-flex;
}

.letter-image-modal .letter-image-modal-field .letter-image-modal-options .letter-image-modal-option .checkbox-field-container {
  align-items: center;
  display: inline-flex;
}

.letter-image-modal .letter-image-modal-field .letter-image-file-input {
  display: none;
}

.letter-image-modal .letter-image-modal-field .letter-image-file-label {
  padding: var(--space-2) var(--space-3);
  font-size: var(--type-label);
  color: var(--color-text-700);
  cursor: pointer;
  background-color: #fff9;
  border: 1px dashed #c5c8cc;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
}

.letter-image-modal .letter-image-modal-field .letter-image-file-label:hover {
  background-color: #ffffffd9;
  border-color: #567ba6;
}

.letter-image-modal .letter-image-modal-field .letter-image-modal-preview {
  padding: var(--space-2);
  margin-top: var(--space-2);
  background-color: #fff9;
  border: 1px solid #00000014;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  max-height: 220px;
  display: flex;
  overflow: hidden;
}

.letter-image-modal .letter-image-modal-field .letter-image-modal-preview img {
  object-fit: contain;
  max-width: 100%;
  max-height: 200px;
}

.letter-image-modal .letter-image-modal-footer {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #808690, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel i, .letter-image-modal .letter-image-modal-footer .btn-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-image-modal .letter-image-modal-footer .btn-cancel.disabled, .letter-image-modal .letter-image-modal-footer .btn-cancel[disabled], .letter-image-modal .letter-image-modal-footer .btn-cancel[aria-disabled="true"], .letter-image-modal .letter-image-modal-footer .btn-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #b1b5bb 0%, #a1a5ad 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#b1b5bb 0%, #a1a5ad 100%);
  border: none;
  transform: none;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel.disabled i, .letter-image-modal .letter-image-modal-footer .btn-cancel[disabled] i, .letter-image-modal .letter-image-modal-footer .btn-cancel[aria-disabled="true"] i, .letter-image-modal .letter-image-modal-footer .btn-cancel:disabled i, .letter-image-modal .letter-image-modal-footer .btn-cancel.disabled .icon, .letter-image-modal .letter-image-modal-footer .btn-cancel[disabled] .icon, .letter-image-modal .letter-image-modal-footer .btn-cancel[aria-disabled="true"] .icon, .letter-image-modal .letter-image-modal-footer .btn-cancel:disabled .icon, .letter-image-modal .letter-image-modal-footer .btn-cancel.disabled svg, .letter-image-modal .letter-image-modal-footer .btn-cancel[disabled] svg, .letter-image-modal .letter-image-modal-footer .btn-cancel[aria-disabled="true"] svg, .letter-image-modal .letter-image-modal-footer .btn-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel.disabled svg *, .letter-image-modal .letter-image-modal-footer .btn-cancel[disabled] svg *, .letter-image-modal .letter-image-modal-footer .btn-cancel[aria-disabled="true"] svg *, .letter-image-modal .letter-image-modal-footer .btn-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel:focus-visible {
  box-shadow: none;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-image-modal .letter-image-modal-footer .btn-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.letter-image-modal .letter-image-modal-footer .btn-primary {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-image-modal .letter-image-modal-footer .btn-primary i, .letter-image-modal .letter-image-modal-footer .btn-primary .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-image-modal .letter-image-modal-footer .btn-primary.disabled, .letter-image-modal .letter-image-modal-footer .btn-primary[disabled], .letter-image-modal .letter-image-modal-footer .btn-primary[aria-disabled="true"], .letter-image-modal .letter-image-modal-footer .btn-primary:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.letter-image-modal .letter-image-modal-footer .btn-primary.disabled i, .letter-image-modal .letter-image-modal-footer .btn-primary[disabled] i, .letter-image-modal .letter-image-modal-footer .btn-primary[aria-disabled="true"] i, .letter-image-modal .letter-image-modal-footer .btn-primary:disabled i, .letter-image-modal .letter-image-modal-footer .btn-primary.disabled .icon, .letter-image-modal .letter-image-modal-footer .btn-primary[disabled] .icon, .letter-image-modal .letter-image-modal-footer .btn-primary[aria-disabled="true"] .icon, .letter-image-modal .letter-image-modal-footer .btn-primary:disabled .icon, .letter-image-modal .letter-image-modal-footer .btn-primary.disabled svg, .letter-image-modal .letter-image-modal-footer .btn-primary[disabled] svg, .letter-image-modal .letter-image-modal-footer .btn-primary[aria-disabled="true"] svg, .letter-image-modal .letter-image-modal-footer .btn-primary:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-image-modal .letter-image-modal-footer .btn-primary.disabled svg *, .letter-image-modal .letter-image-modal-footer .btn-primary[disabled] svg *, .letter-image-modal .letter-image-modal-footer .btn-primary[aria-disabled="true"] svg *, .letter-image-modal .letter-image-modal-footer .btn-primary:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-image-modal .letter-image-modal-footer .btn-primary:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-image-modal .letter-image-modal-footer .btn-primary:focus-visible {
  box-shadow: none;
}

.letter-image-modal .letter-image-modal-footer .btn-primary:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-image-modal .letter-image-modal-footer .btn-primary:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.letter-image-modal .letter-image-modal-footer .btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card, .ReactModalPortal .generic-card-container.letter-link-modal-card {
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  background-color: #fafafaeb !important;
  padding: 0 !important;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card:before, .ReactModalPortal .generic-card-container.letter-link-modal-card:before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card .header, .ReactModalPortal .generic-card-container.letter-link-modal-card .header {
  background-color: #0000;
  border-bottom: none;
  gap: 10px;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card .header .title, .ReactModalPortal .generic-card-container.letter-link-modal-card .header .title {
  font-size: var(--type-control);
  text-transform: none;
  color: var(--gray-700, #565a62);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card .header .arrow-container img, .ReactModalPortal .generic-card-container.letter-link-modal-card .header .arrow-container img {
  opacity: 1;
  cursor: pointer;
  width: 14px;
  height: 14px;
  transition: filter .15s;
  position: absolute;
  top: 18px;
  right: 18px;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card .header .arrow-container img:hover, .ReactModalPortal .generic-card-container.letter-link-modal-card .header .arrow-container img:hover {
  filter: brightness(.7) !important;
}

.ReactModalPortal .generic-card-container.letter-image-modal-card .body, .ReactModalPortal .generic-card-container.letter-link-modal-card .body {
  background-color: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  min-width: 420px;
  padding: 0;
  box-shadow: inset 0 1px 2px #0000000a;
}

@media (width <= 768px) {
  .ReactModalPortal .generic-card-container.letter-image-modal-card .body, .ReactModalPortal .generic-card-container.letter-link-modal-card .body {
    overflow: hidden;
    min-width: unset !important;
    width: 100% !important;
  }
}

.letter-runtime-modal {
  gap: var(--space-4);
  min-width: 420px;
  padding: var(--space-1);
  gap: var(--space-2);
  min-width: 900px;
  padding: var(--space-2);
  flex-direction: column;
  display: flex;
}

.letter-runtime-modal .letter-runtime-notice {
  align-items: baseline;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  font-size: var(--type-value);
  border-radius: 8px;
  display: flex;
}

.letter-runtime-modal .letter-runtime-notice.is-warning {
  background-color: var(--color-warning-25);
  border: 1px solid var(--color-warning-100);
  color: var(--color-warning-ink);
}

.letter-runtime-modal .letter-runtime-notice.is-blocker {
  background-color: var(--color-error-25);
  border: 1px solid var(--color-error-50);
  color: var(--color-error-ink);
}

.letter-runtime-modal .letter-container {
  box-sizing: border-box;
  border: 1px solid #00000014;
  border-radius: 8px;
  flex: 1;
  min-height: 0;
  max-height: 72vh;
  overflow: auto;
}

.letter-runtime-modal .letter-container .letter-editor-container {
  height: auto;
  overflow: visible;
}

.letter-runtime-modal .letter-container .letter-editor-container .letter-editor-toolbar, .letter-runtime-modal .letter-container .letter-editor-container .letter-editor-mdxeditor .mdxeditor-toolbar {
  top: 0;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template {
  padding: 0;
  justify-content: space-between !important;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  display: flex;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template.disabled, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[disabled], .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[aria-disabled="true"], .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template.disabled i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[disabled] i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[aria-disabled="true"] i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:disabled i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template.disabled .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[disabled] .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[aria-disabled="true"] .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:disabled .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template.disabled svg, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[disabled] svg, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[aria-disabled="true"] svg, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template.disabled svg *, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[disabled] svg *, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template[aria-disabled="true"] svg *, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:focus-visible {
  box-shadow: none;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel.disabled, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[disabled], .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[aria-disabled="true"], .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel.disabled i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[disabled] i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[aria-disabled="true"] i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:disabled i, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel.disabled .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[disabled] .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[aria-disabled="true"] .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:disabled .icon, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel.disabled svg, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[disabled] svg, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[aria-disabled="true"] svg, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:disabled svg {
  color: #fff;
  font-weight: 300;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel.disabled svg *, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[disabled] svg *, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel[aria-disabled="true"] svg *, .letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:focus-visible {
  box-shadow: none;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.letter-runtime-modal .wizard-bottom-bar-letter-template .letter-template-actions .btn-letter-template-cancel:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal) {
  backdrop-filter: blur(6px) brightness(108%) saturate(80%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
  background-color: #fafafaeb !important;
  padding: 0 !important;
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal):before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal) .header {
  background-color: #0000;
  border-bottom: none;
  gap: 10px;
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal) .header .title {
  font-size: var(--type-control);
  text-transform: none;
  color: var(--gray-700, #565a62);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal) .header .arrow-container img {
  opacity: 1;
  cursor: pointer;
  width: 14px;
  height: 14px;
  transition: filter .15s;
  position: absolute;
  top: 18px;
  right: 18px;
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal) .header .arrow-container img:hover {
  filter: brightness(.7) !important;
}

.ReactModalPortal .generic-card-container:has(.letter-runtime-modal) .body {
  background-color: #ffffffbf;
  border: 1px solid #0000000f;
  border-radius: 10px;
  min-width: 420px;
  padding: 0;
  box-shadow: inset 0 1px 2px #0000000a;
}

@media (width <= 768px) {
  .ReactModalPortal .generic-card-container:has(.letter-runtime-modal) .body {
    overflow: hidden;
    min-width: unset !important;
    width: 100% !important;
  }
}

.dsl-card-multi-form {
  width: 100%;
  height: 100%;
  padding: var(--spacing-xxxxxlarge);
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  overflow-y: auto;
}

.dsl-card-multi-form .form-container > .form-container {
  margin: 0 !important;
  padding: 0 !important;
}

.dsl-card-multi-form .dsl-tab-header {
  z-index: 10;
  background-color: var(--white);
  transition: all .3s;
  position: sticky;
  top: 0;
}

.dsl-card-multi-form .dsl-tab-header.scrolled {
  background: #f2f2f2;
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 2px 8px #00000014, 0 1px 3px #0000000f;
}

.form-container-flyout .layout-form-content .dsl-card-multi-form .form-container {
  padding: 0 var(--space-2);
  overflow-y: auto;
  height: calc(100vh - 265px) !important;
}

.form-container-flyout .layout-form-content .dsl-card-multi-form .form-container .dsl-tab-header {
  z-index: 15;
  background-color: #0000;
  transition: all .3s;
  position: sticky;
  top: 0;
}

.form-container-flyout .layout-form-content .dsl-card-multi-form .form-container .dsl-tab-header.scrolled {
  background: var(--white);
  border-bottom: 1px solid #0000001a;
  box-shadow: 0 3px 10px #0000001a, 0 1px 4px #00000014;
}

.only-show-form-area .wizard-bottom-bar, .only-show-form-area .form-card-menu {
  display: none !important;
}

.only-show-form-area .form-container {
  width: 100%;
}

.dsl-tabbed-card-view {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.dsl-tabbed-card-view .wizard-bottom-bar, .dsl-tabbed-card-view .form-card-menu {
  display: none !important;
}

.dsl-tabbed-card-view .form-container {
  width: 100%;
}

.dsl-tabbed-card-view .section-tabs {
  flex: none;
}

.dsl-tabbed-card-view .form-container {
  margin-top: 0 !important;
}

.dsl-tabbed-card-view .form-container .cardarea {
  border-radius: 0 !important;
}

.dsl-tabbed-card-view .dsl-templ-area {
  flex: 1;
  width: 100%;
  border-radius: 0 !important;
}

.dsl-tabbed-card-view .dsl-templ-area > div {
  margin-right: unset !important;
}

.dsl-tabbed-card-view .dsl-templ-area h3, .dsl-tabbed-card-view .dsl-templ-area h4 {
  display: none;
}

.dsl-tabbed-card-view #no-data-available {
  color: #656463;
  width: 100%;
  padding: var(--space-7);
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  display: flex;
}

.dsl-tabbed-card-view .section-tabs {
  color: #8e8d8c;
  border-bottom: 2px solid #ededee;
  width: 100%;
  display: flex;
  overflow-y: auto;
}

.dsl-tabbed-card-view .section-tabs .section-tab {
  padding: var(--space-1) var(--space-2);
  cursor: pointer;
  border: none;
  border-top: 1px solid #ededee;
  border-left: 1px solid #ededee;
  justify-content: center;
  align-items: center;
  min-width: fit-content;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  display: flex;
}

.dsl-tabbed-card-view .section-tabs .section-tab.active {
  color: #fbfbfb;
  background-color: #656463;
  border-color: #656463;
  font-family: Soehne, sans-serif;
}

.dsl-tabbed-card-view .section-tabs .section-tab:first-child {
  border-top-left-radius: 10px;
}

.dsl-tabbed-card-view .section-tabs .section-tab:last-child {
  border-right: 1px solid #ededee;
  border-top-right-radius: 10px;
}

.delivery-ticket-item-header {
  color: var(--color-text-700);
  font-size: var(--type-label);
  flex-direction: column;
  width: 100%;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-item-header p {
  margin-bottom: 3px;
}

.delivery-ticket-item-header__desc {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 2px;
  overflow: hidden;
}

.delivery-ticket-item-header__label {
  color: var(--color-text-muted-ink);
  font-weight: 400;
}

.delivery-ticket-item-header__value {
  color: var(--color-text-700);
  font-weight: 500;
}

.delivery-ticket-item-header__grid {
  column-gap: var(--space-1);
  grid-template-columns: max-content 1fr max-content 1fr;
  row-gap: 2px;
  width: 100%;
  min-width: 0;
  margin-bottom: 2px;
  display: grid;
}

.delivery-ticket-item-header__grid > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.delivery-ticket-item-header__ship-row {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-2);
  display: flex;
}

.delivery-ticket-item-header__ship-date {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.delivery-ticket-item-header__ship-method {
  color: #5b83b0;
  font-size: var(--type-label);
  pointer-events: none;
  flex-shrink: 0;
  font-weight: 500;
}

.delivery-ticket-item-header__actions {
  gap: var(--space-4);
  margin-top: var(--space-2);
  justify-content: flex-start;
  display: flex;
}

.delivery-ticket-item-header .card-link-btn {
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  box-shadow: none;
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  transform: none;
}

.delivery-ticket-item-header .card-link-btn i {
  color: inherit;
  flex-shrink: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1;
}

.delivery-ticket-item-header .card-link-btn:hover, .delivery-ticket-item-header .card-link-btn:focus-visible {
  box-shadow: none;
  color: var(--color-primary-ink);
  background: none;
  transform: none;
}

.delivery-ticket-item-header .card-link-btn:hover span, .delivery-ticket-item-header .card-link-btn:focus-visible span {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.track-order-modal .track-order-loading {
  text-align: center;
  padding: var(--space-6);
  color: #8c8c8c;
  font-size: var(--type-value);
}

.track-order-modal .track-order-loading i {
  margin-right: var(--space-2);
}

.track-order-modal .track-order-error {
  padding: var(--space-2) var(--space-3);
  margin-bottom: var(--space-3);
  color: #d07676;
  font-size: var(--type-label);
  background: #d0767614;
  border: 1px solid #d07676;
  border-radius: 4px;
}

.track-order-modal .track-order-error i {
  margin-right: var(--space-1);
}

.track-order-modal .track-order-warning {
  padding: var(--space-2) var(--space-3);
  color: #dab262;
  font-size: var(--type-label);
  background: #dab26214;
  border: 1px solid #dab262;
  border-radius: 4px;
}

.track-order-modal .track-order-warning i {
  margin-right: var(--space-1);
}

.track-order-modal .track-order-empty {
  color: #8c8c8c;
  text-align: center;
  padding: var(--space-6);
  font-size: var(--type-label);
}

.track-order-modal .track-order-body {
  padding: var(--space-2) 0;
}

.track-order-modal .track-order-details {
  margin-bottom: var(--space-4);
}

.track-order-modal .track-order-details p {
  margin: var(--space-1) 0;
  font-size: var(--type-label);
}

.track-order-modal .track-order-addresses {
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  padding: 10px var(--space-3);
  background: #f9fafb;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  display: flex;
}

.track-order-modal .track-order-address-col {
  flex: 1;
}

.track-order-modal .track-order-address-label {
  margin: 0 0 var(--space-1);
  font-size: var(--type-label);
  color: #8c8c8c;
  font-weight: 500;
}

.track-order-modal .track-order-address-company {
  font-size: var(--type-label);
  color: #374151;
  margin: 0;
  font-weight: 500;
}

.track-order-modal .track-order-address-line {
  font-size: var(--type-label);
  color: #374151;
  margin: 0;
}

.track-order-modal .track-order-history-title {
  margin-bottom: var(--space-3);
  font-weight: 500;
  font-size: var(--type-value);
}

.track-order-modal .track-order-timeline {
  padding-left: var(--space-6);
  position: relative;
}

.track-order-modal .track-order-timeline-line {
  background: #e8e8e8;
  width: 2px;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 7px;
}

.track-order-modal .track-order-timeline-entry {
  position: relative;
}

.track-order-modal .track-order-timeline-dot {
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: -20px;
}

.track-order-modal .track-order-status-label {
  font-weight: 500;
  font-size: var(--type-value);
}

.track-order-modal .track-order-status-name {
  color: #8c8c8c;
  margin-left: var(--space-1);
  font-size: var(--type-label);
}

.track-order-modal .track-order-status-desc {
  color: #595959;
  font-size: var(--type-label);
  margin: 2px 0 0;
}

.track-order-modal .track-order-status-time {
  color: #8c8c8c;
  font-size: var(--type-label);
  margin: 2px 0 0;
}

.delivery-ticket-assessment-item-header {
  width: 100%;
  font-size: var(--type-label);
  margin-top: var(--space-1);
  align-items: center;
  gap: var(--space-2) var(--space-3);
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-assessment-item-header__grid {
  column-gap: var(--space-1);
  grid-template-columns: max-content auto;
  row-gap: 2px;
  display: grid;
}

.delivery-ticket-assessment-item-header__label {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  font-weight: 400;
}

.delivery-ticket-assessment-item-header__value {
  color: var(--color-text-700);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.delivery-ticket-assessment-item-header__total {
  align-items: baseline;
  gap: var(--space-1);
  color: var(--color-text-700);
  display: inline-flex;
}

.delivery-ticket-assessment-item-header__total-count {
  font-size: var(--type-value);
  color: var(--color-text-700);
  font-weight: 500;
}

.delivery-ticket-assessment-item-header__total-label {
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.delivery-ticket-assessment-item-header__pills {
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
  display: inline-flex;
}

.delivery-ticket-assessment-item-header__pill {
  --status-pill-min-h: 16px;
  --status-pill-pad-y: 1px;
  --status-pill-type: var(--type-micro);
  --status-pill-lh: 12px;
  gap: var(--space-1);
  text-transform: uppercase;
}

.delivery-ticket-assessment-item-header__pill-count, .delivery-ticket-assessment-item-header__pill-label {
  font-weight: 500;
}

.delivery-ticket-assessment-item-header__pill--filled {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #5ba68d var(--status-pill-tint, 20%), #fff);
  color: #3a564d;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  letter-spacing: var(--tracking-caps);
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.delivery-ticket-assessment-item-header__pill--in-progress {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #4f82bc var(--status-pill-tint, 20%), #fff);
  color: #324c68;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  letter-spacing: var(--tracking-caps);
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.delivery-ticket-assessment-item-header__pill--pending {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  letter-spacing: var(--tracking-caps);
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.delivery-ticket-assessment-item-header__actions {
  margin-top: auto;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: 0;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #b44444, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment i, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment.disabled, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[disabled], .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[aria-disabled="true"], .delivery-ticket-assessment-item-header__actions .btn-remove-assessment:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #d08383 0%, #c86d6d 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#d08383 0%, #c86d6d 100%);
  border: none;
  transform: none;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment.disabled i, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[disabled] i, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[aria-disabled="true"] i, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment:disabled i, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment.disabled .icon, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[disabled] .icon, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[aria-disabled="true"] .icon, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment:disabled .icon, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment.disabled svg, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[disabled] svg, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[aria-disabled="true"] svg, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment:disabled svg {
  color: #fff;
  font-weight: 300;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment.disabled svg *, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[disabled] svg *, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment[aria-disabled="true"] svg *, .delivery-ticket-assessment-item-header__actions .btn-remove-assessment:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment:focus-visible {
  box-shadow: none;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-assessment-item-header__actions .btn-remove-assessment i {
  font-size: var(--type-label);
  flex-shrink: 0;
  line-height: 1;
}

.assessment-card {
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  gap: var(--space-2);
  width: 100%;
  color: var(--color-text-700);
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  flex-direction: column;
  display: flex;
}

.assessment-card__error {
  color: var(--color-error-ink);
  padding: 10px var(--space-3);
  background: var(--color-error-25);
  border: 1px solid var(--color-error);
  border-radius: 8px;
  font-weight: 500;
}

.assessment-card__row {
  background: var(--white);
  box-shadow: none;
  --section-label-top: calc(var(--field-label-top) + 2px);
  --section-label-lh: 15px;
  border: 1px solid #e4e5e7e6;
  border-radius: 8px;
  transition: border-color .2s, background .2s, box-shadow .2s;
  overflow: clip;
}

.assessment-card__row:hover {
  background: var(--white);
  box-shadow: 0 1px 2px #0000000d, 0 4px 10px #0000000d;
}

.assessment-card__row--expanded {
  background: var(--white);
  border-color: #d6dbe3e6;
  box-shadow: 0 2px 4px #0000000d, 0 6px 18px #0000000d;
}

.assessment-card__row--expanded:hover {
  background: var(--white);
}

.assessment-card__row-header {
  padding: 10px var(--space-3);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: var(--color-background-400);
  align-items: center;
  gap: 10px;
  transition: background .2s;
  display: flex;
}

.assessment-card__row--expanded .assessment-card__row-header {
  z-index: 5;
  border-bottom: 1px solid var(--gray-200);
  position: sticky;
  top: 0;
  box-shadow: 0 2px 4px -1px #45494f1f, 0 4px 10px -4px #45494f24;
}

.assessment-card__row-toggle {
  width: 20px;
  height: 20px;
  color: var(--color-text-muted-ink);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.assessment-card__row-toggle i {
  font-size: var(--type-label);
  line-height: 1;
  transition: transform .2s;
}

.assessment-card__row-toggle--expanded {
  color: var(--color-secondary-ink);
}

.assessment-card__row-toggle--expanded i {
  transform: rotate(90deg);
}

.assessment-card__row-title {
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--color-text);
}

.assessment-card__row-rxs {
  color: var(--color-text-muted-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  font-weight: 500;
  overflow: hidden;
}

.assessment-card__row-content {
  padding: var(--space-3) 14px 14px;
  isolation: isolate;
  background: none;
}

.assessment-card__row-content .mini-form {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.assessment-card__pending-list {
  gap: var(--space-2);
  padding: var(--space-3) 2px 2px;
  margin-top: var(--space-1);
  flex-direction: column;
  display: flex;
}

.assessment-card__pending-header {
  align-items: center;
  gap: var(--space-3);
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--color-text-700);
  border-bottom: 1px solid #e4e5e7e6;
  margin-bottom: 2px;
  padding: 0 2px 10px;
  display: flex;
}

.assessment-card__pending-footer {
  padding: var(--space-2) 2px 2px;
  margin-top: var(--space-1);
  justify-content: flex-start;
  display: flex;
}

.assessment-card__generate-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.assessment-card__generate-btn i, .assessment-card__generate-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.assessment-card__generate-btn.disabled, .assessment-card__generate-btn[disabled], .assessment-card__generate-btn[aria-disabled="true"], .assessment-card__generate-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.assessment-card__generate-btn.disabled i, .assessment-card__generate-btn[disabled] i, .assessment-card__generate-btn[aria-disabled="true"] i, .assessment-card__generate-btn:disabled i, .assessment-card__generate-btn.disabled .icon, .assessment-card__generate-btn[disabled] .icon, .assessment-card__generate-btn[aria-disabled="true"] .icon, .assessment-card__generate-btn:disabled .icon, .assessment-card__generate-btn.disabled svg, .assessment-card__generate-btn[disabled] svg, .assessment-card__generate-btn[aria-disabled="true"] svg, .assessment-card__generate-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.assessment-card__generate-btn.disabled svg *, .assessment-card__generate-btn[disabled] svg *, .assessment-card__generate-btn[aria-disabled="true"] svg *, .assessment-card__generate-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.assessment-card__generate-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.assessment-card__generate-btn:focus-visible {
  box-shadow: none;
}

.assessment-card__generate-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.assessment-card__generate-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.assessment-card__pending-row {
  padding: var(--space-1) 2px;
}

.assessment-card__pending-label {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-weight: 500;
  display: flex;
}

.assessment-card__pending-checkbox.ant-checkbox-wrapper {
  flex-shrink: 0;
  margin: 0;
}

.assessment-card__pending-form-name {
  font-weight: 500;
  font-size: var(--type-value);
  color: var(--color-text-700);
}

.assessment-card__pending-rxs {
  color: var(--color-text-muted-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
}

.assessment-card__badge {
  flex-shrink: 0;
}

.assessment-card__badge--required {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.assessment-card__badge--optional {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #949494 var(--status-pill-tint, 20%), #fff);
  color: #5c5c5c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.assessment-card__badge--missing {
  min-height: var(--status-pill-min-h, 24px);
  padding: var(--status-pill-pad-y, 3px) var(--status-pill-pad-x, var(--space-2));
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent);
  background-color: color-mix(in srgb, #c96767 var(--status-pill-tint, 20%), #fff);
  color: #843c3c;
  font-family: Soehne, sans-serif;
  font-size: var(--status-pill-type, var(--type-label));
  font-weight: 500;
  line-height: var(--status-pill-lh, 16px);
  letter-spacing: 0;
  white-space: nowrap;
  max-width: 100%;
  min-width: var(--status-pill-min-w, 0px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  box-shadow: none;
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: baseline;
  display: inline-flex;
  overflow: hidden;
}

.assessment-card__badge--missing:hover, .assessment-card__badge--missing:focus-visible {
  text-decoration: underline;
}

.assessment-row--error-flash {
  animation: .4s ease-in-out 3 assessment-row-flash;
  box-shadow: 0 0 0 2px #d9808040;
  border-color: var(--color-error) !important;
}

@keyframes assessment-row-flash {
  0%, 100% {
    background-color: #0000;
  }

  50% {
    background-color: #d9808014;
  }
}

.wizard-tab-content .assessment-card__row-content {
  padding-left: 0;
  padding-right: 0;
}

.wizard-tab-content .assessment-card__pending-list {
  padding-left: calc(var(--space-3) - 2px);
  padding-right: calc(var(--space-3) - 2px);
}

.wizard-tab-content .assessment-card__row {
  border: none;
  border-bottom: 1px solid var(--gray-100);
  box-shadow: none;
  border-radius: 0;
}

.wizard-tab-content .assessment-card__row--expanded:last-child {
  border-bottom: 0;
}

.wizard-tab-content .assessment-card__row:hover, .wizard-tab-content .assessment-card__row--expanded, .wizard-tab-content .assessment-card__row--expanded:hover {
  box-shadow: none;
}

.calendar-confirm-modal.missing-info-warning-modal {
  max-width: 560px;
}

.calendar-confirm-modal.missing-info-warning-modal .missing-info-warning-lead {
  margin: 0 0 var(--space-3);
}

.calendar-confirm-modal.missing-info-warning-modal .missing-info-warning-group + .missing-info-warning-group {
  margin-top: var(--space-2);
}

.calendar-confirm-modal.missing-info-warning-modal .missing-info-warning-heading {
  font-size: var(--type-label);
  color: var(--color-text-muted-ink);
  font-weight: 500;
}

.calendar-confirm-modal.missing-info-warning-modal .missing-info-warning-names {
  font-weight: 500;
}

.dt-careplan-header {
  width: 100%;
  font-size: var(--type-label);
  margin-top: var(--space-1);
  font-weight: 500;
}

.dt-careplan-header__grid {
  column-gap: var(--space-1);
  grid-template-columns: max-content auto;
  row-gap: 2px;
  display: grid;
}

.dt-careplan-header__label {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  font-weight: 400;
}

.dt-careplan-header__value {
  color: var(--color-text-700);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  overflow: hidden;
}

.dt-careplan-reviewed-bar {
  padding: var(--space-2) 0 var(--space-3) 0;
  align-items: center;
  gap: 10px;
  display: flex;
}

.dt-careplan-reviewed-bar .btn-reviewed {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  align-items: center;
  gap: var(--space-1);
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dt-careplan-reviewed-bar .btn-reviewed i, .dt-careplan-reviewed-bar .btn-reviewed .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dt-careplan-reviewed-bar .btn-reviewed.disabled, .dt-careplan-reviewed-bar .btn-reviewed[disabled], .dt-careplan-reviewed-bar .btn-reviewed[aria-disabled="true"], .dt-careplan-reviewed-bar .btn-reviewed:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.dt-careplan-reviewed-bar .btn-reviewed.disabled i, .dt-careplan-reviewed-bar .btn-reviewed[disabled] i, .dt-careplan-reviewed-bar .btn-reviewed[aria-disabled="true"] i, .dt-careplan-reviewed-bar .btn-reviewed:disabled i, .dt-careplan-reviewed-bar .btn-reviewed.disabled .icon, .dt-careplan-reviewed-bar .btn-reviewed[disabled] .icon, .dt-careplan-reviewed-bar .btn-reviewed[aria-disabled="true"] .icon, .dt-careplan-reviewed-bar .btn-reviewed:disabled .icon, .dt-careplan-reviewed-bar .btn-reviewed.disabled svg, .dt-careplan-reviewed-bar .btn-reviewed[disabled] svg, .dt-careplan-reviewed-bar .btn-reviewed[aria-disabled="true"] svg, .dt-careplan-reviewed-bar .btn-reviewed:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dt-careplan-reviewed-bar .btn-reviewed.disabled svg *, .dt-careplan-reviewed-bar .btn-reviewed[disabled] svg *, .dt-careplan-reviewed-bar .btn-reviewed[aria-disabled="true"] svg *, .dt-careplan-reviewed-bar .btn-reviewed:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dt-careplan-reviewed-bar .btn-reviewed:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dt-careplan-reviewed-bar .btn-reviewed:focus-visible {
  box-shadow: none;
}

.dt-careplan-reviewed-bar .btn-reviewed:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dt-careplan-reviewed-bar .btn-reviewed:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dt-careplan-reviewed-bar .btn-reviewed i {
  font-size: var(--type-label);
  flex-shrink: 0;
  line-height: 1;
}

.dt-careplan-reviewed-bar .reviewed-label {
  font-size: var(--type-label);
  color: var(--color-text-700);
  font-style: italic;
}

.form-section {
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
  text-transform: uppercase;
  color: var(--color-tertiary);
  font-weight: 500 !important;
}

.form-section-group {
  color: #888;
  font-size: var(--font-size-24);
  text-transform: uppercase;
  font-family: Soehne, sans-serif;
  line-height: normal;
  font-size: var(--form-section-group-fs);
  border-bottom: 1px solid #dbdbdd;
  font-weight: 500 !important;
}

.form-label-one {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #333;
}

.required-asterisk-icon-style {
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.required-asterisk:after {
  content: "*";
  padding-left: var(--required-asterisk-pl);
  margin-top: -1px;
}

.form-input-unit {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
}

.unit-show-unit {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  width: calc(50% - 8px);
  margin-right: var(--space-2);
  color: #5a5958;
  background-color: #0000;
  border: none;
}

.form-input-field {
  background-color: var(--color-background-100);
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #000;
  padding: var(--form-input-field-tmp-p);
  width: 100%;
  min-height: var(--form-input-field-min-height);
  border: 1px solid #58505b40;
  border-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.form-input-field.unit {
  color: #000;
}

.form-input-field::placeholder {
  color: #5a595880;
}

.form-input-field:focus, .form-input-field-focus {
  border: 2px solid var(--color-secondary);
  background-color: #fff;
}

.field-required-title {
  font-size: var(--font-size-10);
  line-height: var(--line-height-24);
  color: #cc7878;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.field-required-note-helping-block {
  font-size: var(--font-size-10);
  line-height: var(--line-height-24);
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  line-height: 0;
}

.field-error-msg {
  color: #cc7878;
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.field-warning-msg {
  color: #ffaa5b;
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.form-icon-one {
  width: 18px;
  height: 18px;
  font-size: var(--font-size-18);
  cursor: pointer;
}

.add-manage-btn {
  font-size: var(--font-size-12);
  line-height: var(--line-height-24);
  color: #5a595880;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.form-radio-btn-group {
  color: #58505b;
  background: #fff;
  border: 1px solid #58505b;
}

.form-radio-btn-group-active {
  color: #fff;
  background: #58505b;
}

.search-box-one {
  padding: var(--search-box-one-p);
  background-color: var(--color-background-100);
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #000;
  padding: var(--form-input-field-tmp-p);
  width: 100%;
  min-height: var(--form-input-field-min-height);
  border: 1px solid #58505b40;
  border-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.search-box-one.unit {
  color: #000;
}

.search-box-one::placeholder {
  color: #5a595880;
}

.search-box-one:focus {
  border: 2px solid var(--color-secondary);
  background-color: #fff;
}

.search-box-two {
  padding: var(--search-box-two-p);
  background-color: #fff;
  border-radius: 12px;
}

.search-box-two input {
  color: #000;
  background-color: #fff;
}

.font-icon {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
}

.input-checkbox-defualt input[type="checkbox"] {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.input-checkbox-defualt input[type="checkbox"]:hover:before {
  border: 2px solid #58505b;
}

.input-checkbox-defualt input[type="checkbox"]:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid var(--color-border-500);
  display: block;
}

.input-checkbox-defualt input[type="checkbox"]:checked:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M2 7L6 11L12 3' stroke='%239974cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.checkbox-one {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.checkbox-one:hover:before {
  border: 2px solid #58505b;
}

.checkbox-one:before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid var(--color-border-500);
  display: block;
}

.checkbox-one:checked:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M2 7L6 11L12 3' stroke='%239974cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.checkbox-one-inner {
  -webkit-appearance: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  transition: background .5s;
}

.checkbox-one-hover-before {
  border: 2px solid #58505b;
}

.checkbox-one-before {
  content: "";
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 1px solid var(--color-border-500);
  display: block;
}

.checkbox-one-ckecked-before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'><path d='M2 7L6 11L12 3' stroke='%239974cf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: inherit;
  background-position: center;
  border: 2px solid #9974cf;
}

.select-box {
  background-color: var(--color-background-100);
  font-size: var(--font-size-14);
  line-height: var(--line-height-24);
  color: #000;
  padding: var(--form-input-field-tmp-p);
  width: 100%;
  min-height: var(--form-input-field-min-height);
  border: 1px solid #58505b40;
  border-radius: 12px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.select-box.unit {
  color: #000;
}

.select-box::placeholder {
  color: #5a595880;
}

.select-box:focus {
  border: 2px solid var(--color-secondary);
  background-color: #fff;
}

.select-box:after {
  content: "";
  margin-right: var(--select-box-after-mr);
  border: 1px solid var(--color-primary) !important;
}

.claim-field-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  color: #5a8db0;
  width: 10px;
  height: 12px;
  line-height: 1;
}

.money-vc {
  color: #679989;
}

.money-vc .input {
  color: #679989 !important;
}

.money-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--type-label);
  width: 10px;
  height: 12px;
  line-height: 1;
}

input[class*="field_"][class*="money"][readonly="readonly"] {
  color: #679989 !important;
}

.discount-vc {
  color: #50749c;
}

.discount-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  height: 12px;
  line-height: 1;
}

input[class*="field_"][class*="discount"][readonly="readonly"] {
  color: #50749c !important;
}

.status-vc {
  color: var(--brand-800);
}

.status-vc .input {
  color: var(--brand-800) !important;
}

.status-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  height: 12px;
  line-height: 1;
}

input[class*="field_"][class*="status"][readonly="readonly"] {
  color: var(--brand-800) !important;
}

.important-vc {
  color: var(--brand-800);
}

.important-vc .input {
  color: var(--brand-800) !important;
}

.important-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  width: auto;
  margin-right: var(--nudge-1);
  height: 12px;
  line-height: 1;
}

input[class*="field_"][class*="important"][readonly="readonly"] {
  color: var(--brand-800) !important;
}

.check-field-vc {
  color: #f57066;
}

.check-field-vc:before {
  content: ".";
  color: #0000;
  width: 10px;
  height: 12px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

.fdb-field-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  color: #5a8db0;
  width: 10px;
  height: 12px;
  line-height: 1;
}

.cms-1500-field-vc:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--field-label-glyph, var(--type-label));
  color: #5a8db0;
  width: 10px;
  height: 12px;
  line-height: 1;
}

.dotted-field-style {
  background-color: #0000;
  border: 0 dotted;
  border-bottom: 2px dotted #595a5a80;
  border-radius: 0;
}

.delivery-ticket-header {
  width: 100%;
  color: var(--color-text-700);
  font-size: var(--type-label);
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-header .add-refresh {
  opacity: 1;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  cursor: pointer;
  padding: 0 var(--space-2);
  content: "" !important;
  font-weight: 300 !important;
}

.delivery-ticket-header .add-refresh:hover {
  opacity: .7 !important;
}

.delivery-ticket-header p {
  margin-bottom: 3px;
}

.delivery-ticket-header__title {
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  color: #6a7f9d;
  margin: 0;
  font-weight: 500;
  line-height: 1.15;
}

.delivery-ticket-header__count {
  font-weight: 500;
}

.delivery-ticket-header__right {
  text-align: right;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.delivery-ticket-header__right--title {
  padding-right: var(--space-2);
}

.delivery-ticket-header__name {
  font-weight: 500;
}

.delivery-ticket-header__actions {
  gap: var(--space-2);
  display: flex;
}

.delivery-ticket-header__desc {
  color: var(--color-text-muted-ink);
  margin-left: 10px;
  display: inline-block;
}

.delivery-ticket-header__copay {
  color: var(--color-text-700);
  font-weight: 500;
}

.delivery-ticket-header__paid {
  color: var(--color-error-ink);
  font-weight: 500;
}

.delivery-ticket-header__actions {
  display: flex;
}

.delivery-ticket-header .btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.delivery-ticket-header .btn i, .delivery-ticket-header .btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-header .btn.disabled, .delivery-ticket-header .btn[disabled], .delivery-ticket-header .btn[aria-disabled="true"], .delivery-ticket-header .btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.delivery-ticket-header .btn.disabled i, .delivery-ticket-header .btn[disabled] i, .delivery-ticket-header .btn[aria-disabled="true"] i, .delivery-ticket-header .btn:disabled i, .delivery-ticket-header .btn.disabled .icon, .delivery-ticket-header .btn[disabled] .icon, .delivery-ticket-header .btn[aria-disabled="true"] .icon, .delivery-ticket-header .btn:disabled .icon, .delivery-ticket-header .btn.disabled svg, .delivery-ticket-header .btn[disabled] svg, .delivery-ticket-header .btn[aria-disabled="true"] svg, .delivery-ticket-header .btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.delivery-ticket-header .btn.disabled svg *, .delivery-ticket-header .btn[disabled] svg *, .delivery-ticket-header .btn[aria-disabled="true"] svg *, .delivery-ticket-header .btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-header .btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.delivery-ticket-header .btn:focus-visible {
  box-shadow: none;
}

.delivery-ticket-header .btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-header .btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-header .btn i {
  margin-right: 10px;
}

.delivery-ticket-header .dt-legend-btn {
  padding: 0 var(--space-2);
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  display: inline-flex;
}

.delivery-ticket-header .dt-legend-btn i {
  font-size: var(--icon-size-sm);
  color: var(--color-primary-ink);
  font-weight: 300;
}

.delivery-ticket-header .dt-legend-btn:hover {
  opacity: .7;
}

.delivery-ticket-header .btn.btn-add-item {
  text-align: center;
  text-transform: uppercase;
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  padding: var(--space-2) var(--space-4);
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  transform: none !important;
}

.delivery-ticket-header .btn.btn-add-item i, .delivery-ticket-header .btn.btn-add-item .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-header .btn.btn-add-item.disabled, .delivery-ticket-header .btn.btn-add-item[disabled], .delivery-ticket-header .btn.btn-add-item[aria-disabled="true"], .delivery-ticket-header .btn.btn-add-item:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.delivery-ticket-header .btn.btn-add-item.disabled i, .delivery-ticket-header .btn.btn-add-item[disabled] i, .delivery-ticket-header .btn.btn-add-item[aria-disabled="true"] i, .delivery-ticket-header .btn.btn-add-item:disabled i, .delivery-ticket-header .btn.btn-add-item.disabled .icon, .delivery-ticket-header .btn.btn-add-item[disabled] .icon, .delivery-ticket-header .btn.btn-add-item[aria-disabled="true"] .icon, .delivery-ticket-header .btn.btn-add-item:disabled .icon, .delivery-ticket-header .btn.btn-add-item.disabled svg, .delivery-ticket-header .btn.btn-add-item[disabled] svg, .delivery-ticket-header .btn.btn-add-item[aria-disabled="true"] svg, .delivery-ticket-header .btn.btn-add-item:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.delivery-ticket-header .btn.btn-add-item.disabled svg *, .delivery-ticket-header .btn.btn-add-item[disabled] svg *, .delivery-ticket-header .btn.btn-add-item[aria-disabled="true"] svg *, .delivery-ticket-header .btn.btn-add-item:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-header .btn.btn-add-item:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.delivery-ticket-header .btn.btn-add-item:focus-visible {
  box-shadow: none;
}

.delivery-ticket-header .btn.btn-add-item:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-header .btn.btn-add-item:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-header .btn.btn-add-item i {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin-right: 0;
  line-height: 1;
}

.delivery-ticket-header .btn.btn-scan-items {
  text-align: center;
  text-transform: uppercase;
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  padding: var(--space-2) var(--space-4);
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  transform: none !important;
}

.delivery-ticket-header .btn.btn-scan-items i, .delivery-ticket-header .btn.btn-scan-items .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-header .btn.btn-scan-items.disabled, .delivery-ticket-header .btn.btn-scan-items[disabled], .delivery-ticket-header .btn.btn-scan-items[aria-disabled="true"], .delivery-ticket-header .btn.btn-scan-items:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.delivery-ticket-header .btn.btn-scan-items.disabled i, .delivery-ticket-header .btn.btn-scan-items[disabled] i, .delivery-ticket-header .btn.btn-scan-items[aria-disabled="true"] i, .delivery-ticket-header .btn.btn-scan-items:disabled i, .delivery-ticket-header .btn.btn-scan-items.disabled .icon, .delivery-ticket-header .btn.btn-scan-items[disabled] .icon, .delivery-ticket-header .btn.btn-scan-items[aria-disabled="true"] .icon, .delivery-ticket-header .btn.btn-scan-items:disabled .icon, .delivery-ticket-header .btn.btn-scan-items.disabled svg, .delivery-ticket-header .btn.btn-scan-items[disabled] svg, .delivery-ticket-header .btn.btn-scan-items[aria-disabled="true"] svg, .delivery-ticket-header .btn.btn-scan-items:disabled svg {
  color: #fff;
  font-weight: 300;
}

.delivery-ticket-header .btn.btn-scan-items.disabled svg *, .delivery-ticket-header .btn.btn-scan-items[disabled] svg *, .delivery-ticket-header .btn.btn-scan-items[aria-disabled="true"] svg *, .delivery-ticket-header .btn.btn-scan-items:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-header .btn.btn-scan-items:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.delivery-ticket-header .btn.btn-scan-items:focus-visible {
  box-shadow: none;
}

.delivery-ticket-header .btn.btn-scan-items:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-header .btn.btn-scan-items:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-header .btn.btn-scan-items i {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin-right: 0;
  line-height: 1;
}

.delivery-ticket-items-header {
  width: 100%;
  margin-top: var(--space-1);
  font-size: var(--type-label);
  flex-direction: column;
  flex: 1;
  font-weight: 500;
  display: flex;
}

.delivery-ticket-items-header__labels-btn {
  pointer-events: auto;
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  box-shadow: none;
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  transform: none;
}

.delivery-ticket-items-header__labels-btn i {
  color: inherit;
  flex-shrink: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1;
}

.delivery-ticket-items-header__labels-btn:hover, .delivery-ticket-items-header__labels-btn:focus-visible {
  box-shadow: none;
  color: var(--color-primary-ink);
  background: none;
  transform: none;
}

.delivery-ticket-items-header__labels-btn:hover span, .delivery-ticket-items-header__labels-btn:focus-visible span {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.delivery-ticket-items-header__cols {
  gap: var(--space-2);
  flex: 1;
  display: flex;
}

.delivery-ticket-items-header__col {
  column-gap: var(--space-1);
  flex: 1;
  grid-template-columns: max-content 1fr;
  align-content: start;
  row-gap: 2px;
  display: grid;
}

.delivery-ticket-items-header__label {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  font-weight: 400;
}

.delivery-ticket-items-header__value {
  color: var(--color-text-700);
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.delivery-ticket-items-header__actions {
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: auto;
  display: flex;
}

.delivery-ticket-items-header .btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-2);
  gap: var(--space-2);
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  transform: none !important;
}

.delivery-ticket-items-header .btn i, .delivery-ticket-items-header .btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-items-header .btn.disabled, .delivery-ticket-items-header .btn[disabled], .delivery-ticket-items-header .btn[aria-disabled="true"], .delivery-ticket-items-header .btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.delivery-ticket-items-header .btn.disabled i, .delivery-ticket-items-header .btn[disabled] i, .delivery-ticket-items-header .btn[aria-disabled="true"] i, .delivery-ticket-items-header .btn:disabled i, .delivery-ticket-items-header .btn.disabled .icon, .delivery-ticket-items-header .btn[disabled] .icon, .delivery-ticket-items-header .btn[aria-disabled="true"] .icon, .delivery-ticket-items-header .btn:disabled .icon, .delivery-ticket-items-header .btn.disabled svg, .delivery-ticket-items-header .btn[disabled] svg, .delivery-ticket-items-header .btn[aria-disabled="true"] svg, .delivery-ticket-items-header .btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.delivery-ticket-items-header .btn.disabled svg *, .delivery-ticket-items-header .btn[disabled] svg *, .delivery-ticket-items-header .btn[aria-disabled="true"] svg *, .delivery-ticket-items-header .btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-items-header .btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.delivery-ticket-items-header .btn:focus-visible {
  box-shadow: none;
}

.delivery-ticket-items-header .btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-items-header .btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-items-header .btn i {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin-right: 0;
  line-height: 1;
}

.delivery-ticket-items-header .btn-scan-items, .delivery-ticket-items-header .btn-shipment-print, .delivery-ticket-items-header .btn-shipment-label {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-2);
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: 0;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #496c60, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  transform: none !important;
}

.delivery-ticket-items-header .btn-scan-items i, .delivery-ticket-items-header .btn-shipment-print i, .delivery-ticket-items-header .btn-shipment-label i, .delivery-ticket-items-header .btn-scan-items .icon, .delivery-ticket-items-header .btn-shipment-print .icon, .delivery-ticket-items-header .btn-shipment-label .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-items-header .btn-scan-items.disabled, .delivery-ticket-items-header .btn-shipment-print.disabled, .delivery-ticket-items-header .btn-shipment-label.disabled, .delivery-ticket-items-header .btn-scan-items[disabled], .delivery-ticket-items-header .btn-shipment-print[disabled], .delivery-ticket-items-header .btn-shipment-label[disabled], .delivery-ticket-items-header .btn-scan-items[aria-disabled="true"], .delivery-ticket-items-header .btn-shipment-print[aria-disabled="true"], .delivery-ticket-items-header .btn-shipment-label[aria-disabled="true"], .delivery-ticket-items-header .btn-scan-items:disabled, .delivery-ticket-items-header .btn-shipment-print:disabled, .delivery-ticket-items-header .btn-shipment-label:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #719f90 0%, #619081 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#719f90 0%, #619081 100%);
  border: none;
  transform: none;
}

.delivery-ticket-items-header .btn-scan-items.disabled i, .delivery-ticket-items-header .btn-shipment-print.disabled i, .delivery-ticket-items-header .btn-shipment-label.disabled i, .delivery-ticket-items-header .btn-scan-items[disabled] i, .delivery-ticket-items-header .btn-shipment-print[disabled] i, .delivery-ticket-items-header .btn-shipment-label[disabled] i, .delivery-ticket-items-header .btn-scan-items[aria-disabled="true"] i, .delivery-ticket-items-header .btn-shipment-print[aria-disabled="true"] i, .delivery-ticket-items-header .btn-shipment-label[aria-disabled="true"] i, .delivery-ticket-items-header .btn-scan-items:disabled i, .delivery-ticket-items-header .btn-shipment-print:disabled i, .delivery-ticket-items-header .btn-shipment-label:disabled i, .delivery-ticket-items-header .btn-scan-items.disabled .icon, .delivery-ticket-items-header .btn-shipment-print.disabled .icon, .delivery-ticket-items-header .btn-shipment-label.disabled .icon, .delivery-ticket-items-header .btn-scan-items[disabled] .icon, .delivery-ticket-items-header .btn-shipment-print[disabled] .icon, .delivery-ticket-items-header .btn-shipment-label[disabled] .icon, .delivery-ticket-items-header .btn-scan-items[aria-disabled="true"] .icon, .delivery-ticket-items-header .btn-shipment-print[aria-disabled="true"] .icon, .delivery-ticket-items-header .btn-shipment-label[aria-disabled="true"] .icon, .delivery-ticket-items-header .btn-scan-items:disabled .icon, .delivery-ticket-items-header .btn-shipment-print:disabled .icon, .delivery-ticket-items-header .btn-shipment-label:disabled .icon, .delivery-ticket-items-header .btn-scan-items.disabled svg, .delivery-ticket-items-header .btn-shipment-print.disabled svg, .delivery-ticket-items-header .btn-shipment-label.disabled svg, .delivery-ticket-items-header .btn-scan-items[disabled] svg, .delivery-ticket-items-header .btn-shipment-print[disabled] svg, .delivery-ticket-items-header .btn-shipment-label[disabled] svg, .delivery-ticket-items-header .btn-scan-items[aria-disabled="true"] svg, .delivery-ticket-items-header .btn-shipment-print[aria-disabled="true"] svg, .delivery-ticket-items-header .btn-shipment-label[aria-disabled="true"] svg, .delivery-ticket-items-header .btn-scan-items:disabled svg, .delivery-ticket-items-header .btn-shipment-print:disabled svg, .delivery-ticket-items-header .btn-shipment-label:disabled svg {
  color: #fff;
  font-weight: 300;
}

.delivery-ticket-items-header .btn-scan-items.disabled svg *, .delivery-ticket-items-header .btn-shipment-print.disabled svg *, .delivery-ticket-items-header .btn-shipment-label.disabled svg *, .delivery-ticket-items-header .btn-scan-items[disabled] svg *, .delivery-ticket-items-header .btn-shipment-print[disabled] svg *, .delivery-ticket-items-header .btn-shipment-label[disabled] svg *, .delivery-ticket-items-header .btn-scan-items[aria-disabled="true"] svg *, .delivery-ticket-items-header .btn-shipment-print[aria-disabled="true"] svg *, .delivery-ticket-items-header .btn-shipment-label[aria-disabled="true"] svg *, .delivery-ticket-items-header .btn-scan-items:disabled svg *, .delivery-ticket-items-header .btn-shipment-print:disabled svg *, .delivery-ticket-items-header .btn-shipment-label:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-items-header .btn-scan-items:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .btn-shipment-print:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .btn-shipment-label:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.delivery-ticket-items-header .btn-scan-items:focus-visible, .delivery-ticket-items-header .btn-shipment-print:focus-visible, .delivery-ticket-items-header .btn-shipment-label:focus-visible {
  box-shadow: none;
}

.delivery-ticket-items-header .btn-scan-items:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .btn-shipment-print:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .btn-shipment-label:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-items-header .btn-scan-items:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .btn-shipment-print:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .btn-shipment-label:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-items-header .btn-scan-items i, .delivery-ticket-items-header .btn-shipment-print i, .delivery-ticket-items-header .btn-shipment-label i {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin-right: 0;
  line-height: 1;
}

.delivery-ticket-items-header .btn-shipment-buy, .delivery-ticket-items-header .bbtn-process-card {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-size: var(--type-label);
  padding: var(--space-1) var(--space-2);
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: 0;
  font-weight: 500;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3e5d81, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  transform: none !important;
}

.delivery-ticket-items-header .btn-shipment-buy i, .delivery-ticket-items-header .bbtn-process-card i, .delivery-ticket-items-header .btn-shipment-buy .icon, .delivery-ticket-items-header .bbtn-process-card .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.delivery-ticket-items-header .btn-shipment-buy.disabled, .delivery-ticket-items-header .bbtn-process-card.disabled, .delivery-ticket-items-header .btn-shipment-buy[disabled], .delivery-ticket-items-header .bbtn-process-card[disabled], .delivery-ticket-items-header .btn-shipment-buy[aria-disabled="true"], .delivery-ticket-items-header .bbtn-process-card[aria-disabled="true"], .delivery-ticket-items-header .btn-shipment-buy:disabled, .delivery-ticket-items-header .bbtn-process-card:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #658bb5 0%, #527baa 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#658bb5 0%, #527baa 100%);
  border: none;
  transform: none;
}

.delivery-ticket-items-header .btn-shipment-buy.disabled i, .delivery-ticket-items-header .bbtn-process-card.disabled i, .delivery-ticket-items-header .btn-shipment-buy[disabled] i, .delivery-ticket-items-header .bbtn-process-card[disabled] i, .delivery-ticket-items-header .btn-shipment-buy[aria-disabled="true"] i, .delivery-ticket-items-header .bbtn-process-card[aria-disabled="true"] i, .delivery-ticket-items-header .btn-shipment-buy:disabled i, .delivery-ticket-items-header .bbtn-process-card:disabled i, .delivery-ticket-items-header .btn-shipment-buy.disabled .icon, .delivery-ticket-items-header .bbtn-process-card.disabled .icon, .delivery-ticket-items-header .btn-shipment-buy[disabled] .icon, .delivery-ticket-items-header .bbtn-process-card[disabled] .icon, .delivery-ticket-items-header .btn-shipment-buy[aria-disabled="true"] .icon, .delivery-ticket-items-header .bbtn-process-card[aria-disabled="true"] .icon, .delivery-ticket-items-header .btn-shipment-buy:disabled .icon, .delivery-ticket-items-header .bbtn-process-card:disabled .icon, .delivery-ticket-items-header .btn-shipment-buy.disabled svg, .delivery-ticket-items-header .bbtn-process-card.disabled svg, .delivery-ticket-items-header .btn-shipment-buy[disabled] svg, .delivery-ticket-items-header .bbtn-process-card[disabled] svg, .delivery-ticket-items-header .btn-shipment-buy[aria-disabled="true"] svg, .delivery-ticket-items-header .bbtn-process-card[aria-disabled="true"] svg, .delivery-ticket-items-header .btn-shipment-buy:disabled svg, .delivery-ticket-items-header .bbtn-process-card:disabled svg {
  color: #fff;
  font-weight: 300;
}

.delivery-ticket-items-header .btn-shipment-buy.disabled svg *, .delivery-ticket-items-header .bbtn-process-card.disabled svg *, .delivery-ticket-items-header .btn-shipment-buy[disabled] svg *, .delivery-ticket-items-header .bbtn-process-card[disabled] svg *, .delivery-ticket-items-header .btn-shipment-buy[aria-disabled="true"] svg *, .delivery-ticket-items-header .bbtn-process-card[aria-disabled="true"] svg *, .delivery-ticket-items-header .btn-shipment-buy:disabled svg *, .delivery-ticket-items-header .bbtn-process-card:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.delivery-ticket-items-header .btn-shipment-buy:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .bbtn-process-card:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.delivery-ticket-items-header .btn-shipment-buy:focus-visible, .delivery-ticket-items-header .bbtn-process-card:focus-visible {
  box-shadow: none;
}

.delivery-ticket-items-header .btn-shipment-buy:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .bbtn-process-card:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.delivery-ticket-items-header .btn-shipment-buy:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .delivery-ticket-items-header .bbtn-process-card:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.delivery-ticket-items-header .btn-shipment-buy i, .delivery-ticket-items-header .bbtn-process-card i {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin-right: 0;
  line-height: 1;
}

.widget-cash-posting {
  width: 100%;
  color: var(--color-text-700);
  font-size: var(--type-label);
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.widget-cash-posting-info {
  padding-right: var(--space-2);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.widget-cash-posting-info-details {
  gap: var(--space-4);
  flex-direction: row;
  display: flex;
}

.widget-cash-posting p {
  margin-bottom: 3px;
}

.widget-cash-posting-count, .widget-cash-posting-name {
  font-weight: 500;
}

.widget-cash-posting-actions {
  gap: var(--space-2);
  display: flex;
}

.widget-cash-posting-desc {
  color: var(--color-text-muted-ink);
  display: inline-block;
}

.widget-cash-posting-copay {
  color: var(--color-text-700);
  font-weight: 500;
}

.widget-cash-posting-paid {
  color: var(--color-error-ink);
  font-weight: 500;
}

.widget-cash-posting-actions {
  display: flex;
}

.widget-cash-posting .btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: inline-flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.widget-cash-posting .btn i, .widget-cash-posting .btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.widget-cash-posting .btn.disabled, .widget-cash-posting .btn[disabled], .widget-cash-posting .btn[aria-disabled="true"], .widget-cash-posting .btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.widget-cash-posting .btn.disabled i, .widget-cash-posting .btn[disabled] i, .widget-cash-posting .btn[aria-disabled="true"] i, .widget-cash-posting .btn:disabled i, .widget-cash-posting .btn.disabled .icon, .widget-cash-posting .btn[disabled] .icon, .widget-cash-posting .btn[aria-disabled="true"] .icon, .widget-cash-posting .btn:disabled .icon, .widget-cash-posting .btn.disabled svg, .widget-cash-posting .btn[disabled] svg, .widget-cash-posting .btn[aria-disabled="true"] svg, .widget-cash-posting .btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.widget-cash-posting .btn.disabled svg *, .widget-cash-posting .btn[disabled] svg *, .widget-cash-posting .btn[aria-disabled="true"] svg *, .widget-cash-posting .btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.widget-cash-posting .btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.widget-cash-posting .btn:focus-visible {
  box-shadow: none;
}

.widget-cash-posting .btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.widget-cash-posting .btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.widget-cash-posting .btn i {
  font-size: var(--type-value);
  flex-shrink: 0;
  margin-right: 0;
  line-height: 1;
}

.widget-cash-posting--tab-card {
  width: 100%;
  font-size: var(--type-label);
  color: var(--color-text-700);
  margin-top: var(--space-1);
  flex-direction: column;
  font-weight: 500;
  display: flex;
}

.widget-cash-posting--tab-card-cols {
  column-gap: var(--space-1);
  grid-template-columns: max-content auto max-content auto;
  row-gap: 2px;
  width: 100%;
  display: grid;
}

.widget-cash-posting--tab-card-col {
  display: contents;
}

.widget-cash-posting--tab-card-label {
  color: var(--color-text-muted-ink);
  white-space: nowrap;
  font-weight: 400;
}

.widget-cash-posting--tab-card-value {
  color: var(--color-text-700);
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.widget-cash-posting--tab-card-value:nth-child(4n+2) {
  padding-right: var(--space-4);
}

.widget-cash-posting--tab-card-value.is-owed {
  color: var(--color-error-ink);
}

.widget-cash-posting--tab-card-actions {
  gap: var(--space-4);
  margin-top: auto;
  display: flex;
}

.widget-cash-posting--tab-card-actions .card-link-btn {
  align-items: center;
  gap: calc(var(--space-1) + var(--nudge-1));
  box-shadow: none;
  color: var(--color-primary-ink);
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  transform: none;
}

.widget-cash-posting--tab-card-actions .card-link-btn i {
  color: inherit;
  flex-shrink: 0;
  margin: 0;
  font-size: 10px;
  line-height: 1;
}

.widget-cash-posting--tab-card-actions .card-link-btn:hover, .widget-cash-posting--tab-card-actions .card-link-btn:focus-visible {
  box-shadow: none;
  color: var(--color-primary-ink);
  background: none;
  transform: none;
}

.widget-cash-posting--tab-card-actions .card-link-btn:hover span, .widget-cash-posting--tab-card-actions .card-link-btn:focus-visible span {
  text-underline-offset: 2px;
  text-decoration: underline;
}

.generic-card-container {
  background-color: #ededed;
  border: 1px solid #c8c8c866;
  border-radius: 12px;
  flex-direction: column;
  transition: box-shadow .15s, background-color .15s;
  display: flex;
  box-shadow: 0 1px 4px #18100a14;
}

.generic-card-container .header {
  min-height: 52px;
  padding: var(--space-3);
  background-color: #fff;
  border-bottom: 1px solid #dbdbdd;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.generic-card-container .header.collapsed {
  border-bottom: none;
  border-radius: 12px;
}

.generic-card-container .header .title {
  font-size: var(--type-control);
  color: #111;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.generic-card-container .header .arrow {
  cursor: pointer;
  width: 14px;
  height: 24px;
  font-size: var(--type-value);
  color: var(--gray-700);
  justify-content: center;
  align-items: center;
  line-height: 24px;
  display: inline-flex;
}

.generic-card-container .body {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  border-radius: inherit;
  background-color: #fbfbfb;
  height: 100%;
}

.generic-card-container:hover {
  background-color: #ededed;
  box-shadow: 0 1px 4px #18100a14;
}

.generic-card-container .header {
  background-color: #ededed;
  border-bottom: 1px solid #0000000f;
  gap: 10px;
  padding: var(--space-3) 14px !important;
  align-items: center !important;
}

.generic-card-container .header .title {
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  color: var(--gray-700, #565a62);
  text-transform: none;
  font-weight: 500;
}

.generic-card-container .header .arrow-container {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  display: inline-flex;
}

.generic-card-container .header .arrow-container img {
  transition: filter .15s;
}

.generic-card-container .header .arrow-container img:hover {
  filter: brightness(.7) !important;
}

.generic-card-container .header .arrow-container i {
  color: var(--color-text-muted-ink);
  line-height: 1;
  transition: color .15s;
  font-size: var(--icon-size-md) !important;
  font-weight: 300 !important;
}

.generic-card-container .header .arrow-container i:hover {
  color: var(--color-text);
}

.generic-card-container .body {
  gap: var(--space-3);
  padding-top: 0;
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
  border-radius: inherit;
  height: 100%;
  margin: var(--space-2);
  background: #fbfbfb;
  margin-top: 0;
}

.generic-card-container .body .cardform .carddrop i:last-of-type {
  display: none;
}

.generic-card-container > .body:has( > .list-selection-popover-container) {
  background-color: #0000;
  margin: 0;
}

.generic-card-container > .body:has( > .list-selection-popover-container) .dsl-list-tab-container {
  backdrop-filter: none;
  border-color: #0000;
  background-color: #0000 !important;
}

.generic-card-container.list-viewer-popover > .body .dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar, .generic-card-container > .body:has( > .list-selection-popover-container) .dsl-list-tab-container .dsl-list-top .grid-top-bar .search-bar {
  background: var(--white) !important;
}

.generic-card-container.list-viewer-popover > .body .dsl-list-tab-container .dsl-list-top .grid-top-bar .rs__control, .generic-card-container > .body:has( > .list-selection-popover-container) .dsl-list-tab-container .dsl-list-top .grid-top-bar .rs__control {
  background: var(--white);
}

.continues-scanner-scanner {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.continues-scanner-scanner .scanner-layover {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner {
  padding: var(--space-7);
  color: #fff;
  background: linear-gradient(#636770f2 0%, #383b40f2 100%);
  border: 1px solid #ffffffa3;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 900px;
  height: 600px;
  display: flex;
  box-shadow: 0 17px 30px -4px #0000000f, 0 8px 17px -4px #0000000f, 0 3px 8px -4px #0000000a, 0 0 1px -4px #0000000a;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner .scan-animation {
  width: 150px;
  height: auto;
  margin: var(--space-5) 0 40px 0;
  background: #fff;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner .scan-continue-text {
  font-size: var(--type-control);
  color: #fff;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner .waiting {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner > p {
  font-size: var(--type-control);
  z-index: 2147483647;
  opacity: 1;
}

.continues-scanner-scanner .scanner-layover .scanner-layover-inner > p span {
  font-size: var(--type-value);
  padding: var(--space-1);
  color: #d26158;
  background-color: #fff;
  border-radius: 5px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.continues-scanner-scanner .scanner-items span {
  color: #ffffffb6;
  font-weight: normal;
}

.continues-scanner-scanner .scan-footer {
  margin-top: var(--space-7);
}

.continues-scanner-scanner .center {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.continues-scanner-scanner .start-scan {
  text-align: center;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  gap: var(--space-2);
  white-space: nowrap;
  text-transform: uppercase;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  letter-spacing: var(--tracking-caps);
  padding: 10px var(--space-4);
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: 0;
  align-self: flex-start;
  width: auto;
  min-width: fit-content;
  line-height: 1;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #3c5674, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
  flex-flow: row !important;
  display: flex !important;
}

.continues-scanner-scanner .start-scan i, .continues-scanner-scanner .start-scan .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.continues-scanner-scanner .start-scan.disabled, .continues-scanner-scanner .start-scan[disabled], .continues-scanner-scanner .start-scan[aria-disabled="true"], .continues-scanner-scanner .start-scan:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #5f83ac 0%, #51749c 100%);
  --btn-disabled-ink: #fff;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#5f83ac 0%, #51749c 100%);
  border: none;
  transform: none;
}

.continues-scanner-scanner .start-scan.disabled i, .continues-scanner-scanner .start-scan[disabled] i, .continues-scanner-scanner .start-scan[aria-disabled="true"] i, .continues-scanner-scanner .start-scan:disabled i, .continues-scanner-scanner .start-scan.disabled .icon, .continues-scanner-scanner .start-scan[disabled] .icon, .continues-scanner-scanner .start-scan[aria-disabled="true"] .icon, .continues-scanner-scanner .start-scan:disabled .icon, .continues-scanner-scanner .start-scan.disabled svg, .continues-scanner-scanner .start-scan[disabled] svg, .continues-scanner-scanner .start-scan[aria-disabled="true"] svg, .continues-scanner-scanner .start-scan:disabled svg {
  color: #fff;
  font-weight: 300;
}

.continues-scanner-scanner .start-scan.disabled svg *, .continues-scanner-scanner .start-scan[disabled] svg *, .continues-scanner-scanner .start-scan[aria-disabled="true"] svg *, .continues-scanner-scanner .start-scan:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.continues-scanner-scanner .start-scan:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.continues-scanner-scanner .start-scan:focus-visible {
  box-shadow: none;
}

.continues-scanner-scanner .start-scan:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.continues-scanner-scanner .start-scan:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.continues-scanner-scanner .start-scan:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: var(--type-control);
  flex-shrink: 0;
  line-height: 1;
  display: inline-block;
}

.continues-scanner-scanner .scanner-input {
  border: none;
  width: 0;
  height: 0;
  position: absolute;
}

.continues-scanner-scanner .fa-spinner {
  font-size: 2em !important;
}

.continues-scanner-scanner .error {
  color: #d26158;
  text-align: center;
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.ag-charts-proxy-legend-toolbar {
  display: none !important;
}

.ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.ag-charts-tooltip:before, .ag-charts-tooltip:after {
  display: none !important;
}

.chart-tooltip {
  padding: var(--space-2) var(--space-3);
  color: #fff;
  font-size: var(--type-value);
  background-color: #5b83b0;
  border-radius: 8px;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.chart-tooltip .chart-tooltip__title {
  margin-bottom: var(--space-1);
  font-weight: 500;
}

.chart-tooltip .chart-tooltip__value {
  font-weight: 400;
}

.chart-tooltip .chart-tooltip__arrow {
  background: #5b83b0;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

@keyframes skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes frost-shimmer {
  0% {
    transform: translateX(-35%);
  }

  100% {
    transform: translateX(35%);
  }
}

.skeleton-pulse {
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  background: #ffffff1a;
  border: 1px solid #ffffff29;
  border-radius: 12px;
  height: 1em;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff1f, inset 0 -1px #0000001f;
}

.skeleton-pulse:after {
  content: "";
  mix-blend-mode: overlay;
  background: linear-gradient(110deg, #fff0 35%, #ffffff14 50%, #fff0 65%);
  animation: 1.8s ease-in-out infinite frost-shimmer;
  position: absolute;
  inset: -40%;
}

.skeleton-pulse.dark-mode {
  background-color: #ffffff26;
  border: 1px solid #ffffff14;
}

.skeleton-pulse.dark-mode:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff14 30%, #ffffff1f 50%, #ffffff14 70%, #fff0 100%);
  animation: 2s ease-in-out infinite skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.h-8 {
  height: 2rem;
}

.h-6 {
  height: 1.5rem;
}

.h-full {
  height: 100%;
}

.w-full {
  width: 100%;
}

.w-3\/4 {
  width: 75%;
}

.mb-2 {
  margin-bottom: .5rem;
}

.treemap-skeleton, .leaderboard-skeleton, .list-skeleton {
  width: 100%;
  height: 100%;
  min-height: 300px;
}

.chart-skeleton {
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.radial-gauge-skeleton {
  border-radius: 50%;
}

.radial-gauge-skeleton--small {
  width: 80px;
  height: 80px;
}

.radial-gauge-skeleton--medium {
  width: 120px;
  height: 120px;
}

.radial-gauge-skeleton--large {
  width: 160px;
  height: 160px;
}

.stock-ticker-skeleton-title {
  width: 60%;
  height: 1.25rem;
  margin-bottom: var(--space-2);
}

.stock-ticker-skeleton-value {
  width: 40%;
  height: 2rem;
  margin-bottom: var(--space-3);
}

.stock-ticker-skeleton-chart {
  width: 100%;
  height: 60px;
}

.area-chart-clickable, .radial-gauge-clickable {
  cursor: pointer;
}

.no-data-container {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: -40px;
  display: flex;
}

.no-data-container .no-data-icon {
  font-size: var(--icon-size-2xl);
  margin-bottom: var(--space-3);
  opacity: .7;
}

.no-data-container .no-data-message {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  text-align: center;
}

.dashboard-container, .dashboard-layout-wrapper {
  height: 100%;
}

.dynamic-dashboard {
  width: 100%;
  height: 100%;
  padding: var(--space-2) 0;
  justify-content: flex-start;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  min-height: 160px;
  padding-bottom: var(--space-4);
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: auto;
}

.dynamic-dashboard:after {
  content: "";
  pointer-events: none;
  opacity: .08;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}

.dynamic-dashboard:not(.dark-mode) {
  backdrop-filter: blur(8px) brightness(108%) saturate(78%);
  isolation: isolate;
  background-color: #ffffff70;
  border: 1px solid #ffffff2e;
  border-radius: 12px;
}

.dynamic-dashboard:not(.dark-mode):before {
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  content: "";
  pointer-events: none;
  border-radius: inherit;
  opacity: .9;
  mix-blend-mode: screen;
  inset: -1px;
  background: radial-gradient(1200px 600px at 20% 10%, #ffffff1a, #fff0 55%), radial-gradient(900px 500px at 80% 0, #ffffff0f, #fff0 60%);
  position: absolute;
  inset: -1px;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section .section-title {
  color: var(--color-text-muted-ink);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card > .ranked-list-item-title {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card > .ranked-list-item-subtitle {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-section > .ranked-list-card > .ranked-list-item-progressbar-percent {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-title, .dynamic-dashboard:not(.dark-mode) .metric-card .card-header .card-title, .dynamic-dashboard:not(.dark-mode) .metric-card .card-header .card-subtitle {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-menu, .dynamic-dashboard:not(.dark-mode) .metric-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-value, .dynamic-dashboard:not(.dark-mode) .metric-card .card-value {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .card-value .card-value-identifier, .dynamic-dashboard:not(.dark-mode) .metric-card .card-value .card-value-identifier {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .growth-indicator {
  background-color: #ffffff91;
  box-shadow: inset 0 1px #fff6, 0 1px 2px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .growth-indicator.clickable:hover {
  background-color: #fffc;
  box-shadow: inset 0 1px #fff6, 0 2px 4px #00000020;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-name {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-cost, .dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-cost-label, .dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-rate, .dynamic-dashboard:not(.dark-mode) .metric-card > .comparison-list-item-rate-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .metric-card:hover {
  background-color: #ffffffa8;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .chart-container {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .chart-container [role="presentation"], .dynamic-dashboard:not(.dark-mode) .chart-container .chart-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .chart-container:hover {
  background-color: #ffffffa8;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .no-data-container .no-data-icon {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .no-data-container .no-data-message {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .list-card {
  background-color: #ffffff38;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .list-card:hover {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .list-card .card-header {
  border-bottom: 1px solid #fff6;
}

.dynamic-dashboard:not(.dark-mode) .list-card .card-header .card-title {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .list-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item {
  border-bottom: 1px solid #ffffff4d;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item-name {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item-value {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .list-card .list-item-value .list-item-percentage, .dynamic-dashboard:not(.dark-mode) .list-card .list-empty {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card:hover {
  background-color: #ffffffa8;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .card-header .card-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-title {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-subtitle {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-progressbar {
  background: #b7b7b873;
}

.dynamic-dashboard:not(.dark-mode) .ranked-list-card .ranked-list-item-progressbar-percent {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card:hover {
  background-color: #ffffffa8;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .card-header .card-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .card-header .card-menu {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-name {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-contract, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-serial, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-cost, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-rate, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-cost-label, .dynamic-dashboard:not(.dark-mode) .comparison-list-card .comparison-list-item-rate-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card:hover {
  background-color: #ffffffa8;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-title, .dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-menu, .dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-rate-label, .dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change.positive {
  color: #5a8577;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change.negative {
  color: #b26969;
}

.dynamic-dashboard:not(.dark-mode) .stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card {
  box-shadow: none;
  background-color: #0000;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-name {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-value {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-change.positive {
  color: #5a8577;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-change.negative {
  color: #b26969;
}

.dynamic-dashboard:not(.dark-mode) .vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 16px 55px #00000014;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-title {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-stage-badge {
  color: #5e636b;
  background-color: #ffffff91;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-menu-btn {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff91;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-entry {
  background-color: #ffffff4d;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff80;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-rank {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-name, .dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-points-value {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-points-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff4d;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader-label {
  color: #707580;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader-name {
  color: #5e636b;
}

.dynamic-dashboard:not(.dark-mode) .leaderboard-card .leaderboard-prev-leader-count {
  color: #43464d;
}

.dynamic-dashboard:not(.dark-mode) .skeleton-pulse {
  backdrop-filter: blur(2px) brightness() saturate(70%);
  isolation: isolate;
  background: #ffffff1a;
  border: 1px solid #ffffff29;
  box-shadow: inset 0 1px #ffffff1f, inset 0 -1px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .skeleton-pulse:after {
  content: "";
  mix-blend-mode: overlay;
  background: linear-gradient(110deg, #fff0 35%, #ffffff14 50%, #fff0 65%);
  animation: 1.8s ease-in-out infinite frost-shimmer;
  position: absolute;
  inset: -40%;
}

.dynamic-dashboard:not(.dark-mode).fullscreen-mode {
  background-color: #edededf2;
}

.dynamic-dashboard:not(.dark-mode) .chart-container.chart-container-clickable:hover {
  background-color: #ffffff70;
  box-shadow: inset 0 1px #fff6, 0 32px 110px #0000001f;
}

.dynamic-dashboard:not(.dark-mode) .chart-empty .chart-message {
  color: #a4a7ae;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[aria-disabled="true"], .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[aria-disabled="true"] i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[aria-disabled="true"] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled svg, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[aria-disabled="true"] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn.disabled svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[disabled] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn[aria-disabled="true"] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-refresh-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[aria-disabled="true"], .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[aria-disabled="true"] i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[aria-disabled="true"] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled svg, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[aria-disabled="true"] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn.disabled svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[disabled] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn[aria-disabled="true"] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-fullscreen-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn i, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn.disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[disabled], .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[aria-disabled="true"], .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[aria-disabled="true"], .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn.disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[disabled] i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[aria-disabled="true"] i, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[aria-disabled="true"] i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:disabled i, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn.disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[disabled] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[aria-disabled="true"] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[aria-disabled="true"] .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:disabled .icon, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled svg, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn.disabled svg, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[disabled] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[aria-disabled="true"] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[aria-disabled="true"] svg, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled svg, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn.disabled svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn.disabled svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[disabled] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[disabled] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn[aria-disabled="true"] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn[aria-disabled="true"] svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:disabled svg *, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:focus-visible, .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dynamic-dashboard:not(.dark-mode) .dashboard-options-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dynamic-dashboard:not(.dark-mode) .dashboard-display-link-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dynamic-dashboard.dark-mode {
  backdrop-filter: blur(8px) brightness(108%) saturate(78%);
  isolation: isolate;
  background: radial-gradient(1200px 800px at 20% 20%, #78b4ff40, #0000 60%), radial-gradient(900px 700px at 80% 70%, #ffa0782e, #0000 55%), radial-gradient(1400px 900px at 50% 120%, #0000008c, #000000d9);
  border: 1px solid #ffffff14;
  mask-image: radial-gradient(140% 120% at 50% 10%, #000 70%, #0000 100%);
}

.dynamic-dashboard.dark-mode:before {
  content: "";
  pointer-events: none;
  opacity: .9;
  background: linear-gradient(#ffffff1a, #0000 28%), radial-gradient(900px 500px at 20% 0, #ffffff1a, #0000 60%), radial-gradient(700px 400px at 85% 10%, #ffffff0f, #0000 55%);
  position: absolute;
  inset: 0;
}

.dynamic-dashboard.dark-mode .dashboard-section .section-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card > .ranked-list-item-title {
  color: #fff;
}

.dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card > .ranked-list-item-subtitle, .dynamic-dashboard.dark-mode .dashboard-section > .ranked-list-card > .ranked-list-item-progressbar-percent {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .metric-card > .card-title, .dynamic-dashboard.dark-mode .metric-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card .card-header .card-subtitle {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .card-menu, .dynamic-dashboard.dark-mode .metric-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .metric-card > .card-value, .dynamic-dashboard.dark-mode .metric-card .card-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .metric-card > .card-value .card-value-identifier, .dynamic-dashboard.dark-mode .metric-card .card-value .card-value-identifier {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 1px 2px #0000004d;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.positive {
  color: #8fccb8;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.negative {
  color: #f7a3a3;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard.dark-mode .metric-card > .growth-indicator.clickable:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 2px 4px #0000004d;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-name {
  color: #fff;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-cost {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-cost-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-rate {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .metric-card > .comparison-list-item-rate-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .metric-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .chart-container {
  background-color: #23262c73;
  border: 1px solid #ffffff0a;
  box-shadow: inset 0 1px #ffffff0f, inset 0 -48px 96px #00000038;
}

.dynamic-dashboard.dark-mode .chart-container [role="presentation"], .dynamic-dashboard.dark-mode .chart-container .chart-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .chart-container:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: .8;
  background: linear-gradient(#ffffff0a, #0000 28%);
  position: absolute;
  inset: 0;
}

.dynamic-dashboard.dark-mode .chart-container:hover {
  background-color: #23262c8c;
}

.dynamic-dashboard.dark-mode .no-data-container .no-data-icon {
  color: #838894;
}

.dynamic-dashboard.dark-mode .no-data-container .no-data-message {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .list-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.dynamic-dashboard.dark-mode .list-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .list-card .card-header {
  border-bottom: 1px solid #ffffff12;
}

.dynamic-dashboard.dark-mode .list-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .list-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .list-card .list-item {
  border-bottom: 1px solid #ffffff12;
}

.dynamic-dashboard.dark-mode .list-card .list-item-name {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .list-card .list-item-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .list-card .list-item-value .list-item-percentage, .dynamic-dashboard.dark-mode .list-card .list-empty {
  color: #838894;
}

.dynamic-dashboard.dark-mode .ranked-list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .ranked-list-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.dynamic-dashboard.dark-mode .ranked-list-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .ranked-list-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .ranked-list-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-title {
  color: #fff;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-subtitle {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-progressbar {
  background: #b7b7b873;
}

.dynamic-dashboard.dark-mode .ranked-list-card .ranked-list-item-progressbar-percent {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .comparison-list-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .comparison-list-card:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 1px #ffffff0a;
}

.dynamic-dashboard.dark-mode .comparison-list-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .comparison-list-card .card-header .card-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .comparison-list-card .card-header .card-menu {
  color: #838894;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-name {
  color: #fff;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-contract, .dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-serial {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-cost, .dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-rate {
  color: #fafafa;
}

.dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-cost-label, .dynamic-dashboard.dark-mode .comparison-list-card .comparison-list-item-rate-label {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .stock-ticker-card {
  background-color: #484644b8;
  border: 1px solid #ffffff12;
  box-shadow: 0 10px 30px #00000059, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .stock-ticker-card:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-menu, .dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-rate-label, .dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change-label {
  color: #838894;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change.positive {
  color: #8fccb8;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change.negative {
  color: #f7a3a3;
}

.dynamic-dashboard.dark-mode .stock-ticker-card .stock-ticker-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard.dark-mode .vertical-stack-card {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-title, .dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-name {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-change.positive {
  color: #8fccb8;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-change.negative {
  color: #f7a3a3;
}

.dynamic-dashboard.dark-mode .vertical-stack-card .vertical-stack-item-change.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard.dark-mode .leaderboard-card {
  box-shadow: none;
  background-color: #0000;
  border: none;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-title {
  color: #f5f5f5;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-stage-badge {
  color: #7db8a5;
  background-color: #7db8a533;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-menu-btn {
  color: #838894;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-entry {
  background-color: #0000;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-entry:hover {
  background-color: #ffffff0d;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-rank {
  color: var(--color-text-25);
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-name, .dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-points-value {
  color: #fff;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-points-label {
  color: var(--color-text-25);
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader {
  border-top: 1px solid #ffffff12;
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader-label {
  color: var(--color-text-25);
}

.dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader-name, .dynamic-dashboard.dark-mode .leaderboard-card .leaderboard-prev-leader-count {
  color: #fff;
}

.dynamic-dashboard.dark-mode .skeleton-pulse {
  background-color: #ffffff26;
  border: 1px solid #ffffff14;
}

.dynamic-dashboard.dark-mode .skeleton-pulse:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffff14 30%, #ffffff1f 50%, #ffffff14 70%, #fff0 100%);
  animation: 2s ease-in-out infinite skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.dynamic-dashboard.dark-mode.fullscreen-mode {
  background-color: #141414f2;
}

.dynamic-dashboard.dark-mode .chart-container.chart-container-clickable:hover {
  background-color: #3a3d42d1;
  box-shadow: 0 15px 40px #0006, inset 0 1px #ffffff14;
}

.dynamic-dashboard.dark-mode .chart-empty .chart-message {
  color: #838894;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #2b2d32, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-refresh-btn[aria-disabled="true"], .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #4a4d55 0%, #3c3f45 100%);
  --btn-disabled-ink: white;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: none;
  transform: none;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[aria-disabled="true"] i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled i, .dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled .icon, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled] .icon, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[aria-disabled="true"] .icon, .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled .icon, .dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled svg, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled] svg, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[aria-disabled="true"] svg, .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn.disabled svg *, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[disabled] svg *, .dynamic-dashboard.dark-mode .dashboard-refresh-btn[aria-disabled="true"] svg *, .dynamic-dashboard.dark-mode .dashboard-refresh-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dynamic-dashboard.dark-mode .dashboard-refresh-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #2b2d32, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[aria-disabled="true"], .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #4a4d55 0%, #3c3f45 100%);
  --btn-disabled-ink: white;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: none;
  transform: none;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[aria-disabled="true"] i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled i, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled .icon, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled] .icon, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[aria-disabled="true"] .icon, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled .icon, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled svg, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled] svg, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[aria-disabled="true"] svg, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn.disabled svg *, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[disabled] svg *, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn[aria-disabled="true"] svg *, .dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dynamic-dashboard.dark-mode .dashboard-fullscreen-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dynamic-dashboard.dark-mode .dashboard-options-btn, .dynamic-dashboard.dark-mode .dashboard-display-link-btn {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #fff;
  box-sizing: border-box;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  transform: translateY(0);
  box-shadow: 0 2px 2px #2b2d32, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn i, .dynamic-dashboard.dark-mode .dashboard-display-link-btn i, .dynamic-dashboard.dark-mode .dashboard-options-btn .icon, .dynamic-dashboard.dark-mode .dashboard-display-link-btn .icon {
  color: #fff;
  font-weight: 300;
  font-size: var(--type-control);
}

.dynamic-dashboard.dark-mode .dashboard-options-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-display-link-btn.disabled, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-display-link-btn[disabled], .dynamic-dashboard.dark-mode .dashboard-options-btn[aria-disabled="true"], .dynamic-dashboard.dark-mode .dashboard-display-link-btn[aria-disabled="true"], .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled, .dynamic-dashboard.dark-mode .dashboard-display-link-btn:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #4a4d55 0%, #3c3f45 100%);
  --btn-disabled-ink: white;
  color: #fff;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#4a4d55 0%, #3c3f45 100%);
  border: none;
  transform: none;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-display-link-btn.disabled i, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[disabled] i, .dynamic-dashboard.dark-mode .dashboard-options-btn[aria-disabled="true"] i, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[aria-disabled="true"] i, .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled i, .dynamic-dashboard.dark-mode .dashboard-display-link-btn:disabled i, .dynamic-dashboard.dark-mode .dashboard-options-btn.disabled .icon, .dynamic-dashboard.dark-mode .dashboard-display-link-btn.disabled .icon, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled] .icon, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[disabled] .icon, .dynamic-dashboard.dark-mode .dashboard-options-btn[aria-disabled="true"] .icon, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[aria-disabled="true"] .icon, .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled .icon, .dynamic-dashboard.dark-mode .dashboard-display-link-btn:disabled .icon, .dynamic-dashboard.dark-mode .dashboard-options-btn.disabled svg, .dynamic-dashboard.dark-mode .dashboard-display-link-btn.disabled svg, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled] svg, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[disabled] svg, .dynamic-dashboard.dark-mode .dashboard-options-btn[aria-disabled="true"] svg, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[aria-disabled="true"] svg, .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled svg, .dynamic-dashboard.dark-mode .dashboard-display-link-btn:disabled svg {
  color: #fff;
  font-weight: 300;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn.disabled svg *, .dynamic-dashboard.dark-mode .dashboard-display-link-btn.disabled svg *, .dynamic-dashboard.dark-mode .dashboard-options-btn[disabled] svg *, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[disabled] svg *, .dynamic-dashboard.dark-mode .dashboard-options-btn[aria-disabled="true"] svg *, .dynamic-dashboard.dark-mode .dashboard-display-link-btn[aria-disabled="true"] svg *, .dynamic-dashboard.dark-mode .dashboard-options-btn:disabled svg *, .dynamic-dashboard.dark-mode .dashboard-display-link-btn:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dynamic-dashboard.dark-mode .dashboard-display-link-btn:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #fff !important;
  opacity: 1 !important;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:focus-visible, .dynamic-dashboard.dark-mode .dashboard-display-link-btn:focus-visible {
  box-shadow: none;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dynamic-dashboard.dark-mode .dashboard-display-link-btn:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.dynamic-dashboard.dark-mode .dashboard-options-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled), .dynamic-dashboard.dark-mode .dashboard-display-link-btn:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.dynamic-dashboard.fullscreen-mode {
  box-sizing: border-box;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  padding: var(--space-4);
  backdrop-filter: blur(2px);
  border-radius: 0;
  margin: 0;
  position: fixed;
  inset: 0;
}

.dynamic-dashboard.display-mode {
  -webkit-user-select: none;
  user-select: none;
}

.dynamic-dashboard.display-mode > * {
  pointer-events: none;
}

.dynamic-dashboard.display-mode .card-menu {
  visibility: hidden;
}

.dynamic-dashboard .dashboard-default-actions, .dynamic-dashboard [class*="__actions"][role="toolbar"] {
  z-index: 10;
  text-align: right;
  padding: var(--space-2) var(--space-4);
  flex-shrink: 0;
  margin-top: auto;
  transition: opacity .2s;
  display: block;
  position: sticky;
  bottom: 8px;
}

.dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-options-btn, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-display-link-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-display-link-btn {
  opacity: .5;
  transition: opacity .2s;
}

.dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-refresh-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-refresh-btn:hover, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-fullscreen-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-fullscreen-btn:hover, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-options-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-options-btn:hover, .dynamic-dashboard .dashboard-default-actions.content-behind .dashboard-display-link-btn:hover, .dynamic-dashboard [class*="__actions"][role="toolbar"].content-behind .dashboard-display-link-btn:hover {
  opacity: 1;
}

.dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-display-link-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-display-link-btn {
  margin-left: var(--space-2);
  display: inline-flex;
  position: relative;
  bottom: auto;
  right: auto;
}

.dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn:first-child, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn:first-child, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn:first-child, .dynamic-dashboard .dashboard-default-actions .dashboard-display-link-btn:first-child, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-display-link-btn:first-child {
  margin-left: 0;
}

.dynamic-dashboard .dashboard-refresh-btn, .dynamic-dashboard .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-options-btn, .dynamic-dashboard .dashboard-display-link-btn {
  align-items: center;
  gap: var(--space-2);
  font-size: var(--type-value);
  padding: var(--space-2) 14px;
  display: inline-flex;
}

.dynamic-dashboard .dashboard-refresh-btn i, .dynamic-dashboard .dashboard-fullscreen-btn i, .dynamic-dashboard .dashboard-options-btn i, .dynamic-dashboard .dashboard-display-link-btn i {
  font-size: var(--type-value);
}

.dynamic-dashboard > div.dashboard-section {
  flex-shrink: 0;
}

.dynamic-dashboard .dashboard-section {
  margin-bottom: var(--space-2);
  flex-shrink: 0;
}

.dynamic-dashboard .dashboard-section:last-child {
  margin-bottom: 0;
}

.dynamic-dashboard .dashboard-section .section-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
  padding-top: var(--space-3);
  margin-inline: 16px;
  margin-bottom: var(--space-1);
  line-height: 16px;
}

.dynamic-dashboard .dashboard-section .cards-grid {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .cards-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dynamic-dashboard .dashboard-section .charts-grid {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .dashboard-section .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.dynamic-dashboard .dashboard-section .dashboard-layout__row {
  margin: 10px var(--space-4);
  gap: 10px;
}

.dynamic-dashboard .metric-card {
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  border-radius: 10px;
  min-height: 100px;
  transition: all .2s;
  position: relative;
  container: metriccard / inline-size;
}

.dynamic-dashboard .metric-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .metric-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0) scale(.98);
}

.dynamic-dashboard .metric-card .card-header {
  margin-bottom: var(--space-1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .metric-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  line-height: 20px;
}

.dynamic-dashboard .metric-card .card-header .card-subtitle {
  margin-left: auto;
  margin-right: var(--space-2);
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  white-space: nowrap;
  line-height: 20px;
}

.dynamic-dashboard .metric-card .card-header .card-menu {
  cursor: pointer;
  font-size: var(--type-display-3);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.dynamic-dashboard .metric-card .card-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-1);
  align-items: baseline;
  column-gap: var(--space-2);
  flex-wrap: wrap;
  line-height: 32px;
  display: flex;
}

.dynamic-dashboard .metric-card .card-value.positive {
  color: #5a8577;
}

.dynamic-dashboard .metric-card .card-value.negative {
  color: #b26969;
}

.dynamic-dashboard .metric-card .card-value .card-value-identifier {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  white-space: nowrap;
  line-height: 20px;
}

.dynamic-dashboard .metric-card > .growth-indicator {
  padding: var(--space-1) 10px;
  font-size: var(--type-value);
  border-radius: 6px;
  align-items: center;
  gap: 3px;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
  position: absolute;
  bottom: 10px;
  right: 12px;
}

.dynamic-dashboard .metric-card > .growth-indicator.positive {
  color: #5a8577;
}

.dynamic-dashboard .metric-card > .growth-indicator.negative {
  color: #b26969;
}

.dynamic-dashboard .metric-card > .growth-indicator.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard .metric-card > .growth-indicator.clickable {
  cursor: pointer;
}

.dynamic-dashboard .metric-card > .growth-indicator.clickable:hover {
  transform: translateY(-1px);
}

.dynamic-dashboard .metric-card > .growth-indicator .arrow {
  font-size: var(--type-label);
}

@container metriccard (width <= 359px) {
  .dynamic-dashboard .metric-card > .growth-indicator {
    width: fit-content;
    margin: var(--space-1) 0 0 auto;
    display: flex;
    position: static;
  }

  .dynamic-dashboard .metric-card .card-header {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .dynamic-dashboard .metric-card .card-header .card-title {
    flex: 1 1 0;
    min-width: 0;
  }

  .dynamic-dashboard .metric-card .card-header .card-subtitle {
    white-space: normal;
    flex-basis: 100%;
    order: 3;
    margin: 0;
  }
}

.dynamic-dashboard .chart-container {
  padding: var(--space-4);
  border-radius: 10px;
  flex-direction: column;
  height: auto;
  min-height: 400px;
  display: flex;
}

.dynamic-dashboard .chart-container [role="presentation"] {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.dynamic-dashboard .chart-container:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .chart-container .ag-charts-proxy-legend-toolbar button {
  color: #5e636b !important;
  font-weight: 500 !important;
}

.dynamic-dashboard .chart-container .ag-charts-tooltip {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.dynamic-dashboard .chart-container .chart-tooltip {
  padding: var(--space-2) var(--space-3);
  color: #fff;
  font-size: var(--type-value);
  background-color: #5b83b0;
  border-radius: 8px;
  margin: 0;
  font-family: Soehne, sans-serif;
  font-weight: 500;
  position: relative;
  border: none !important;
  box-shadow: 0 10px 30px #00000040 !important;
}

.dynamic-dashboard .chart-container .chart-tooltip .chart-tooltip__arrow {
  background: #5b83b0;
  border-radius: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  left: 14px;
  transform: rotate(45deg);
}

.dynamic-dashboard .chart-container .ag-charts-tooltip:before, .dynamic-dashboard .chart-container .ag-charts-tooltip:after {
  border-color: #5b83b0 !important;
}

.dynamic-dashboard .chart-container .chart-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  margin-bottom: var(--space-4);
  text-align: center;
  margin-top: 10px;
  margin-bottom: var(--space-4);
  flex-shrink: 0;
  padding-top: 0;
  font-weight: 500;
  line-height: 22px;
}

.dynamic-dashboard .chart-container > div:not(.chart-title, .no-data-container) {
  flex: 1;
  min-height: 0;
}

.dynamic-dashboard .chart-container.chart-container-clickable {
  cursor: pointer;
  transition: all .2s;
}

.dynamic-dashboard .chart-container .chart-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.dynamic-dashboard .chart-container .chart-empty .chart-message {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
  margin-top: var(--space-2);
}

.dynamic-dashboard .list-card {
  padding: var(--space-3) var(--space-4);
  cursor: pointer;
  border-radius: 10px;
  min-height: 250px;
  transition: all .2s;
}

.dynamic-dashboard .list-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0) scale(.98);
}

.dynamic-dashboard .list-card .card-header {
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .list-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-control);
  line-height: 22px;
}

.dynamic-dashboard .list-card .card-header .card-menu {
  cursor: pointer;
  font-family: Soehne, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.dynamic-dashboard .list-card .list-content, .dynamic-dashboard .list-card .list-skeleton {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.dynamic-dashboard .list-card .list-empty {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  text-align: center;
  padding: var(--space-6) 0;
}

.dynamic-dashboard .list-card .list-item {
  padding: var(--space-2) 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .list-card .list-item:last-child {
  border-bottom: none;
}

.dynamic-dashboard .list-card .list-item-name {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--space-3);
  flex: 1;
  line-height: 20px;
  overflow: hidden;
}

.dynamic-dashboard .list-card .list-item-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  text-align: right;
  white-space: nowrap;
  line-height: 20px;
}

.dynamic-dashboard .list-card .list-item-value .list-item-percentage {
  font-weight: 500;
  font-size: var(--type-value);
}

.dynamic-dashboard .ranked-list-card {
  padding: var(--space-5) var(--space-4);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  min-height: 250px;
  transition: all .2s;
  display: flex;
}

.dynamic-dashboard .ranked-list-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .ranked-list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0) scale(.98);
}

.dynamic-dashboard .ranked-list-card .card-header {
  margin-bottom: var(--space-4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  align-items: center;
  gap: var(--space-2);
  line-height: 20px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .card-header .card-title .card-title-icon {
  background-color: #7db8a5;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.dynamic-dashboard .ranked-list-card .card-header .card-menu {
  cursor: pointer;
  font-size: var(--type-control);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.dynamic-dashboard .ranked-list-card .ranked-list-content {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-content .no-data-container {
  margin-top: 0;
}

.dynamic-dashboard .ranked-list-card .list-skeleton {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-header {
  margin-bottom: var(--space-1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-title, .dynamic-dashboard .ranked-list-card .ranked-list-item-subtitle {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar-container {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar {
  border-radius: 4px;
  flex: 1;
  height: 8px;
  overflow: hidden;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar-fill {
  background: #7db8a5;
  width: 0%;
  height: 100%;
  transition: width .3s;
}

.dynamic-dashboard .ranked-list-card .ranked-list-item-progressbar-percent {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-label);
  text-align: right;
  min-width: 32px;
}

.dynamic-dashboard .comparison-list-card {
  padding: var(--space-5) var(--space-4);
  cursor: pointer;
  border-radius: 10px;
  flex-direction: column;
  min-height: 250px;
  transition: all .2s;
  display: flex;
}

.dynamic-dashboard .comparison-list-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .comparison-list-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0) scale(.98);
}

.dynamic-dashboard .comparison-list-card .card-header {
  margin-bottom: var(--space-4);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .card-header .card-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  align-items: center;
  gap: var(--space-2);
  line-height: 20px;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .card-header .card-title .card-title-icon {
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.dynamic-dashboard .comparison-list-card .card-header .card-menu {
  cursor: pointer;
  font-size: var(--type-control);
  font-family: Soehne, sans-serif;
  font-weight: 500;
}

.dynamic-dashboard .comparison-list-card .comparison-list-content {
  gap: var(--space-4);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .comparison-list-content .no-data-container {
  margin-top: 0;
}

.dynamic-dashboard .comparison-list-card .list-skeleton {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}

.dynamic-dashboard .comparison-list-card--default .card-title {
  color: #5e636b;
}

.dynamic-dashboard .comparison-list-card--default .card-title-icon {
  background-color: #43464d;
}

.dynamic-dashboard .comparison-list-card--default .comparison-list-item-percentage, .dynamic-dashboard .comparison-list-card--success .card-title {
  color: #5e636b;
}

.dynamic-dashboard .comparison-list-card--success .card-title-icon {
  background-color: #6fa392;
}

.dynamic-dashboard .comparison-list-card--success .comparison-list-item-percentage {
  color: #6fa392;
}

.dynamic-dashboard .comparison-list-card--danger .card-title {
  color: #707580;
}

.dynamic-dashboard .comparison-list-card--danger .card-title-icon {
  background-color: #cc7878;
}

.dynamic-dashboard .comparison-list-card--danger .comparison-list-item-percentage {
  color: #b26969;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-meta {
  margin-bottom: var(--space-1);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-meta:last-child {
  margin-bottom: 0;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-name {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-percentage {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: #b26969 !important;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-link {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: #567ba6;
  cursor: pointer;
  text-decoration: underline;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-link:hover {
  text-decoration: none;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-contract {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-value);
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-serial {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  margin-left: auto;
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-cost, .dynamic-dashboard .comparison-list-card .comparison-list-item-rate {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.dynamic-dashboard .comparison-list-card .comparison-list-item-cost-label, .dynamic-dashboard .comparison-list-card .comparison-list-item-rate-label {
  font-weight: 500;
  font-size: var(--type-label);
}

.dynamic-dashboard .stock-ticker-card {
  padding: 14px var(--space-4) 0 var(--space-4);
  border-radius: 12px;
  flex-direction: column;
  min-height: 230px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  cursor: pointer !important;
}

.dynamic-dashboard .stock-ticker-card:hover {
  transform: translateY(-2px);
}

.dynamic-dashboard .stock-ticker-card:active {
  opacity: .85;
  transition: transform 50ms, opacity 50ms;
  transform: translateY(0) scale(.98);
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-header {
  margin-bottom: var(--space-1);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 20px;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-title {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-control);
  line-height: 20px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-menu {
  padding: 2px var(--space-1);
  cursor: pointer;
  opacity: .6;
  font-size: var(--type-value);
  background: none;
  border: none;
  transition: opacity .15s;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-menu:hover {
  opacity: 1;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-value-row {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 40px;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-value-section {
  align-items: center;
  gap: var(--space-1);
  flex-direction: row;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-value {
  font-family: Soehne, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 40px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-rate-label {
  color: var(--color-text-25);
  font-family: Soehne, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-change-section {
  margin-top: var(--space-1);
  flex-direction: column;
  align-items: flex-end;
  gap: 0;
  display: flex;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-change {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-control);
  line-height: 20px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-change-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text-25);
  line-height: 14px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-chart {
  cursor: pointer;
  flex: 1;
  justify-content: stretch;
  align-items: flex-end;
  min-height: 250px;
  margin: 0 -16px -14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-chart > div {
  cursor: pointer;
  width: calc(100% + 32px);
  height: 100%;
  min-height: 250px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-chart canvas {
  cursor: pointer !important;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-skeleton-title {
  width: 60%;
  height: 18px;
  margin-bottom: 10px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-skeleton-value {
  width: 35%;
  height: 36px;
  margin-bottom: 10px;
}

.dynamic-dashboard .stock-ticker-card .stock-ticker-skeleton-chart {
  width: 100%;
  height: 70px;
  margin: 0 -16px;
}

.dynamic-dashboard .vertical-stack-card {
  padding: var(--space-8) var(--space-6) var(--space-5) var(--space-6);
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  min-height: 280px;
  transition: all .2s;
  display: flex;
  cursor: pointer !important;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-header {
  margin-bottom: var(--space-4);
  text-align: center;
  width: 100%;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-control);
  text-transform: none;
  line-height: 20px;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 44px;
  width: 100%;
  display: flex;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item {
  padding: var(--space-2) 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-main {
  align-items: baseline;
  gap: var(--space-2);
  flex-direction: row;
  display: flex;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-value {
  letter-spacing: -.02em;
  font-family: Soehne, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.1;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-name {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-control);
  margin-top: var(--space-1);
  text-align: center;
  line-height: 20px;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-change {
  font-family: Soehne, sans-serif;
  font-size: var(--type-control);
  border-radius: 0;
  align-items: center;
  gap: 2px;
  padding: 0;
  font-weight: 500;
  display: inline-flex;
  position: static;
  transform: none;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-arrow, .dynamic-dashboard .vertical-stack-card .vertical-stack-item-change .vertical-stack-change-value {
  font-size: var(--type-control);
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-skeleton {
  gap: var(--space-4);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .vertical-stack-card .vertical-stack-skeleton-item {
  width: 100%;
  height: 56px;
}

.dynamic-dashboard .leaderboard-card {
  padding: var(--space-5);
  border-radius: 12px;
  flex-direction: column;
  transition: all .2s;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-header {
  margin-bottom: var(--space-5);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-title-section {
  align-items: center;
  gap: 10px;
  padding-left: 10px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trophy {
  color: var(--color-warning);
  font-size: 18px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
}

.dynamic-dashboard .leaderboard-card .leaderboard-stage-badge {
  font-size: var(--type-label);
  padding: 2px var(--space-2);
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-menu-btn {
  padding: var(--space-1);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-menu-btn i {
  font-size: var(--type-control);
}

.dynamic-dashboard .leaderboard-card .leaderboard-menu-btn:hover {
  background-color: #ffffff1a;
}

.dynamic-dashboard .leaderboard-card .leaderboard-list {
  gap: var(--space-1);
  flex-direction: column;
  flex: 1;
  min-height: 200px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-list .no-data-container {
  margin-top: 0;
}

.dynamic-dashboard .leaderboard-card .leaderboard-entry {
  align-items: center;
  gap: var(--space-3);
  padding: 10px var(--space-1);
  border-radius: 8px;
  transition: all .15s;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-entry.clickable {
  cursor: pointer;
}

.dynamic-dashboard .leaderboard-card .leaderboard-rank {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-3);
  text-align: center;
  color: #fff;
  min-width: 24px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar {
  width: var(--leaderboard-avatar-size);
  height: var(--leaderboard-avatar-size);
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar-team {
  justify-content: center;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar-team i {
  font-size: var(--icon-size-md);
  color: #fff;
}

.dynamic-dashboard .leaderboard-card .leaderboard-avatar-initials {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-info {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-name {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points-section {
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points {
  align-items: baseline;
  gap: var(--space-1);
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-points-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
}

.dynamic-dashboard .leaderboard-card .leaderboard-points-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text-25);
  opacity: 1;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend {
  font-family: Soehne, sans-serif;
  font-size: var(--type-label);
  font-weight: 500;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend-arrow {
  margin-right: 3px;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend.up {
  color: #8fccb8;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend.down {
  color: #f7a3a3;
}

.dynamic-dashboard .leaderboard-card .leaderboard-trend.neutral {
  color: #9b9fa8;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid #ffffff1a;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-control);
  color: var(--color-text-25);
  margin-bottom: var(--space-1);
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-name {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-count {
  align-items: baseline;
  gap: var(--space-1);
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-count-value {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-display-4);
}

.dynamic-dashboard .leaderboard-card .leaderboard-prev-leader-count-label {
  font-family: Soehne, sans-serif;
  font-weight: 400;
  font-size: var(--type-label);
  color: var(--color-text-25);
}

.dynamic-dashboard .leaderboard-card .leaderboard-skeleton {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.dynamic-dashboard .leaderboard-card .leaderboard-skeleton-entry {
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.dynamic-dashboard .treemap-card .treemap-title {
  font-family: Soehne, sans-serif;
  font-weight: 500;
  font-size: var(--type-value);
  margin-bottom: var(--space-2);
  text-align: center;
  color: #707580;
  flex-shrink: 0;
  margin-top: 10px;
  line-height: 22px;
}

.dynamic-dashboard .treemap-card.dark-mode .treemap-title {
  color: #f5f5f5;
}

.dynamic-dashboard .cards-grid.cards-grid-4 {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .cards-grid.cards-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid-3, .dynamic-dashboard .charts-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.dynamic-dashboard .charts-grid-2 {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1200px) {
  .dynamic-dashboard .charts-grid.charts-grid-50-25-25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
}

.dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
  margin: 10px var(--space-4);
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (width >= 1024px) {
  .dynamic-dashboard .charts-grid.charts-grid-25-25-50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
}

.dynamic-dashboard .charts-grid-stacked {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.dynamic-dashboard .cards-grid-single {
  margin: 10px var(--space-4);
  grid-template-columns: 1fr;
  gap: 10px;
  display: grid;
}

@media (width >= 768px) {
  .dynamic-dashboard .cards-grid-single {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (width <= 768px) {
  .cards-grid.cards-grid-4 {
    grid-template-columns: 1fr !important;
  }
}

.mobile-dashboard, .dynamic-dashboard.mobile-dashboard {
  padding: var(--space-2) 0;
}

.mobile-dashboard .dashboard-section, .dynamic-dashboard.mobile-dashboard .dashboard-section {
  margin-bottom: var(--space-3);
}

.mobile-dashboard .dashboard-section .section-title, .dynamic-dashboard.mobile-dashboard .dashboard-section .section-title {
  font-size: var(--type-value);
  padding: var(--space-2) var(--space-3);
}

.mobile-dashboard .charts-grid, .dynamic-dashboard.mobile-dashboard .charts-grid, .mobile-dashboard .charts-grid-2, .dynamic-dashboard.mobile-dashboard .charts-grid-2, .mobile-dashboard .charts-grid-3, .dynamic-dashboard.mobile-dashboard .charts-grid-3, .mobile-dashboard .cards-grid, .dynamic-dashboard.mobile-dashboard .cards-grid, .mobile-dashboard .cards-grid-4, .dynamic-dashboard.mobile-dashboard .cards-grid-4, .mobile-dashboard .cards-grid-single, .dynamic-dashboard.mobile-dashboard .cards-grid-single {
  margin: var(--space-2) 0;
  gap: 10px;
  grid-template-columns: 1fr !important;
}

.mobile-dashboard .metric-card, .dynamic-dashboard.mobile-dashboard .metric-card {
  min-height: 80px;
  padding: var(--space-3);
}

.mobile-dashboard .metric-card .metric-value, .dynamic-dashboard.mobile-dashboard .metric-card .metric-value {
  font-size: var(--type-display-2);
}

.mobile-dashboard .metric-card .metric-label, .dynamic-dashboard.mobile-dashboard .metric-card .metric-label {
  font-size: var(--type-label);
}

.mobile-dashboard .chart-container, .dynamic-dashboard.mobile-dashboard .chart-container {
  min-height: 160px;
  max-height: 300px;
  padding: var(--space-3);
}

.mobile-dashboard .chart-container .chart-title, .dynamic-dashboard.mobile-dashboard .chart-container .chart-title {
  font-size: var(--type-value);
  margin-bottom: 10px;
}

.mobile-dashboard .list-card, .dynamic-dashboard.mobile-dashboard .list-card, .mobile-dashboard .ranked-list-card, .dynamic-dashboard.mobile-dashboard .ranked-list-card, .mobile-dashboard .comparison-list-card, .dynamic-dashboard.mobile-dashboard .comparison-list-card {
  -webkit-overflow-scrolling: touch;
  max-height: 500px;
  overflow-y: auto;
}

.mobile-dashboard .list-card .list-title, .dynamic-dashboard.mobile-dashboard .list-card .list-title, .mobile-dashboard .ranked-list-card .list-title, .dynamic-dashboard.mobile-dashboard .ranked-list-card .list-title, .mobile-dashboard .comparison-list-card .list-title, .dynamic-dashboard.mobile-dashboard .comparison-list-card .list-title {
  font-size: var(--type-value);
}

.mobile-dashboard .list-card .list-item, .dynamic-dashboard.mobile-dashboard .list-card .list-item, .mobile-dashboard .ranked-list-card .list-item, .dynamic-dashboard.mobile-dashboard .ranked-list-card .list-item, .mobile-dashboard .comparison-list-card .list-item, .dynamic-dashboard.mobile-dashboard .comparison-list-card .list-item {
  padding: var(--space-2) 10px;
  font-size: var(--type-value);
}

.mobile-dashboard .stock-ticker-card, .dynamic-dashboard.mobile-dashboard .stock-ticker-card {
  min-height: 140px;
  max-height: 300px;
}

.mobile-dashboard .radial-gauge-clickable, .dynamic-dashboard.mobile-dashboard .radial-gauge-clickable {
  max-width: 150px;
  margin: 0 auto;
}

.mobile-dashboard .leaderboard-card, .dynamic-dashboard.mobile-dashboard .leaderboard-card {
  -webkit-overflow-scrolling: touch;
  max-height: 500px;
  overflow-y: auto;
}

.mobile-dashboard .treemap-card, .dynamic-dashboard.mobile-dashboard .treemap-card {
  min-height: 200px;
  max-height: 350px;
}

.mobile-dashboard .vertical-stack-card .stack-item, .dynamic-dashboard.mobile-dashboard .vertical-stack-card .stack-item {
  padding: var(--space-2) 10px;
}

@media (width <= 768px) {
  .dynamic-dashboard {
    padding: var(--space-2) 0;
  }

  .dynamic-dashboard .dashboard-fullscreen-btn {
    display: none !important;
  }

  .dynamic-dashboard .dashboard-default-actions, .dynamic-dashboard [class*="__actions"][role="toolbar"] {
    margin-top: var(--space-2);
    padding: 6px var(--space-3);
    position: relative;
    bottom: auto;
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn, .dynamic-dashboard .dashboard-default-actions .dashboard-display-link-btn, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-display-link-btn {
    padding: var(--space-1) 10px;
    font-size: var(--type-label);
  }

  .dynamic-dashboard .dashboard-default-actions .dashboard-refresh-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-refresh-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-fullscreen-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-fullscreen-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-options-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-options-btn i, .dynamic-dashboard .dashboard-default-actions .dashboard-display-link-btn i, .dynamic-dashboard [class*="__actions"][role="toolbar"] .dashboard-display-link-btn i {
    font-size: var(--type-label);
  }

  .dynamic-dashboard .dashboard-section {
    margin-bottom: var(--space-3);
  }

  .dynamic-dashboard .chart-container {
    min-height: 160px;
    max-height: 300px;
    overflow: hidden;
  }

  .dynamic-dashboard .chart-container .chart-title {
    font-size: var(--type-value);
    margin-top: var(--space-1);
    margin-bottom: 10px;
  }

  .dynamic-dashboard .radial-gauge-container, .dynamic-dashboard .ag-charts-wrapper {
    max-width: 100%;
    max-height: 280px;
    overflow: hidden;
  }

  .dynamic-dashboard .metric-card {
    min-height: 80px;
  }

  .dynamic-dashboard .list-card, .dynamic-dashboard .ranked-list-card, .dynamic-dashboard .comparison-list-card, .dynamic-dashboard .leaderboard-card {
    -webkit-overflow-scrolling: touch;
    max-height: 500px;
    overflow-y: auto;
  }

  .dynamic-dashboard .list-item, .dynamic-dashboard .leaderboard-entry, .dynamic-dashboard .stack-item {
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .dynamic-dashboard .treemap-skeleton, .dynamic-dashboard .leaderboard-skeleton, .dynamic-dashboard .list-skeleton {
    min-height: 200px;
  }

  .dynamic-dashboard .chart-skeleton {
    min-height: 150px;
  }

  .dynamic-dashboard.fullscreen-mode {
    padding: var(--space-2);
  }

  .dynamic-dashboard .chart-tooltip {
    font-size: var(--type-label);
    padding: var(--space-1) 10px;
    max-width: 200px;
  }

  .dashboard-layout__row {
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout__cell {
    grid-column: span 1 !important;
  }

  .dashboard-layout__grid {
    margin: var(--space-2) 0;
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout--mobile .dashboard-layout__row, .dashboard-layout--mobile .dashboard-layout__grid {
    gap: var(--space-3);
    grid-template-columns: 1fr;
  }

  .no-data-container {
    min-height: 150px;
    padding: var(--space-5);
  }

  .no-data-container .no-data-icon {
    font-size: var(--icon-size-xl);
  }

  .no-data-container .no-data-message {
    font-size: var(--type-value);
  }
}

.mobile-drill-down-view {
  z-index: 100;
  background-color: #f5f5f5;
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
}

.mobile-drill-down-header {
  backdrop-filter: blur(8px);
  isolation: isolate;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  z-index: 10;
  background-color: #ffffff8a;
  border: none;
  border-bottom: 1px solid #ffffff2e;
  border-radius: 0;
  flex-shrink: 0;
  min-height: 56px;
  display: flex;
  position: sticky;
  top: 0;
}

.mobile-drill-down-back {
  text-align: center;
  text-transform: uppercase;
  padding: var(--space-2) var(--space-4);
  font-kerning: normal;
  text-rendering: auto;
  font-synthesis-style: none;
  font-synthesis-weight: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #45494f;
  box-sizing: border-box;
  cursor: pointer;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: 0;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  font-family: Soehne, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  transition: box-shadow .15s, transform .15s;
  display: flex;
  transform: translateY(0);
  box-shadow: 0 2px 2px #cacaca, 0 2px 5px #0000000f;
  border-radius: .6rem !important;
}

.mobile-drill-down-back i, .mobile-drill-down-back .icon {
  color: #45494f;
  font-weight: 300;
  font-size: var(--type-control);
}

.mobile-drill-down-back.disabled, .mobile-drill-down-back[disabled], .mobile-drill-down-back[aria-disabled="true"], .mobile-drill-down-back:disabled {
  --btn-disabled-bg: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  --btn-disabled-ink: #45494f;
  color: #45494f;
  box-shadow: none;
  opacity: .45;
  filter: none;
  cursor: not-allowed;
  background: linear-gradient(#f8f8f8 0%, #e8e8e8 100%);
  border: none;
  transform: none;
}

.mobile-drill-down-back.disabled i, .mobile-drill-down-back[disabled] i, .mobile-drill-down-back[aria-disabled="true"] i, .mobile-drill-down-back:disabled i, .mobile-drill-down-back.disabled .icon, .mobile-drill-down-back[disabled] .icon, .mobile-drill-down-back[aria-disabled="true"] .icon, .mobile-drill-down-back:disabled .icon, .mobile-drill-down-back.disabled svg, .mobile-drill-down-back[disabled] svg, .mobile-drill-down-back[aria-disabled="true"] svg, .mobile-drill-down-back:disabled svg {
  color: #45494f;
  font-weight: 300;
}

.mobile-drill-down-back.disabled svg *, .mobile-drill-down-back[disabled] svg *, .mobile-drill-down-back[aria-disabled="true"] svg *, .mobile-drill-down-back:disabled svg * {
  fill: currentColor;
  stroke: currentColor;
}

.mobile-drill-down-back:hover:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  filter: brightness(1.03) saturate(1.02);
  box-shadow: none;
  transform: translateY(1px);
  color: #45494f !important;
  opacity: 1 !important;
}

.mobile-drill-down-back:focus-visible {
  box-shadow: none;
}

.mobile-drill-down-back:focus:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

.mobile-drill-down-back:active:not(:disabled, [disabled], [aria-disabled="true"], .disabled) {
  box-shadow: none;
  transform: translateY(1px);
}

.mobile-drill-down-back i {
  font-size: var(--type-value);
}

.mobile-drill-down-title {
  font-size: var(--type-control);
  color: var(--color-text-900);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  overflow: hidden;
}

.mobile-drill-down-content {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow: auto;
}

.mobile-drill-down-content .query-list-view, .mobile-drill-down-content .query-list-view .query-list {
  height: 100%;
}

.mobile-drill-down-content .dsl-list-tab-container .grid-top-bar .search-bar {
  flex: 1;
  max-width: 100% !important;
}

.mobile-drill-down-loading {
  height: 200px;
  color: var(--gray-700);
  font-size: var(--type-value);
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-layout, .dashboard-layout__skeleton {
  width: 100%;
}

.dashboard-layout__skeleton-tile {
  background: linear-gradient(100deg, #0000000d 40%, #00000017 50%, #0000000d 60%) 0 0 / 200% 100%;
  border-radius: 10px;
  height: 96px;
  animation: 1.4s ease-in-out infinite dashboard-skeleton-shimmer;
}

.dashboard-layout__skeleton-tile--tall {
  height: 280px;
}

@keyframes dashboard-skeleton-shimmer {
  0% {
    background-position: 120% 0;
  }

  100% {
    background-position: -80% 0;
  }
}

.dashboard-layout__grid {
  min-width: 0;
  display: grid;
}

.dashboard-layout__row {
  display: grid;
}

.dashboard-layout__row:last-child {
  margin-bottom: 0;
}

.dashboard-layout__cell {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.dashboard-layout__cell > * {
  flex: 1;
  min-height: 0;
}

.dashboard-layout__error {
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-4);
  font-size: var(--type-value);
  border-radius: 8px;
  display: flex;
}

.dashboard-layout__error i {
  font-size: var(--type-control);
}

.dashboard-layout__error span {
  flex: 1;
}

.dashboard-layout__error-retry {
  padding: 6px var(--space-3);
  font-size: var(--type-value);
  cursor: pointer;
  border-radius: 4px;
  font-weight: 500;
  transition: all .2s;
}

.dashboard-layout--light .dashboard-layout__error {
  color: #991b1b;
  background-color: #fef2f2;
  border: 1px solid #fecaca;
}

.dashboard-layout--light .dashboard-layout__error i {
  color: #dc2626;
}

.dashboard-layout--light .dashboard-layout__error-retry {
  background-color: var(--white);
  color: #374151;
  border: 1px solid #d1d5db;
}

.dashboard-layout--light .dashboard-layout__error-retry:hover {
  background-color: #f9fafb;
  border-color: #9ca3af;
}

.dashboard-layout--dark .dashboard-layout__error {
  color: #fca5a5;
  background-color: #dc262626;
  border: 1px solid #dc26264d;
}

.dashboard-layout--dark .dashboard-layout__error i {
  color: #f87171;
}

.dashboard-layout--dark .dashboard-layout__error-retry {
  color: #e5e7eb;
  background-color: #ffffff1a;
  border: 1px solid #fff3;
}

.dashboard-layout--dark .dashboard-layout__error-retry:hover {
  background-color: #ffffff26;
  border-color: #ffffff4d;
}

@media (width <= 1200px) {
  .dashboard-layout__row {
    gap: var(--space-3);
  }
}

@media (width <= 768px) {
  .dashboard-layout__row {
    gap: 10px;
    grid-template-columns: 1fr !important;
  }

  .dashboard-layout__cell {
    grid-column: span 1 !important;
  }
}
/*# sourceMappingURL=pharm-dashboard.530687f6.css.map */