.lp-modal.lp-cu {
  width: min(560px, calc(100vw - 48px));
  max-height: min(86vh, 720px);
  overflow: hidden;
  border: 1px solid var(--fds-stroke-secondary);
  border-radius: calc(var(--fds-radius-md) * 1px);
  background: var(--fds-surface-container)
}
.lp-cu .lp-modal-head {
  position: relative;
  z-index: 1;
  flex: none;
  padding: 16px;
  box-shadow: var(--fds-shadow-sm)
}
.lp-cu .lp-modal-title {
  font-family: var(--fds-heading-5-font-family);
  font-size: var(--fds-heading-5-font-size);
  font-weight: var(--fds-heading-5-font-weight);
  line-height: var(--fds-heading-5-line-height);
  color: var(--fds-text-primary)
}
.lp-cu .lp-modal-head .lp-iconbtn {
  margin: -4px -8px -4px 0
}
.lp-cu .lp-modal-body {
  flex: 1;
  min-height: 0;
  padding: 16px;
  background: var(--fds-surface-tertiary)
}
.lp-cu .lp-modal-body p.lp-modal-intro {
  margin: 0 0 12px;
  font-size: var(--fds-text-medium-font-size);
  line-height: 20px;
  color: var(--fds-text-secondary)
}
.lp-cu .lp-modal-foot {
  flex: none;
  padding: 16px;
  gap: 8px;
  align-items: center;
  border-top: 1px solid var(--fds-stroke-secondary);
  background: var(--fds-surface-container)
}
.lp-cu .lp-modal-foot .lp-btn {
  height: 40px;
  padding: 0 16px;
  font-family: var(--fds-label-medium-font-family);
  font-size: var(--fds-label-medium-font-size);
  font-weight: var(--fds-label-medium-font-weight);
  line-height: 20px
}
.lp-cu .lp-modal-foot .lp-btn:focus-visible {
  outline: 2px solid var(--fds-stroke-brand);
  outline-offset: 2px
}
.lp-cu .lp-modal-foot .lp-cu-reset {
  margin-right: auto;
  margin-left: 0;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: var(--fds-text-link)
}
.lp-cu .lp-modal-foot .lp-cu-reset:hover:not(:disabled) {
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 2px
}
.lp-cu .lp-modal-foot .lp-cu-reset:disabled {
  color: var(--fds-text-disabled);
  cursor: default;
  opacity: 1
}
.lp-cu .lp-cu-count,
.lp-cu .lp-cu-foot-note {
  margin: 12px 0 0;
  font-size: var(--fds-text-small-font-size);
  line-height: 16px;
  color: var(--fds-text-secondary)
}
.lp-cu .lp-cu-count:empty {
  display: none
}
.lp-cu .lp-cu-count + .lp-cu-foot-note {
  margin-top: 4px
}
.lp-cu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--fds-surface-container);
  border: 1px solid var(--fds-stroke-secondary);
  border-radius: calc(var(--fds-radius-md) * 1px);
  overflow: hidden
}
.lp-cu-list.is-dragging {
  overflow: visible;
  user-select: none;
  cursor: grabbing
}
.lp-cu-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 60px;
  padding: 12px 16px;
  border-top: 1px solid var(--od-border);
  background: var(--fds-surface-container);
  transition: background var(--lp-t-fast, 120ms) var(--lp-ease, ease)
}
.lp-cu-list.is-single .lp-cu-row {
  min-height: 44px
}
.lp-cu-row:first-child {
  border-top: none
}
.lp-cu-row:hover,
.lp-cu-row:has(:focus-visible) {
  background: var(--fds-surface-selectable-hover)
}
.lp-rl-row.is-locked:not(:has(.lp-rl-grip)):hover {
  background: var(--fds-surface-container)
}
.lp-cu-lab {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer
}
.lp-rl-row .lp-cu-lab {
  align-self: stretch;
  margin: -12px 0;
  padding: 12px 0
}
.lp-cu-row:has(input:disabled) .lp-cu-lab {
  cursor: default
}
.lp-cu-row:has(input:disabled:not(:checked)) .lp-cu-lab {
  cursor: not-allowed
}
.lp-cu-tx {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column
}
.lp-cu-n {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fds-text-medium-font-size);
  font-weight: 600;
  line-height: 20px;
  color: var(--fds-text-primary)
}
.lp-cu-s {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--fds-text-small-font-size);
  line-height: 16px;
  color: var(--fds-text-secondary)
}
.lp-cu-end {
  flex: none;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  color: var(--fds-text-secondary)
}
.lp-cu-note {
  font-size: var(--fds-text-small-font-size);
  line-height: 16px
}
.lp-cu-lock {
  width: 20px;
  height: 20px;
  justify-content: center;
  cursor: default
}
.lp-cu-lock .ms {
  font-size: 16px
}
.lp-rl-sr,
.lp-rl-live {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap
}
.lp-rl-grp {
  display: flex;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  border-top: 1px solid var(--fds-stroke-secondary);
  background: var(--fds-surface-tertiary);
  font-size: var(--fds-text-small-font-size);
  font-weight: 600;
  line-height: 16px;
  color: var(--fds-text-secondary)
}
.lp-rl-grp + .lp-cu-row {
  border-top-color: var(--fds-stroke-secondary)
}
.lp-rl-grip {
  flex: none;
  width: 20px;
  height: 32px;
  margin: -6px 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: calc(var(--fds-radius-sm) * 1px);
  background: transparent;
  color: var(--fds-text-disabled);
  cursor: grab;
  touch-action: none;
  transition: color var(--lp-t-fast, 120ms) var(--lp-ease, ease)
}
.lp-rl-grip .ms {
  font-size: 20px
}
.lp-cu-row:hover .lp-rl-grip,
.lp-cu-row:has(:focus-visible) .lp-rl-grip {
  color: var(--fds-text-secondary)
}
.lp-rl-grip:hover {
  color: var(--fds-text-primary) !important
}
.lp-rl-grip:focus-visible {
  outline: 2px solid var(--fds-stroke-brand);
  outline-offset: -2px;
  color: var(--fds-text-primary)
}
.lp-rl-gph {
  flex: none;
  width: 20px;
  height: 20px
}
.lp-rl-row:has(.lp-rl-grip[aria-pressed="true"]) {
  z-index: 2;
  background: var(--fds-surface-container);
  box-shadow: var(--fds-shadow-lg),inset 0 0 0 1px var(--fds-stroke-brand)
}
.lp-rl-grip[aria-pressed="true"] {
  color: var(--fds-text-link);
  cursor: grabbing
}
.lp-rl-row.is-lifted {
  z-index: 3;
  border-top-color: transparent;
  border-radius: calc(var(--fds-radius-md) * 1px);
  background: var(--fds-surface-container);
  box-shadow: var(--fds-shadow-lg),0 0 0 1px var(--fds-stroke-secondary);
  cursor: grabbing;
  transition: none
}
.lp-rl-row.is-lifted .lp-rl-grip {
  color: var(--fds-text-primary);
  cursor: grabbing
}
.lp-rl-row.is-shift {
  transition: transform var(--lp-t-med, 200ms) var(--lp-ease, ease)
}
.lp-rl-row.is-snap {
  transition: transform var(--lp-t-med, 200ms) var(--lp-ease, ease)
}
body.lp-rl-dragging #lp-tt {
  display: none !important
}
.lp-rl-ph {
  position: absolute;
  left: 8px;
  right: 8px;
  z-index: 1;
  margin-top: 4px;
  box-sizing: border-box;
  border: 1px dashed var(--fds-stroke-brand);
  border-radius: calc(var(--fds-radius-sm) * 1px);
  background: var(--fds-surface-selectable-hover);
  pointer-events: none
}
.lp-cu-list.is-dragging .lp-cu-row:not(.is-lifted):hover {
  background: var(--fds-surface-container)
}
.lp-cu .cb-wrap {
  position: relative;
  flex: none
}
.lp-cu .cb-wrap:hover input:not(:disabled):not(:checked) ~ .cb-box {
  border-color: var(--fds-stroke-primary-hover)
}
.lp-cu .cb-wrap input:focus-visible ~ .cb-box {
  outline: 2px solid var(--fds-stroke-brand);
  outline-offset: 2px
}
.lp-cu .cb-wrap:has(input:disabled),
.lp-cu .cb-wrap input:disabled {
  cursor: default
}
.lp-cu .cb-wrap:has(input:disabled:not(:checked)),
.lp-cu .cb-wrap input:disabled:not(:checked) {
  cursor: not-allowed
}
.lp-cu .cb-wrap input:disabled ~ .cb-box {
  border-color: var(--fds-surface-disabled);
  background: var(--fds-surface-disabled)
}
.lp-cu .cb-wrap input:disabled:checked ~ .cb-box::after {
  border-color: var(--fds-text-disabled)
}
.lp-ins-tune,
.lp-ph-tune {
  flex: none
}
.lp-ph-tune {
  width: 32px;
  height: 32px;
  border: 1px solid var(--fds-stroke-primary);
  border-radius: calc(var(--fds-radius-sm) * 1px)
}
.lp-ph-tune:hover {
  background: var(--fds-surface-tertiary-hover)
}
.lp-ph-tune {
  color: var(--fds-text-primary)
}
.lp-ph-tune .ms {
  font-size: 18px
}
.lp-ph-tune,
.lp-ins-tune {
  margin-left: 0
}
.lp-ins-tune:focus-visible,
.lp-ph-tune:focus-visible {
  outline: 2px solid var(--fds-stroke-brand);
  outline-offset: 2px
}
.widget[data-cu-off],
[data-cu-off] {
  display: none !important
}
@media (prefers-reduced-motion: reduce) {
  .lp-cu-row,
  .lp-rl-grip,
  .lp-rl-row.is-snap,
  .lp-rl-row.is-shift {
    transition: none
  }
}
.lp-cu .lp-modal-foot .lp-btn.lp-cu-reset,
.lp-cu .lp-modal-foot .lp-cu-reset {
  height: 32px;
  min-height: 32px;
  font-family: var(--fds-label-small-font-family);
  font-size: var(--fds-label-small-font-size);
  font-weight: var(--fds-label-small-font-weight);
  line-height: 16px
}
.lp-ins-tune {
  width: 24px;
  height: 24px
}
.lp-ins-tune .ms {
  font-size: 16px
}