/* [project]/node_modules/.pnpm/@eclypsion+ui@0.62.0_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react@19.3.0_r_0a3d63df9fc7a778988f960e5a040460/node_modules/@eclypsion/ui/dist/styles.css [app-client] (css) */
.ecl-highlight-JhGEM {
  width: var(--fluid-w, 0);
  height: var(--fluid-h, 0);
  border-radius: var(--fluid-radius, var(--radius-sm));
  background: var(--fluid-fill, var(--color-fill-neutral-hover));
  opacity: 0;
  pointer-events: none;
  transform: translate(var(--fluid-x, 0), var(--fluid-y, 0));
  transition: opacity var(--duration-fast) var(--easing-exit);
  position: absolute;
  top: 0;
  left: 0;
}

[data-fluid="enter"] > .ecl-highlight-JhGEM {
  opacity: 1;
  transition: opacity var(--duration-fast) var(--easing-entrance);
}

[data-fluid="live"] > .ecl-highlight-JhGEM {
  opacity: 1;
  transition: transform var(--duration-normal) var(--easing-spring),
    opacity var(--duration-fast) var(--easing-entrance);
}

.ecl-stretch-j1tmu {
  width: 0;
  height: var(--fluid-h, 0);
  transform: translateY(var(--fluid-y, 0));
  background: none;
  border-radius: 0;
}

.ecl-part-cx9VD {
  background: var(--fluid-fill, var(--color-fill-neutral-hover));
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.ecl-start-WQ3su, .ecl-end--ydEJ {
  width: var(--fluid-cap, var(--space-8));
}

.ecl-start-WQ3su {
  border-top-left-radius: var(--fluid-radius, var(--radius-sm));
  border-bottom-left-radius: var(--fluid-radius, var(--radius-sm));
  transform: translateX(var(--fluid-x, 0));
}

.ecl-end--ydEJ {
  border-top-right-radius: var(--fluid-radius, var(--radius-sm));
  border-bottom-right-radius: var(--fluid-radius, var(--radius-sm));
  transform: translateX(calc(var(--fluid-x, 0px) + var(--fluid-w, 0px) -
        var(--fluid-cap, var(--space-8))));
}

.ecl-middle-b8Fy- {
  width: var(--space-1);
  transform: translateX(calc(var(--fluid-x, 0px) + var(--fluid-cap, var(--space-8))))
    scaleX(calc(var(--fluid-w-n, 0) - 2 * var(--fluid-cap-n, 8)));
  transform-origin: 0;
}

[data-fluid="enter"] > .ecl-stretch-j1tmu, [data-fluid="live"] > .ecl-stretch-j1tmu {
  opacity: 1;
}

[data-fluid="live"] > .ecl-stretch-j1tmu, [data-fluid="live"] > .ecl-stretch-j1tmu > .ecl-part-cx9VD {
  transition: transform var(--duration-normal) var(--easing-spring),
    opacity var(--duration-fast) var(--easing-entrance);
}

@media (prefers-reduced-motion: reduce) {
  [data-fluid="live"] > .ecl-highlight-JhGEM, [data-fluid="live"] > .ecl-stretch-j1tmu, [data-fluid="live"] > .ecl-stretch-j1tmu > .ecl-part-cx9VD {
    transition: opacity var(--duration-fast) var(--easing-entrance);
  }
}

.ecl-avatar-eebFp {
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.ecl-sizeSm-kVjpm {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
}

.ecl-sizeMd-e1pws {
  width: var(--size-control-md);
  height: var(--size-control-md);
}

.ecl-sizeLg-vSIfn {
  width: var(--size-control-lg);
  height: var(--size-control-lg);
}

.ecl-sizeXl-A-5Yw {
  width: var(--space-64);
  height: var(--space-64);
}

.ecl-size2xl-ZqS6F {
  width: var(--space-80);
  height: var(--space-80);
}

.ecl-image-erbpB {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ecl-fallback-sXkqT {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.ecl-spinner-VmHz0 {
  color: inherit;
  display: inline-flex;
}

.ecl-sm-THcuI {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
}

.ecl-md-I-sJk {
  width: var(--size-icon-md);
  height: var(--size-icon-md);
}

.ecl-lg-TeD-y {
  width: var(--size-icon-lg);
  height: var(--size-icon-lg);
}

.ecl-ring-rW0uj {
  width: 100%;
  height: 100%;
  animation: ecl-spin-SalaD calc(var(--duration-slow) * 4) linear infinite;
}

.ecl-track-3zBvm {
  opacity: .25;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-ring-rW0uj {
    animation: ecl-pulse-tQQAj calc(var(--duration-slow) * 4) var(--easing-standard)
      infinite alternate;
  }
}

@keyframes ecl-spin-SalaD {
  100% {
    transform: rotate(1turn);
  }
}

@keyframes ecl-pulse-tQQAj {
  100% {
    opacity: .3;
  }
}

.ecl-button-YrVJX {
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
  border: var(--space-1) solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
  white-space: nowrap;
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background: none;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.ecl-button-YrVJX:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-accent-N5SQa {
  background: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-accent-N5SQa:hover:not(:disabled) {
    background: var(--color-fill-accent-hover);
  }
}

.ecl-accent-N5SQa:active:not(:disabled) {
  background: var(--color-fill-accent-active);
}

.ecl-neutral-o-1vJ {
  background: var(--color-fill-neutral);
  border-color: var(--color-border-default);
  color: var(--color-text-primary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-neutral-o-1vJ:hover:not(:disabled) {
    background: var(--color-fill-neutral-hover);
  }
}

.ecl-neutral-o-1vJ:active:not(:disabled) {
  background: var(--color-fill-neutral-active);
}

.ecl-ghost-FvKBK {
  color: var(--color-text-secondary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-ghost-FvKBK:hover:not(:disabled) {
    background: var(--color-fill-neutral);
    color: var(--color-text-primary);
  }
}

.ecl-ghost-FvKBK:active:not(:disabled) {
  background: var(--color-fill-neutral-hover);
}

.ecl-ghost-FvKBK[aria-pressed="true"] {
  background: var(--color-fill-neutral-active);
  color: var(--color-text-accent);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-ghost-FvKBK[aria-pressed="true"]:hover:not(:disabled) {
    background: var(--color-fill-neutral-active);
    color: var(--color-text-accent);
  }
}

.ecl-accent-N5SQa:is([data-active], [data-state="open"]):not(:disabled) {
  background: var(--color-fill-accent-active);
}

.ecl-neutral-o-1vJ:is([data-active], [data-state="open"]):not(:disabled) {
  background: var(--color-fill-neutral-active);
}

.ecl-ghost-FvKBK:is([data-active], [data-state="open"]):not(:disabled, [aria-pressed="true"], [aria-busy="true"]) {
  background: var(--color-fill-neutral-hover);
  color: var(--color-text-primary);
}

.ecl-danger-JZgUR {
  border-color: var(--color-border-danger);
  color: var(--color-text-danger);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-danger-JZgUR:hover:not(:disabled) {
    background: var(--color-fill-danger-subtle);
  }
}

.ecl-danger-JZgUR:focus-visible {
  box-shadow: var(--glow-danger);
}

.ecl-danger-JZgUR:is([data-active], [data-state="open"]):not(:disabled) {
  background: var(--color-fill-danger-subtle);
}

.ecl-button-YrVJX:disabled:not([aria-busy="true"]), .ecl-button-YrVJX[aria-disabled="true"]:not([aria-busy="true"]) {
  background: var(--color-fill-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
  border-color: #0000;
}

.ecl-button-YrVJX[aria-busy="true"] {
  color: #0000;
  cursor: progress;
}

.ecl-busySpinner-pn9Xm {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

.ecl-accent-N5SQa .ecl-busySpinner-pn9Xm {
  color: var(--color-text-on-accent);
}

.ecl-neutral-o-1vJ .ecl-busySpinner-pn9Xm {
  color: var(--color-text-primary);
}

.ecl-ghost-FvKBK .ecl-busySpinner-pn9Xm {
  color: var(--color-text-secondary);
}

.ecl-danger-JZgUR .ecl-busySpinner-pn9Xm {
  color: var(--color-text-danger);
}

.ecl-button-YrVJX:active:not(:disabled, [aria-busy="true"], [aria-disabled="true"]) {
  transform: scale(.96);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-button-YrVJX {
    transition: background-color var(--duration-fast) var(--easing-standard),
      border-color var(--duration-fast) var(--easing-standard),
      color var(--duration-fast) var(--easing-standard),
      box-shadow var(--duration-fast) var(--easing-standard);
  }

  .ecl-button-YrVJX:active:not(:disabled) {
    transform: none;
  }
}

.ecl-xs-fkLzv {
  height: var(--size-control-xs);
  padding-inline: var(--space-8);
}

.ecl-sm-VqsWm {
  height: var(--size-control-sm);
  padding-inline: var(--space-12);
}

.ecl-md-JKC7O {
  height: var(--size-control-md);
  padding-inline: var(--space-16);
}

.ecl-lg-QYp75 {
  height: var(--size-control-lg);
  padding-inline: var(--space-20);
}

.ecl-xs-fkLzv:before, .ecl-sm-VqsWm:before, .ecl-md-JKC7O:before, .ecl-lg-QYp75:before {
  content: "";
  inset-inline: var(--space-0);
  position: absolute;
}

.ecl-xs-fkLzv:before {
  inset-block: calc(var(--space-12) * -1);
}

.ecl-sm-VqsWm:before {
  inset-block: calc(var(--space-8) * -1);
}

.ecl-md-JKC7O:before {
  inset-block: calc(var(--space-6) * -1);
}

.ecl-lg-QYp75:before {
  inset-block: calc(var(--space-2) * -1);
}

.ecl-xs-fkLzv[data-leading]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-start: var(--space-6);
}

.ecl-xs-fkLzv[data-trailing]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-end: var(--space-6);
}

.ecl-sm-VqsWm[data-leading]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-start: var(--space-8);
}

.ecl-sm-VqsWm[data-trailing]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-end: var(--space-8);
}

.ecl-md-JKC7O[data-leading]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-start: var(--space-12);
}

.ecl-md-JKC7O[data-trailing]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-end: var(--space-12);
}

.ecl-lg-QYp75[data-leading]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-start: var(--space-16);
}

.ecl-lg-QYp75[data-trailing]:not(.ecl-iconOnly-jrWlJ) {
  padding-inline-end: var(--space-16);
}

.ecl-edgeIcon-VlXKI {
  flex: none;
  display: inline-flex;
}

.ecl-button-YrVJX[aria-busy="true"] .ecl-edgeIcon-VlXKI {
  opacity: 0;
}

.ecl-block-B4ZFK {
  width: 100%;
}

.ecl-iconOnly-jrWlJ {
  aspect-ratio: 1;
  padding-inline: 0;
}

.ecl-iconOnly-jrWlJ.ecl-round-etQE2 {
  border-radius: var(--radius-full);
}

.ecl-button-YrVJX[data-focus-quiet]:focus-visible {
  box-shadow: none;
}

.ecl-row-d-vZq {
  align-items: center;
  gap: var(--space-8);
  display: inline-flex;
}

.ecl-box-v6JLF {
  padding: var(--space-0);
  border: var(--space-1) solid var(--color-border-strong);
  border-radius: var(--radius-sm);
  background: var(--color-surface-raised);
  color: var(--color-text-on-accent);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  outline: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-box-v6JLF:hover:not(:disabled, [data-disabled], [data-state="checked"], [data-state="indeterminate"]) {
    border-color: var(--color-border-focus);
  }
}

.ecl-box-v6JLF:focus-visible {
  box-shadow: var(--glow-focus);
}

.ecl-box-v6JLF[data-state="checked"], .ecl-box-v6JLF[data-state="indeterminate"] {
  background: var(--color-fill-accent);
  border-color: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-box-v6JLF[data-state="checked"]:hover:not(:disabled, [data-disabled]), .ecl-box-v6JLF[data-state="indeterminate"]:hover:not(:disabled, [data-disabled]) {
    background: var(--color-fill-accent-hover);
    border-color: var(--color-fill-accent-hover);
  }
}

.ecl-box-v6JLF[aria-invalid="true"], .ecl-box-v6JLF[data-invalid] {
  border-color: var(--color-border-danger);
}

.ecl-box-v6JLF[aria-invalid="true"]:focus-visible {
  box-shadow: var(--glow-danger);
}

.ecl-box-v6JLF:disabled, .ecl-box-v6JLF[data-disabled] {
  background: var(--color-fill-disabled);
  border-color: var(--color-border-default);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-box-v6JLF:disabled[data-state="checked"], .ecl-box-v6JLF:disabled[data-state="indeterminate"], .ecl-box-v6JLF[data-disabled][data-state="checked"], .ecl-box-v6JLF[data-disabled][data-state="indeterminate"] {
  background: var(--color-fill-disabled);
  border-color: var(--color-border-default);
}

.ecl-box-v6JLF:active:not(:disabled, [data-disabled]) {
  transform: scale(.96);
}

.ecl-box-v6JLF:before {
  content: "";
  inset: calc(var(--space-16) * -1);
  position: absolute;
}

.ecl-sizeDefault-m2FgA {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
}

.ecl-sizeSm-LaCHB {
  width: var(--size-indicator-sm);
  height: var(--size-indicator-sm);
}

.ecl-sizeLg-KfeUw {
  width: var(--size-indicator-lg);
  height: var(--size-indicator-lg);
}

.ecl-variantAccent-6JEqI {
  border-color: var(--color-border-focus);
}

.ecl-variantRing-4dZ3V {
  --ring-tone: var(--color-text-tertiary);
  --ring-tint: transparent;
  border-color: var(--ring-tone);
  border-radius: var(--radius-full);
  background: var(--ring-tint);
  color: var(--ring-tone);
}

.ecl-variantRing-4dZ3V[data-tone="success"] {
  --ring-tone: var(--color-text-success);
  --ring-tint: var(--color-fill-success-subtle);
}

.ecl-variantRing-4dZ3V[data-tone="warning"] {
  --ring-tone: var(--color-text-warning);
  --ring-tint: var(--color-fill-warning-subtle);
}

.ecl-variantRing-4dZ3V[data-tone="danger"] {
  --ring-tone: var(--color-text-danger);
  --ring-tint: var(--color-fill-danger-subtle);
}

.ecl-variantRing-4dZ3V[data-colour] {
  --ring-tone: var(--ring-colour);
  isolation: isolate;
}

.ecl-variantRing-4dZ3V[data-colour]:after {
  content: "";
  inset: var(--space-0);
  z-index: -1;
  border-radius: inherit;
  background: var(--ring-colour);
  -webkit-mask-image: linear-gradient(var(--color-fill-accent-subtle),
    var(--color-fill-accent-subtle));
  mask-image: linear-gradient(var(--color-fill-accent-subtle),
    var(--color-fill-accent-subtle));
  position: absolute;
}

.ecl-variantRing-4dZ3V[data-state="checked"], .ecl-variantRing-4dZ3V[data-state="indeterminate"] {
  border-color: var(--ring-tone);
  background: var(--ring-tone);
  color: var(--color-surface-raised);
}

.ecl-variantRing-4dZ3V[data-colour][data-state="checked"], .ecl-variantRing-4dZ3V[data-colour][data-state="indeterminate"] {
  color: var(--ring-colour-ink);
}

.ecl-variantRing-4dZ3V:disabled[data-state="checked"], .ecl-variantRing-4dZ3V:disabled[data-state="indeterminate"] {
  color: var(--color-text-disabled);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-variantRing-4dZ3V:hover:not(:disabled, [data-state="checked"], [data-state="indeterminate"]) {
    border-color: var(--ring-tone);
  }

  .ecl-variantRing-4dZ3V[data-state="checked"]:hover:not(:disabled), .ecl-variantRing-4dZ3V[data-state="indeterminate"]:hover:not(:disabled) {
    border-color: var(--ring-tone);
    background: var(--ring-tone);
  }
}

.ecl-indicator-ODwXy {
  stroke-width: 3.5px;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
}

.ecl-check-3ZnhW, .ecl-dash-H6tjT {
  transition: stroke-dashoffset calc(var(--duration-fast) * .75)
    var(--easing-exit);
}

.ecl-check-3ZnhW {
  stroke-dasharray: 25;
  stroke-dashoffset: 25px;
}

.ecl-dash-H6tjT {
  stroke-dasharray: 14;
  stroke-dashoffset: 14px;
}

.ecl-box-v6JLF[data-state="checked"] .ecl-check-3ZnhW, .ecl-box-v6JLF[data-state="indeterminate"] .ecl-dash-H6tjT {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset var(--duration-fast) var(--easing-entrance);
}

.ecl-variantRing-4dZ3V .ecl-indicator-ODwXy {
  transition: opacity var(--duration-fast) var(--easing-standard);
}

.ecl-variantRing-4dZ3V[data-state="unchecked"] .ecl-indicator-ODwXy {
  opacity: .5;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-variantRing-4dZ3V:hover:not(:disabled, [data-state="checked"], [data-state="indeterminate"]) .ecl-check-3ZnhW {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset var(--duration-fast) var(--easing-entrance);
  }
}

.ecl-label-P3v9N {
  color: var(--color-text-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.ecl-label-P3v9N:before {
  content: "";
  inset-block: calc(var(--space-12) * -1);
  inset-inline: var(--space-0);
  position: absolute;
}

.ecl-box-v6JLF:disabled + .ecl-label-P3v9N {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-box-v6JLF {
    transition: background-color var(--duration-fast) var(--easing-standard),
      border-color var(--duration-fast) var(--easing-standard),
      color var(--duration-fast) var(--easing-standard),
      box-shadow var(--duration-fast) var(--easing-standard);
  }

  .ecl-check-3ZnhW, .ecl-dash-H6tjT, .ecl-box-v6JLF[data-state="checked"] .ecl-check-3ZnhW, .ecl-box-v6JLF[data-state="indeterminate"] .ecl-dash-H6tjT {
    transition: none;
  }

  .ecl-box-v6JLF:active:not(:disabled, [data-disabled]) {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) and (hover: hover) and (pointer: fine) {
  .ecl-variantRing-4dZ3V:hover:not(:disabled, [data-state="checked"], [data-state="indeterminate"]) .ecl-check-3ZnhW {
    transition: none;
  }
}

.ecl-track-y39nP {
  --switch-width: var(--space-40);
  --switch-height: var(--size-control-xs);
  --switch-knob: var(--space-16);
  --switch-pad: calc((var(--switch-height) - var(--switch-knob)) / 2);
  --switch-travel: calc(var(--switch-width) - var(--switch-knob) - var(--switch-pad) * 2);
  --switch-reach: var(--space-6);
  --switch-hover-span: .5;
  --switch-press-span: 1;
  --switch-squash: .85;
  --switch-span: 0;
  --switch-scale-y: 1;
  --switch-stretch: calc(var(--switch-reach) * var(--switch-span));
  --switch-start: calc(var(--switch-travel) * 0);
  --switch-end: var(--switch-stretch);
  --switch-dir: 1;
  --switch-origin: left;
  width: var(--switch-width);
  height: var(--switch-height);
  padding: var(--switch-pad);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-neutral);
  cursor: pointer;
  touch-action: pan-y;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
  flex: none;
  display: inline-flex;
  position: relative;
}

.ecl-track-y39nP:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  --switch-dir: -1;
  --switch-origin: right;
}

.ecl-track-y39nP:before {
  content: "";
  inset-inline: calc(var(--space-2) * -1);
  inset-block: calc(var(--space-12) * -1);
  position: absolute;
}

.ecl-trackSm-5YnfV {
  --switch-width: var(--space-32);
  --switch-height: var(--space-20);
  --switch-knob: var(--space-12);
  --switch-reach: var(--space-4);
}

.ecl-trackSm-5YnfV:before {
  inset-inline: calc(var(--space-6) * -1);
}

.ecl-knob-a15oT {
  width: var(--switch-knob);
  height: var(--switch-knob);
  color: var(--color-text-tertiary);
  pointer-events: none;
  transform: scaleY(var(--switch-scale-y));
  transition: transform var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  display: block;
  position: absolute;
  inset-block-start: var(--switch-pad);
  inset-inline-start: var(--switch-pad);
}

.ecl-part--Apnd {
  height: 100%;
  transition: transform var(--duration-normal) var(--easing-spring);
  background-color: currentColor;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.ecl-cap-QbQbS {
  width: var(--switch-knob);
  border-radius: var(--radius-full);
}

.ecl-start-lUUjj {
  transform: translateX(calc(var(--switch-start) * var(--switch-dir)));
}

.ecl-end-iaWzO {
  transform: translateX(calc(var(--switch-end) * var(--switch-dir)));
}

.ecl-middle-f-58U {
  width: var(--switch-reach);
  transform: translateX(calc(var(--switch-start) * var(--switch-dir)))
    scaleX(max(var(--switch-span), .01));
  transform-origin: var(--switch-origin) center;
  inset-inline-start: calc(var(--switch-knob) / 2);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-track-y39nP:hover:not(:disabled, [data-state="checked"]) {
    background-color: var(--color-fill-neutral-hover);
  }

  .ecl-track-y39nP:hover:not(:disabled) {
    --switch-span: var(--switch-hover-span);
  }
}

.ecl-track-y39nP[data-state="checked"] {
  --switch-start: calc(var(--switch-travel) - var(--switch-stretch));
  --switch-end: var(--switch-travel);
  background-color: var(--color-fill-accent-subtle);
  border: none;
}

.ecl-track-y39nP[data-state="checked"] .ecl-knob-a15oT {
  color: var(--color-text-accent);
}

.ecl-track-y39nP:disabled {
  background-color: var(--color-fill-disabled);
  cursor: not-allowed;
  border: none;
}

.ecl-track-y39nP:disabled .ecl-knob-a15oT {
  color: var(--color-text-disabled);
}

.ecl-track-y39nP:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-track-y39nP[data-pressed]:not(:disabled) {
  --switch-span: var(--switch-press-span);
  --switch-scale-y: var(--switch-squash);
}

.ecl-track-y39nP[data-dragging]:not(:disabled) {
  --switch-span: var(--switch-press-span);
  --switch-scale-y: var(--switch-squash);
  --switch-start: min(var(--switch-drag),
    calc(var(--switch-travel) - var(--switch-stretch)));
  --switch-end: calc(var(--switch-start) + var(--switch-stretch));
}

.ecl-track-y39nP[data-dragging] .ecl-part--Apnd {
  transition: none;
}

.ecl-row-KxmnS {
  --switch-row-height: var(--size-control-xs);
  align-items: flex-start;
  gap: var(--space-12);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  display: inline-flex;
}

.ecl-rowSm-U8EMh {
  --switch-row-height: var(--space-20);
}

.ecl-text-X--NN {
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--switch-row-height);
  flex-direction: column;
  display: flex;
}

.ecl-label-i8z4y {
  color: var(--color-text-secondary);
  transition: color var(--duration-fast) var(--easing-standard);
}

.ecl-track-y39nP[data-state="checked"] ~ .ecl-text-X--NN .ecl-label-i8z4y {
  color: var(--color-text-primary);
}

.ecl-description-UwV34 {
  color: var(--color-text-tertiary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-row-KxmnS:hover:not([data-disabled]) .ecl-track-y39nP {
    --switch-span: var(--switch-hover-span);
  }

  .ecl-row-KxmnS:hover:not([data-disabled]) .ecl-track-y39nP:not([data-state="checked"]) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-row-KxmnS[data-disabled] {
  cursor: not-allowed;
}

.ecl-row-KxmnS[data-disabled] .ecl-text-X--NN .ecl-label-i8z4y, .ecl-row-KxmnS[data-disabled] .ecl-description-UwV34 {
  color: var(--color-text-disabled);
}

.ecl-row-KxmnS .ecl-track-y39nP[data-pressed]:not(:disabled), .ecl-row-KxmnS .ecl-track-y39nP[data-dragging]:not(:disabled) {
  --switch-span: var(--switch-press-span);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-track-y39nP, .ecl-trackSm-5YnfV {
    --switch-hover-span: 0;
    --switch-press-span: 0;
    --switch-squash: 1;
  }

  .ecl-knob-a15oT {
    transition: color var(--duration-fast) var(--easing-standard);
    transform: none;
  }

  .ecl-part--Apnd {
    transition: none;
  }

  .ecl-track-y39nP {
    transition: background-color var(--duration-fast) var(--easing-standard),
      box-shadow var(--duration-fast) var(--easing-standard);
  }
}

.ecl-mark-1Ba4C {
  --switch-width: var(--space-40);
  --switch-height: var(--size-control-xs);
  --switch-knob: var(--space-16);
  --switch-pad: calc((var(--switch-height) - var(--switch-knob)) / 2);
  --switch-travel: calc(var(--switch-width) - var(--switch-knob) - var(--switch-pad) * 2);
  width: var(--switch-width);
  height: var(--switch-height);
  padding: var(--switch-pad);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-neutral);
  transition: background-color var(--duration-fast) var(--easing-standard);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ecl-markSm-irca- {
  --switch-width: var(--space-32);
  --switch-height: var(--space-20);
  --switch-knob: var(--space-12);
}

.ecl-markXs-1JOBj {
  --switch-width: var(--space-24);
  --switch-height: var(--size-indicator-sm);
  --switch-knob: var(--space-8);
}

.ecl-markKnob-ls9gi {
  width: var(--switch-knob);
  height: var(--switch-knob);
  border-radius: var(--radius-full);
  background-color: var(--color-text-tertiary);
  transition: transform var(--duration-normal) var(--easing-spring),
    background-color var(--duration-fast) var(--easing-standard);
  margin: auto 0;
  display: block;
}

.ecl-mark-1Ba4C[data-state="checked"] {
  background-color: var(--color-fill-accent-subtle);
}

.ecl-mark-1Ba4C[data-state="checked"] .ecl-markKnob-ls9gi {
  background-color: var(--color-text-accent);
  transform: translateX(var(--switch-travel));
}

@media (prefers-reduced-motion: reduce) {
  .ecl-mark-1Ba4C, .ecl-markKnob-ls9gi {
    transition: none;
  }
}

.ecl-kbd-tUtXQ {
  min-width: var(--size-control-xs);
  height: var(--size-control-xs);
  padding-inline: var(--space-6);
  border: var(--space-1) solid var(--color-border-default);
  border-bottom-width: var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--color-fill-raised-subtle);
  color: var(--color-text-secondary);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-sm-8SHs- {
  min-width: var(--space-20);
  height: var(--space-20);
  padding-inline: var(--space-4);
}

.ecl-shortcut-IE1dU {
  align-items: center;
  gap: var(--space-4);
  display: inline-flex;
}

.ecl-trigger-3q6nr {
  border-radius: var(--radius-full);
  color: var(--color-text-tertiary);
  cursor: help;
  transition: color var(--duration-fast) var(--easing-standard);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-trigger-3q6nr:hover {
    color: var(--color-text-secondary);
  }
}

.ecl-trigger-3q6nr:focus-within {
  color: var(--color-text-secondary);
}

.ecl-content-dERfa {
  --tooltip-max-width: 260px;
  z-index: var(--z-popup);
  max-width: var(--tooltip-max-width);
  padding: var(--space-8) var(--space-12);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-overlay);
  color: var(--color-text-secondary);
  box-shadow: var(--shadow-popover);
  white-space: normal;
  text-align: start;
  transform-origin: var(--radix-tooltip-content-transform-origin);
}

.ecl-content-dERfa[data-follow="x"] {
  translate: var(--tooltip-follow, 0) 0;
}

.ecl-content-dERfa[data-follow="y"] {
  translate: 0 var(--tooltip-follow, 0);
}

.ecl-content-dERfa[data-shortcut] {
  align-items: center;
  gap: var(--space-8);
  display: flex;
}

.ecl-label-DDVyH {
  min-width: 0;
}

.ecl-keys-bsytZ {
  gap: var(--space-4);
  flex: none;
  display: inline-flex;
}

.ecl-content-dERfa[data-state="delayed-open"], .ecl-content-dERfa[data-state="instant-open"] {
  animation: ecl-contentIn-I3XOt var(--duration-normal) var(--easing-entrance);
}

.ecl-content-dERfa[data-state="closed"] {
  pointer-events: none;
  animation: ecl-contentOut-IUx41 var(--duration-fast) var(--easing-exit);
}

.ecl-content-dERfa[data-side="top"][data-state="delayed-open"], .ecl-content-dERfa[data-side="top"][data-state="instant-open"] {
  animation-name: ecl-contentInTop-pPEO8;
}

.ecl-content-dERfa[data-side="top"][data-state="closed"] {
  animation-name: ecl-contentOutTop-mSGmh;
}

.ecl-content-dERfa[data-side="right"][data-state="delayed-open"], .ecl-content-dERfa[data-side="right"][data-state="instant-open"] {
  animation-name: ecl-contentInRight-0T1e1;
}

.ecl-content-dERfa[data-side="right"][data-state="closed"] {
  animation-name: ecl-contentOutRight-IeqH7;
}

.ecl-content-dERfa[data-side="left"][data-state="delayed-open"], .ecl-content-dERfa[data-side="left"][data-state="instant-open"] {
  animation-name: ecl-contentInLeft-VSwqG;
}

.ecl-content-dERfa[data-side="left"][data-state="closed"] {
  animation-name: ecl-contentOutLeft-bdhFg;
}

@keyframes ecl-contentIn-I3XOt {
  0% {
    opacity: 0;
    transform: scale(.97)translateY(-2px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-contentOut-IUx41 {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97)translateY(-2px);
  }
}

@keyframes ecl-contentInTop-pPEO8 {
  0% {
    opacity: 0;
    transform: scale(.97)translateY(2px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-contentOutTop-mSGmh {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97)translateY(2px);
  }
}

@keyframes ecl-contentInRight-0T1e1 {
  0% {
    opacity: 0;
    transform: scale(.97)translateX(-2px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-contentOutRight-IeqH7 {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97)translateX(-2px);
  }
}

@keyframes ecl-contentInLeft-VSwqG {
  0% {
    opacity: 0;
    transform: scale(.97)translateX(2px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-contentOutLeft-bdhFg {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97)translateX(2px);
  }
}

@keyframes ecl-contentFadeIn-zdkg7 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-contentFadeOut-7VuX- {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-content-dERfa[data-state="delayed-open"], .ecl-content-dERfa[data-state="instant-open"], .ecl-content-dERfa[data-side="top"][data-state="delayed-open"], .ecl-content-dERfa[data-side="top"][data-state="instant-open"], .ecl-content-dERfa[data-side="right"][data-state="delayed-open"], .ecl-content-dERfa[data-side="right"][data-state="instant-open"], .ecl-content-dERfa[data-side="left"][data-state="delayed-open"], .ecl-content-dERfa[data-side="left"][data-state="instant-open"] {
    animation: ecl-contentFadeIn-zdkg7 var(--duration-normal) var(--easing-standard);
  }

  .ecl-content-dERfa[data-state="closed"], .ecl-content-dERfa[data-side="top"][data-state="closed"], .ecl-content-dERfa[data-side="right"][data-state="closed"], .ecl-content-dERfa[data-side="left"][data-state="closed"] {
    animation: ecl-contentFadeOut-7VuX- var(--duration-fast) var(--easing-standard);
  }
}

.ecl-srOnly-tu35p {
  width: var(--space-1);
  height: var(--space-1);
  margin: calc(var(--space-1) * -1);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ecl-form-xlsVQ {
  gap: var(--space-20);
  flex-direction: column;
  display: flex;
}

.ecl-field-3TluR {
  gap: var(--space-6);
  flex-direction: column;
  display: flex;
}

.ecl-labelRow-iKWA9 {
  align-items: center;
  gap: var(--space-6);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.ecl-label-g6CVj {
  color: var(--color-text-secondary);
}

.ecl-labelText-z5n1i {
  align-items: center;
  display: inline-flex;
}

.ecl-hintIcon-5TQCb {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  border-radius: var(--radius-full);
  color: var(--color-text-tertiary);
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-hintIcon-5TQCb:hover {
    color: var(--color-text-secondary);
    background: var(--color-fill-neutral);
  }
}

.ecl-labelAction-tL73W {
  align-items: center;
  margin-inline-start: auto;
  display: inline-flex;
}

.ecl-hint-UnOZO {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-error-t9Ou9 {
  color: var(--color-text-danger);
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  margin: 0;
  transform: translateY(0);
}

@starting-style {
  .ecl-error-t9Ou9 {
    opacity: 0;
    transform: translateY(calc(var(--space-2) * -1));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-error-t9Ou9 {
    transition: opacity var(--duration-normal) var(--easing-standard);
    transform: none;
  }

  @starting-style {
    .ecl-error-t9Ou9 {
      transform: none;
    }
  }
}

.ecl-shell-E0JYn {
  box-sizing: border-box;
  border-radius: var(--radius-lg);
  background: var(--color-fill-neutral);
  width: 100%;
  color: var(--color-text-primary);
  cursor: text;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  align-items: center;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-shell-E0JYn:hover:not([data-disabled]) {
    background: var(--color-fill-neutral-hover);
  }
}

.ecl-shell-E0JYn:focus-within {
  background: var(--color-fill-neutral-hover);
}

.ecl-shell-E0JYn[data-invalid] {
  background: var(--color-fill-danger-subtle);
}

.ecl-shell-E0JYn[data-disabled] {
  background: var(--color-fill-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-control-vYA9v {
  min-width: var(--space-0);
  height: 100%;
  padding: var(--space-0);
  color: inherit;
  background: none;
  border: none;
  flex: auto;
}

.ecl-control-vYA9v:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-control-vYA9v::placeholder {
  color: var(--color-text-placeholder);
}

.ecl-control-vYA9v:disabled {
  color: inherit;
  cursor: not-allowed;
  -webkit-text-fill-color: currentcolor;
  opacity: 1;
}

.ecl-control-vYA9v:autofill, .ecl-control-vYA9v:autofill:hover, .ecl-control-vYA9v:autofill:focus {
  -webkit-text-fill-color: var(--color-text-primary);
  -webkit-background-clip: text;
  background-clip: text;
}

.ecl-control-vYA9v::-webkit-search-cancel-button {
  appearance: none;
}

.ecl-control-vYA9v::-webkit-outer-spin-button {
  appearance: none;
}

.ecl-control-vYA9v::-webkit-inner-spin-button {
  appearance: none;
}

.ecl-control-vYA9v::-ms-reveal {
  display: none;
}

.ecl-icon-xXirA {
  color: var(--color-text-tertiary);
  transition: color var(--duration-fast) var(--easing-standard);
  flex: none;
}

.ecl-shell-E0JYn:focus-within .ecl-icon-xXirA {
  color: var(--color-text-secondary);
}

.ecl-trailing-HR7rW {
  align-items: center;
  gap: var(--space-4);
  flex: none;
  display: flex;
}

.ecl-appearing-70kAA {
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  display: inline-flex;
  transform: scale(1);
}

@starting-style {
  .ecl-appearing-70kAA {
    opacity: 0;
    transform: scale(.8);
  }
}

.ecl-action-ckRDx {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  background: var(--color-fill-raised-subtle);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ecl-action-ckRDx:before {
  content: "";
  inset-block: calc(var(--space-8) * -1);
  inset-inline: calc(var(--space-4) * -1) calc(var(--space-8) * -1);
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-action-ckRDx:hover:not(:disabled) {
    background: var(--color-fill-raised);
    color: var(--color-text-primary);
  }
}

.ecl-action-ckRDx[aria-pressed="true"] {
  color: var(--color-text-primary);
}

.ecl-action-ckRDx:focus-visible {
  box-shadow: none;
  background: var(--color-fill-raised);
  color: var(--color-text-primary);
  outline: none;
}

.ecl-action-ckRDx:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-affix-omUN8 {
  color: var(--color-text-tertiary);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  flex: none;
}

.ecl-prefix-A7Ure {
  margin-inline-end: calc(var(--space-4) * -1);
}

.ecl-suffix-BqHC4 {
  margin-inline-start: calc(var(--space-4) * -1);
}

.ecl-shell-E0JYn[data-disabled] .ecl-affix-omUN8 {
  color: var(--color-text-disabled);
}

.ecl-kbd-C-hn9 {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
  flex: none;
  display: inline-flex;
}

.ecl-shell-E0JYn:focus-within .ecl-kbd-C-hn9, .ecl-shell-E0JYn[data-filled] .ecl-kbd-C-hn9 {
  inline-size: var(--space-0);
  opacity: 0;
  transition-duration: calc(var(--duration-fast) * .75);
  transition-timing-function: var(--easing-exit);
  margin-inline-start: calc(var(--input-gap) * -1);
  transform: scale(.9);
}

.ecl-shell-E0JYn[data-disabled]:not([data-filled]) .ecl-kbd-C-hn9 {
  opacity: .5;
}

.ecl-stack-MwzQZ {
  gap: var(--space-20);
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-stack-MwzQZ [data-fluid-lit] .ecl-shell-E0JYn:not([data-disabled], [data-invalid]) {
    background: var(--color-fill-neutral-hover);
  }
}

.ecl-sm-WI7Iv {
  --input-gap: var(--space-6);
  height: var(--size-control-sm);
  min-height: var(--size-control-sm);
  gap: var(--input-gap);
  padding-inline: var(--space-8);
}

.ecl-md-MOStg {
  --input-gap: var(--space-8);
  height: var(--size-control-md);
  min-height: var(--size-control-md);
  gap: var(--input-gap);
  padding-inline: var(--space-12);
}

.ecl-lg-34DoP {
  --input-gap: var(--space-8);
  height: var(--size-control-lg);
  min-height: var(--size-control-lg);
  gap: var(--input-gap);
  padding-inline: var(--space-12);
}

.ecl-withTrailing-Jio8e {
  padding-inline-end: var(--space-4);
}

.ecl-sm-WI7Iv .ecl-action-ckRDx {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  border-radius: var(--radius-sm);
}

.ecl-action-ckRDx:active:not(:disabled) {
  transform: scale(.96);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-action-ckRDx {
    transition: color var(--duration-fast) var(--easing-standard),
      background-color var(--duration-fast) var(--easing-standard);
  }

  .ecl-action-ckRDx:active:not(:disabled) {
    transform: none;
  }

  .ecl-kbd-C-hn9, .ecl-shell-E0JYn:focus-within .ecl-kbd-C-hn9, .ecl-shell-E0JYn[data-filled] .ecl-kbd-C-hn9 {
    transition-property: opacity;
    transform: none;
  }

  .ecl-appearing-70kAA {
    transition: opacity var(--duration-normal) var(--easing-standard);
    transform: none;
  }

  @starting-style {
    .ecl-appearing-70kAA {
      transform: none;
    }
  }
}

@property --scroll-fade-start {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-end {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@supports (animation-timeline: scroll()) {
  .ecl-fadeY--k80E, .ecl-fadeX-snv24 {
    --scroll-fade-length: var(--scroll-fade, var(--space-32));
    animation: linear both ecl-scrollFadeStart-7PTAc, linear both ecl-scrollFadeEnd-8iMou;
    animation-range: 0 var(--scroll-fade-length),
      calc(100% - var(--scroll-fade-length)) 100%;
  }

  .ecl-fadeY--k80E {
    -webkit-mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--scroll-fade-start),
      #000 calc(100% - var(--scroll-fade-end)),
      transparent 100%);
    mask-image: linear-gradient(to bottom,
      transparent 0,
      #000 var(--scroll-fade-start),
      #000 calc(100% - var(--scroll-fade-end)),
      transparent 100%);
    animation-timeline: scroll(self);
  }

  .ecl-fadeX-snv24 {
    -webkit-mask-image: linear-gradient(to right,
      transparent 0,
      #000 var(--scroll-fade-start),
      #000 calc(100% - var(--scroll-fade-end)),
      transparent 100%);
    mask-image: linear-gradient(to right,
      transparent 0,
      #000 var(--scroll-fade-start),
      #000 calc(100% - var(--scroll-fade-end)),
      transparent 100%);
    animation-timeline: scroll(self inline);
  }
}

@keyframes ecl-scrollFadeStart-7PTAc {
  0% {
    --scroll-fade-start: 0;
  }

  100% {
    --scroll-fade-start: var(--scroll-fade-length);
  }
}

@keyframes ecl-scrollFadeEnd-8iMou {
  0% {
    --scroll-fade-end: var(--scroll-fade-length);
  }

  100% {
    --scroll-fade-end: 0;
  }
}

.ecl-shimmer-nfPbY {
  color: var(--color-text-tertiary);
  background-image: linear-gradient(90deg,
    var(--color-text-tertiary) 0%,
    var(--color-text-tertiary) 35%,
    var(--color-text-primary) 50%,
    var(--color-text-tertiary) 65%,
    var(--color-text-tertiary) 100%);
  -webkit-text-fill-color: transparent;
  animation: ecl-shimmer-nfPbY var(--motion-ambient-shimmer) linear infinite;
  background-position: 100% 0;
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes ecl-shimmer-nfPbY {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-shimmer-nfPbY {
    -webkit-text-fill-color: currentcolor;
    background-image: none;
    animation: none;
  }
}

@media (forced-colors: active) {
  .ecl-shimmer-nfPbY {
    -webkit-text-fill-color: currentcolor;
    background-image: none;
    animation: none;
  }
}

.ecl-menu-EozgP {
  --menu-min-width: 196px;
  --menu-max-width: 420px;
  --menu-max-height: 320px;
  --menu-slide-x: var(--space-0);
  --menu-slide-y: calc(var(--space-2) * -1);
  z-index: var(--z-popup);
  min-width: max(var(--menu-min-width),
    var(--radix-dropdown-menu-trigger-width));
  max-width: min(var(--menu-max-width),
    var(--radix-dropdown-menu-content-available-width));
  max-height: min(var(--menu-max-height),
    var(--radix-dropdown-menu-content-available-height));
  padding: var(--space-6);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-xl);
  background: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ecl-menu-EozgP[data-side="top"] {
  --menu-slide-y: var(--space-2);
}

.ecl-menu-EozgP[data-side="left"] {
  --menu-slide-x: var(--space-2);
  --menu-slide-y: var(--space-0);
}

.ecl-menu-EozgP[data-side="right"] {
  --menu-slide-x: calc(var(--space-2) * -1);
  --menu-slide-y: var(--space-0);
}

.ecl-menu-EozgP[data-substrate="overlay"] {
  border-color: var(--color-border-default);
}

.ecl-viewport-AEB0G {
  min-height: var(--space-0);
  scroll-padding-block: var(--space-32);
  flex-direction: column;
  flex: auto;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.ecl-slot-1BhwR {
  flex: none;
}

.ecl-slot-1BhwR:empty {
  display: none;
}

.ecl-search-1-U-x {
  padding-block-end: var(--space-6);
}

.ecl-status--N0yA {
  flex: none;
}

.ecl-empty-iGUxN {
  padding-block: var(--space-6) var(--space-6);
  padding-inline: var(--space-12);
  color: var(--color-text-tertiary);
}

.ecl-menu-EozgP[data-state="open"] {
  animation: ecl-menuIn-XpUnd var(--duration-normal) var(--easing-entrance);
}

.ecl-menu-EozgP[data-state="closed"] {
  pointer-events: none;
  animation: ecl-menuOut-EOQhS var(--duration-fast) var(--easing-exit);
}

.ecl-item-YXxzb {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-md);
  padding-block: var(--space-4);
  padding-inline: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-align: start;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  outline: none;
  flex: none;
  display: flex;
  position: relative;
}

.ecl-item-YXxzb:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-item-YXxzb[data-disabled] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-item-YXxzb[data-state="open"] {
  background-color: var(--color-fill-neutral-hover);
}

.ecl-itemDanger-S77hH {
  color: var(--color-text-danger);
}

.ecl-item-YXxzb[data-highlighted] {
  background-color: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

.ecl-itemDanger-S77hH[data-highlighted] {
  background-color: var(--color-fill-danger);
}

.ecl-itemIcon-ejFAM {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-itemIcon-ejFAM[data-tone="neutral"] {
  color: var(--color-text-secondary);
}

.ecl-itemIcon-ejFAM[data-tone="accent"] {
  color: var(--color-text-accent);
}

.ecl-itemIcon-ejFAM[data-tone="success"] {
  color: var(--color-text-success);
}

.ecl-itemIcon-ejFAM[data-tone="warning"] {
  color: var(--color-text-warning);
}

.ecl-itemIcon-ejFAM[data-tone="danger"] {
  color: var(--color-text-danger);
}

.ecl-itemDanger-S77hH .ecl-itemIcon-ejFAM {
  color: inherit;
}

.ecl-itemLabel-YyUaS {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ecl-itemValue-cTCkK {
  max-width: 50%;
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  overflow: hidden;
}

.ecl-itemNote-cwrnt {
  color: var(--color-text-tertiary);
  white-space: normal;
  display: block;
}

.ecl-itemNoted-ec0Yj {
  padding-block: var(--space-6);
  align-items: start;
}

.ecl-itemNoted-ec0Yj .ecl-itemLabel-YyUaS {
  gap: var(--space-2);
  white-space: normal;
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.ecl-itemMore-Xuo7U {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-itemMark-Js4fH {
  width: var(--size-icon-sm);
  color: var(--color-text-accent);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-itemNoted-ec0Yj .ecl-itemIcon-ejFAM, .ecl-itemNoted-ec0Yj .ecl-itemMark-Js4fH {
  margin-block-start: var(--space-2);
}

.ecl-item-YXxzb .ecl-itemIcon-ejFAM {
  transition: color var(--duration-fast) var(--easing-standard);
}

.ecl-item-YXxzb[data-state="open"] .ecl-itemIcon-ejFAM {
  color: var(--color-text-secondary);
}

.ecl-item-YXxzb[aria-current="true"] .ecl-itemIcon-ejFAM, .ecl-item-YXxzb[data-state="checked"] .ecl-itemIcon-ejFAM {
  color: var(--color-text-accent);
}

.ecl-item-YXxzb[data-highlighted] .ecl-itemIcon-ejFAM, .ecl-item-YXxzb[data-highlighted] .ecl-itemMark-Js4fH, .ecl-item-YXxzb[data-highlighted] .ecl-itemMore-Xuo7U, .ecl-item-YXxzb[data-highlighted] .ecl-itemValue-cTCkK, .ecl-item-YXxzb[data-highlighted] .ecl-itemNote-cwrnt {
  color: var(--color-text-on-accent);
}

.ecl-itemToggle-jowD8[data-highlighted] {
  background-color: var(--color-fill-neutral-hover);
  color: var(--color-text-primary);
}

.ecl-itemToggle-jowD8[data-highlighted] .ecl-itemIcon-ejFAM {
  color: var(--color-text-secondary);
}

.ecl-itemToggle-jowD8[data-highlighted] .ecl-itemIcon-ejFAM[data-tone="accent"] {
  color: var(--color-text-accent);
}

.ecl-itemToggle-jowD8[data-highlighted] .ecl-itemIcon-ejFAM[data-tone="success"] {
  color: var(--color-text-success);
}

.ecl-itemToggle-jowD8[data-highlighted] .ecl-itemIcon-ejFAM[data-tone="warning"] {
  color: var(--color-text-warning);
}

.ecl-itemToggle-jowD8[data-highlighted] .ecl-itemIcon-ejFAM[data-tone="danger"] {
  color: var(--color-text-danger);
}

.ecl-itemToggle-jowD8[data-highlighted] .ecl-itemIcon-ejFAM[data-colour] {
  color: var(--icon-colour);
}

.ecl-itemToggle-jowD8[data-highlighted][data-state="checked"] .ecl-itemIcon-ejFAM {
  color: var(--color-text-accent);
}

.ecl-separator-N8Uh6 {
  margin-block: var(--space-4);
  margin-inline: var(--space-8);
}

.ecl-label-Nb31U {
  padding-block: var(--space-6) var(--space-4);
  padding-inline: var(--space-8);
  color: var(--color-text-tertiary);
}

.ecl-trigger-Uxt7c {
  justify-content: space-between;
  gap: var(--space-8);
}

.ecl-triggerChevron-uKoua {
  color: var(--color-text-tertiary);
}

.ecl-checklistTrigger-1nTSG {
  gap: var(--space-6);
}

.ecl-checklistTriggerIcon-FU7tV {
  color: var(--color-text-tertiary);
}

.ecl-checklistTrigger-1nTSG[data-active] .ecl-checklistTriggerIcon-FU7tV {
  color: var(--color-text-accent);
}

.ecl-checklistValue-eVE7L {
  max-width: calc(var(--space-96) + var(--space-64));
  color: var(--color-text-accent);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-checklistCount-Oq2VO {
  min-width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  padding-inline: var(--space-4);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@keyframes ecl-menuIn-XpUnd {
  0% {
    opacity: 0;
    transform: scale(.97) translate(var(--menu-slide-x), var(--menu-slide-y));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-menuOut-EOQhS {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97) translate(var(--menu-slide-x), var(--menu-slide-y));
  }
}

@keyframes ecl-menuFadeIn-1XvZz {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-menuFadeOut-HPRg0 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-menu-EozgP[data-state="open"] {
    animation: ecl-menuFadeIn-1XvZz var(--duration-normal) var(--easing-standard);
  }

  .ecl-menu-EozgP[data-state="closed"] {
    animation: ecl-menuFadeOut-HPRg0 var(--duration-fast) var(--easing-standard);
  }

  .ecl-item-YXxzb {
    transition: background-color var(--duration-fast) var(--easing-standard),
      color var(--duration-fast) var(--easing-standard);
  }
}

.ecl-divider-hqcar {
  height: var(--space-1);
  background: var(--color-border-subtle);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
  border: 0;
  flex: none;
  margin: 0;
}

.ecl-default-XBusR {
  background: var(--color-border-default);
}

.ecl-tick-g9bJh.ecl-tick-g9bJh {
  width: var(--size-icon-sm);
  height: var(--size-icon-sm);
  stroke-width: 2.25px;
  flex: none;
}

.ecl-tick-g9bJh[data-checked] > path:first-child {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset var(--duration-fast) var(--easing-entrance);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-tick-g9bJh[data-checked] > path:first-child {
    transition: none;
  }
}

.ecl-overlay-R94d0 {
  z-index: var(--z-overlay);
  background: var(--color-fill-scrim);
  position: fixed;
  inset: 0;
}

.ecl-overlay-R94d0[data-state="open"] {
  animation: ecl-overlayIn-Fb7dm var(--duration-slow) var(--easing-entrance);
}

.ecl-overlay-R94d0[data-state="closed"] {
  animation: ecl-overlayOut-o4Hi1 var(--duration-normal) var(--easing-exit);
}

.ecl-content-PCozo {
  --dialog-width: 520px;
  --dialog-max-height: 760px;
  --dialog-shift-y: -50%;
  z-index: var(--z-modal);
  width: min(var(--dialog-width), calc(100vw - var(--space-32)));
  max-height: min(88vh, var(--dialog-max-height));
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-overlay);
  box-shadow: var(--shadow-modal);
  transform: translate(-50%, var(--dialog-shift-y));
  flex-direction: column;
  display: flex;
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  overflow: hidden;
}

@media not (max-width: 640px) {
  .ecl-content-PCozo[data-placement="top"] {
    --dialog-offset-top: 12vh;
    --dialog-shift-y: 0%;
    max-height: min(calc(100vh - var(--dialog-offset-top) - var(--space-32)),
      var(--dialog-max-height));
    transform-origin: top;
    inset-block-start: var(--dialog-offset-top);
  }

  .ecl-fill-eSPsj[data-placement="top"] {
    block-size: min(calc(100vh - var(--dialog-offset-top) - var(--space-32)),
      var(--dialog-max-height));
  }
}

.ecl-fill-eSPsj {
  block-size: min(88vh, var(--dialog-max-height));
}

.ecl-content-PCozo:focus-visible {
  outline: none;
}

.ecl-content-PCozo[data-state="open"] {
  animation: ecl-dialogIn-RAcDB var(--duration-slow) var(--easing-spring-soft);
}

.ecl-content-PCozo[data-state="closed"] {
  animation: ecl-dialogOut-44ZYH var(--duration-normal) var(--easing-exit);
}

.ecl-sm-CBTpc {
  --dialog-width: 380px;
}

.ecl-md-Lx2r4 {
  --dialog-width: 520px;
}

.ecl-lg-gR9Vp {
  --dialog-width: 760px;
}

.ecl-xl-rt-M3 {
  --dialog-width: 960px;
}

.ecl-handle-nDqHq {
  display: none;
}

.ecl-head-nqhEI {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-16);
  padding: var(--space-20) var(--space-24);
  border-bottom: var(--space-1) solid var(--color-border-subtle);
  flex: none;
  display: flex;
}

.ecl-heading-TI-GN {
  gap: var(--space-4);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-title-Gnv4R {
  color: var(--color-text-primary);
  margin: 0;
}

.ecl-description-o2wuH {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-bodyWrap-b6gRo {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
}

.ecl-body-vpxkT {
  gap: var(--space-20);
  min-height: 0;
  padding: var(--space-24);
  color: var(--color-text-secondary);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

@supports not (animation-timeline: scroll()) {
  .ecl-bodyWrap-b6gRo:after {
    content: "";
    block-size: var(--space-32);
    background: linear-gradient(to top,
      var(--color-surface-overlay),
      transparent);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--easing-standard);
    pointer-events: none;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .ecl-bodyWrap-b6gRo[data-more]:after {
    opacity: 1;
  }
}

.ecl-footer-5uv-i {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-16);
  padding: var(--space-16) var(--space-24);
  border-top: var(--space-1) solid var(--color-border-subtle);
  flex-wrap: wrap;
  flex: none;
  display: flex;
}

.ecl-footerStart-6TIbG {
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  color: var(--color-text-tertiary);
  display: flex;
}

.ecl-footerActions-WngH9 {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  margin-inline-start: auto;
  display: flex;
}

.ecl-bodyWrap-b6gRo:has( > .ecl-body-vpxkT:empty) {
  display: none;
}

:is(.ecl-head-nqhEI + .ecl-footer-5uv-i, .ecl-bodyWrap-b6gRo:has( > .ecl-body-vpxkT:empty) + .ecl-footer-5uv-i) {
  border-block-start: none;
}

.ecl-section-pQ7r6 {
  gap: var(--space-8);
  flex-direction: column;
  display: flex;
}

.ecl-sectionTitle-4DrT5 {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-sectionBlock-hXH5O {
  border-radius: var(--radius-xl);
  background: var(--color-surface-raised);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ecl-row-B4H5V {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-16);
  min-height: var(--size-control-lg);
  padding: var(--space-12) var(--space-16);
  display: flex;
  position: relative;
}

.ecl-row-B4H5V + .ecl-row-B4H5V:before {
  content: "";
  height: var(--space-1);
  background: var(--color-border-subtle);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ecl-rowText-Toqvk {
  gap: var(--space-2);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-rowLabel-4KgsA {
  color: var(--color-text-primary);
}

.ecl-rowHint-tYjND {
  color: var(--color-text-tertiary);
}

.ecl-rowControl-I-2D6 {
  align-items: center;
  gap: var(--space-8);
  flex: none;
  display: flex;
}

@keyframes ecl-overlayIn-Fb7dm {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-overlayOut-o4Hi1 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ecl-dialogIn-RAcDB {
  0% {
    opacity: 0;
    transform: translate(-50%, var(--dialog-shift-y)) scale(.97);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, var(--dialog-shift-y)) scale(1);
  }
}

@keyframes ecl-dialogOut-44ZYH {
  0% {
    opacity: 1;
    transform: translate(-50%, var(--dialog-shift-y)) scale(1);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, var(--dialog-shift-y)) scale(.97);
  }
}

@keyframes ecl-dialogFadeIn-Jre7v {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-dialogFadeOut-XbR30 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 640px) {
  .ecl-content-PCozo {
    width: 100vw;
    max-height: 88vh;
    box-shadow: var(--shadow-modal),
      var(--space-0) var(--space-24) var(--space-0) var(--space-0)
        var(--color-surface-overlay);
    transform: translate(-50%, var(--swipe-offset, var(--space-0)));
    border-block-end: none;
    border-inline: none;
    border-start-start-radius: var(--radius-2xl);
    border-start-end-radius: var(--radius-2xl);
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    inset-block: auto 0;
  }

  .ecl-content-PCozo[data-state="open"] {
    animation: ecl-sheetIn--gcZU var(--duration-slow) var(--easing-spring-soft);
  }

  .ecl-content-PCozo[data-state="closed"] {
    animation: ecl-sheetOut-f2DQ- var(--duration-normal) var(--easing-exit);
  }

  .ecl-content-PCozo[data-settling] {
    transition: transform var(--duration-normal) var(--easing-spring);
  }

  .ecl-content-PCozo[data-state="closed"][data-swiped] {
    animation: ecl-sheetSwipeOut-X7-ug var(--duration-normal) var(--easing-exit);
  }

  .ecl-handle-nDqHq {
    inset-block-start: var(--space-0);
    inset-inline: var(--space-0);
    width: var(--space-64);
    height: var(--space-20);
    touch-action: none;
    cursor: grab;
    margin-inline: auto;
    display: block;
    position: absolute;
  }

  .ecl-handle-nDqHq:before {
    content: "";
    inset-block-start: var(--space-8);
    inset-inline: var(--space-16);
    height: var(--space-4);
    border-radius: var(--radius-full);
    background: var(--color-border-default);
    position: absolute;
  }

  .ecl-head-nqhEI {
    touch-action: none;
  }

  .ecl-fill-eSPsj {
    block-size: 88vh;
  }

  .ecl-head-nqhEI, .ecl-footer-5uv-i {
    padding-inline: var(--space-20);
  }

  .ecl-body-vpxkT {
    padding: var(--space-20);
  }

  .ecl-footerActions-WngH9 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}

@keyframes ecl-sheetIn--gcZU {
  0% {
    opacity: 0;
    transform: translate(-50%, var(--space-16));
  }

  100% {
    opacity: 1;
    transform: translate(-50%);
  }
}

@keyframes ecl-sheetOut-f2DQ- {
  0% {
    opacity: 1;
    transform: translate(-50%);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, var(--space-16));
  }
}

@keyframes ecl-sheetSwipeOut-X7-ug {
  0% {
    transform: translate(-50%, var(--swipe-offset, var(--space-0)));
  }

  100% {
    transform: translate(-50%, 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-content-PCozo[data-state="open"] {
    animation: ecl-dialogFadeIn-Jre7v var(--duration-slow) var(--easing-standard);
  }

  .ecl-content-PCozo[data-state="closed"], .ecl-content-PCozo[data-state="closed"][data-swiped] {
    animation: ecl-dialogFadeOut-XbR30 var(--duration-normal) var(--easing-standard);
  }

  .ecl-handle-nDqHq {
    display: none;
  }

  .ecl-content-PCozo[data-settling] {
    transition: none;
  }

  .ecl-overlay-R94d0[data-state="open"] {
    animation: ecl-overlayIn-Fb7dm var(--duration-slow) var(--easing-standard);
  }

  .ecl-overlay-R94d0[data-state="closed"] {
    animation: ecl-overlayOut-o4Hi1 var(--duration-normal) var(--easing-standard);
  }
}

.ecl-shell-nT0QD {
  --shell-nav-width: var(--layout-nav);
  --shell-status-row: var(--size-control-md);
  --shell-island-end: var(--space-0);
  --shell-canvas-glow: 480px;
  --shell-island-glow: 240px;
  grid-template-columns: var(--shell-nav-width) 1fr;
  grid-template-rows: 1fr var(--shell-status-row);
  height: 100dvh;
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
    env(safe-area-inset-bottom) env(safe-area-inset-left);
  background: linear-gradient(to bottom,
    var(--color-surface-content),
    var(--color-surface-base) var(--shell-canvas-glow));
  display: grid;
  position: relative;
  overflow: hidden;
}

.ecl-shellNoStatus-9CD31 {
  --shell-status-row: var(--space-0);
  --shell-island-end: var(--space-12);
}

.ecl-skip-BVc8o {
  left: var(--space-8);
  top: var(--space-8);
  z-index: var(--z-toast);
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  background: var(--color-surface-elevated);
  color: var(--color-text-primary);
  transform: translateY(calc((var(--space-48) + var(--space-8)) * -1));
  transition: transform var(--duration-fast) var(--easing-standard);
  position: absolute;
}

.ecl-skip-BVc8o:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-skip-BVc8o {
    transition: none;
  }
}

.ecl-nav-xmMKv {
  gap: var(--space-12);
  margin: var(--space-12) var(--space-0) var(--shell-island-end) var(--space-12);
  padding: var(--space-16) var(--space-12);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-content);
  box-shadow: var(--shadow-raised);
  scrollbar-gutter: stable;
  flex-direction: column;
  grid-area: 1 / 1;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.ecl-navHeader-0ubcC {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.ecl-navHeaderActions-g6Fgm {
  align-items: center;
  gap: var(--space-2);
  flex: none;
  display: flex;
}

.ecl-navHeaderName-mFXbf {
  flex: auto;
  justify-content: flex-start;
  min-width: 0;
  display: flex;
}

.ecl-identity-j5clk {
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  height: var(--size-control-md);
  padding-inline: var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--duration-normal) var(--easing-standard);
  flex: 0 auto;
  text-decoration: none;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-identity-j5clk:hover {
    background: var(--color-fill-neutral);
  }
}

.ecl-identityName-9w-4- {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--color-text-primary);
  flex: 0 auto;
  overflow: hidden;
}

.ecl-identityButton-jsiK- {
  cursor: pointer;
  text-align: start;
  background: none;
  border: none;
  width: auto;
  max-width: 100%;
}

.ecl-identityButton-jsiK-:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-identityChevron-PjXrx {
  color: var(--color-text-tertiary);
  transition: color var(--duration-normal) var(--easing-standard),
    transform var(--duration-normal) var(--easing-standard);
  flex: none;
  margin-inline-start: calc(var(--space-4) * -1);
}

.ecl-identityButton-jsiK-[data-state="open"] .ecl-identityChevron-PjXrx {
  color: var(--color-text-secondary);
  transform: rotate(180deg);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-identityButton-jsiK-:hover .ecl-identityChevron-PjXrx {
    color: var(--color-text-secondary);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-identityChevron-PjXrx {
    transition: none;
  }
}

.ecl-navItems-zJ4AU {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-main-ZR4HY {
  min-width: 0;
  margin: var(--space-12) var(--space-12) var(--shell-island-end);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: linear-gradient(to bottom,
    var(--color-surface-raised),
    var(--color-surface-content) var(--shell-island-glow));
  box-shadow: var(--shadow-raised);
  grid-area: 1 / 2;
  overflow: hidden auto;
}

.ecl-status-DApuM {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-2) var(--space-12) var(--space-2) var(--space-2);
  grid-area: 2 / 1 / 3 / -1;
  display: flex;
}

.ecl-navToggle-gfxZA {
  align-items: center;
  gap: var(--space-4);
  height: var(--size-control-md);
  padding-inline: var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: none;
  display: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-navToggle-gfxZA:hover {
    background: var(--color-fill-neutral);
    color: var(--color-text-primary);
  }
}

.ecl-navToggle-gfxZA:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-navToggle-gfxZA:active {
  background: var(--color-fill-neutral-active);
}

.ecl-navToggle-gfxZA[aria-expanded="true"] {
  color: var(--color-text-primary);
}

.ecl-navToggleChevron-svDhX {
  transition: transform var(--duration-fast) var(--easing-standard);
}

.ecl-navToggle-gfxZA[aria-expanded="true"] .ecl-navToggleChevron-svDhX {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-navToggleChevron-svDhX {
    transition: none;
  }
}

@media (pointer: coarse) {
  .ecl-identity-j5clk, .ecl-navToggle-gfxZA {
    min-height: var(--space-48);
  }
}

.ecl-moreList-gWMmX {
  gap: var(--space-12);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-moreList-gWMmX [data-in-bar] {
  display: none;
}

.ecl-moreList-gWMmX [data-shell-group]:not(:has([data-shell-destination]:not([data-in-bar]))) {
  display: none;
}

.ecl-moreList-gWMmX > :not(:has([data-shell-destination]:not([data-in-bar]))) {
  display: none;
}

@media (max-width: 767px) {
  :root:has([data-shell-bar]) {
    --shell-bar-gap: var(--space-12);
    --shell-bar-inset: var(--space-4);
    --shell-bar-item: max(var(--space-48),
      calc(var(--size-icon-md) + var(--space-2) + var(--space-8) +
          var(--text-label-md-line-height) * var(--font-scale)));
    --shell-bar-edge: max(var(--shell-bar-gap), env(safe-area-inset-bottom));
    --shell-bar-reach: calc(var(--shell-bar-edge) + var(--shell-bar-item) +
        (var(--shell-bar-inset) + var(--space-1)) * 2 + var(--space-8));
  }

  .ecl-shell-nT0QD {
    grid-template-columns: minmax(var(--space-0), 1fr);
    grid-template-rows: minmax(var(--space-0), 1fr) var(--shell-status-row);
    box-sizing: border-box;
    height: auto;
    min-height: 100dvh;
    padding-block-end: var(--shell-bar-reach);
    overflow: visible;
  }

  .ecl-shellNoStatus-9CD31 {
    --shell-island-end: var(--space-8);
  }

  .ecl-nav-xmMKv {
    inset-inline: calc(var(--shell-bar-gap) + env(safe-area-inset-left))
      calc(var(--shell-bar-gap) + env(safe-area-inset-right));
    z-index: var(--z-dropdown);
    align-items: center;
    gap: var(--space-0);
    max-width: var(--layout-form);
    margin: var(--space-0) auto;
    padding: var(--shell-bar-inset);
    border-radius: var(--radius-full);
    background: var(--color-surface-elevated);
    box-shadow: var(--shadow-popover);
    scrollbar-gutter: auto;
    flex-direction: row;
    position: fixed;
    inset-block-end: var(--shell-bar-edge);
    overflow: visible;
  }

  @supports ((-webkit-backdrop-filter: blur(var(--space-16))) or (backdrop-filter: blur(var(--space-16)))) {
    .ecl-nav-xmMKv {
      background: color-mix(in srgb,
        var(--color-surface-base) 72%,
        transparent);
      -webkit-backdrop-filter: blur(var(--space-16)) saturate(180%);
      backdrop-filter: blur(var(--space-16)) saturate(180%);
    }
  }

  @media (prefers-reduced-transparency: reduce) {
    .ecl-nav-xmMKv {
      background: var(--color-surface-elevated);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
  }

  .ecl-nav-xmMKv > .ecl-navHeader-0ubcC {
    display: none;
  }

  :is(.ecl-nav-xmMKv [data-shell-list], .ecl-nav-xmMKv [data-shell-list] :has([data-shell-destination])) {
    display: contents;
  }

  .ecl-nav-xmMKv [data-shell-list] :not([data-shell-destination], [data-shell-destination] *, :has([data-shell-destination])) {
    display: none;
  }

  .ecl-main-ZR4HY {
    margin: var(--space-8) var(--space-8) var(--shell-island-end);
    grid-area: 1 / 1 / 2 / -1;
    overflow: clip visible;
  }

  .ecl-status-DApuM {
    padding-inline: var(--space-8);
    grid-area: 2 / 1 / 3 / -1;
  }
}

.ecl-frame-g5PWg {
  --sidebar-nav: var(--layout-nav);
  --sidebar-section: var(--space-0);
  --sidebar-status-row: var(--size-control-md);
  --sidebar-end: var(--space-0);
  --sidebar-move: calc(var(--duration-slow) * 1.2) var(--easing-standard);
  --sidebar-peek-inset: var(--space-8);
  --sidebar-peek-away: calc((var(--sidebar-peek-inset) + var(--sidebar-nav) + var(--sidebar-section)) *
      -1);
  --sidebar-peek-shadow: var(--space-48);
}

.ecl-frameNoStatus-qADGb {
  --sidebar-status-row: var(--space-0);
  --sidebar-end: var(--space-12);
}

.ecl-frame-g5PWg[data-section] {
  --sidebar-section: var(--layout-nav);
}

.ecl-frame-g5PWg[data-resized] {
  --sidebar-nav: clamp(calc(var(--layout-nav) * .8),
    var(--sidebar-width, var(--layout-nav)),
    calc(var(--layout-nav) * 1.5));
}

.ecl-rail-a8IA8, .ecl-top-NSBg3:empty {
  display: none;
}

.ecl-bar-OnXuK:not(:has(.ecl-barHead-zofp1, .ecl-headerToggle-nH4IC)):has(.ecl-top-NSBg3:empty) {
  display: none;
}

.ecl-headerToggle-nH4IC {
  flex: none;
  display: inline-flex;
}

.ecl-topActions-gRHdV {
  align-items: center;
  gap: var(--space-2);
  flex: none;
  display: flex;
}

.ecl-sectionHead-iw5bg {
  min-width: 0;
  height: var(--size-control-xs);
  padding-inline: var(--space-12);
  align-items: center;
  display: flex;
}

.ecl-sectionLead-zE2oQ {
  flex: none;
  align-items: center;
  display: flex;
}

.ecl-sectionTitle-PB-Ge {
  min-width: 0;
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.ecl-sectionBody-lV-8U {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

@media not (max-width: 767px) {
  .ecl-frame-g5PWg[data-navigation] {
    grid-template-columns: var(--sidebar-nav) var(--sidebar-section)
      minmax(var(--space-0), 1fr);
    grid-template-rows: auto minmax(var(--space-0), 1fr)
      var(--sidebar-status-row);
  }

  .ecl-bar-OnXuK {
    grid-area: 1 / 1 / 2 / -1;
    grid-template-columns: var(--sidebar-nav) auto minmax(var(--space-0), 1fr)
      auto;
    min-width: 0;
    padding: var(--space-8) var(--space-12) var(--space-0) var(--space-0);
    --size-control-md: var(--size-control-sm);
    align-items: center;
    display: grid;
  }

  .ecl-barHead-zofp1 {
    padding-inline: var(--space-12) var(--space-4);
    grid-column: 1;
  }

  .ecl-frame-g5PWg[data-navigation][data-moving] .ecl-barName-dQjGd {
    transition: flex-grow var(--sidebar-move);
  }

  .ecl-frame-g5PWg[data-navigation][data-hidden] .ecl-barName-dQjGd {
    flex-grow: 0;
  }

  .ecl-headerToggle-nH4IC {
    grid-column: 2;
    padding-inline-start: var(--space-12);
  }

  .ecl-top-NSBg3 {
    min-width: 0;
    grid-column: 3;
    padding-inline-start: var(--space-8);
  }

  .ecl-bar-OnXuK:not(:has(.ecl-headerToggle-nH4IC)) .ecl-top-NSBg3 {
    padding-inline-start: var(--space-12);
  }

  .ecl-topActions-gRHdV {
    grid-column: 4;
    padding-inline-start: var(--space-8);
  }

  .ecl-frame-g5PWg[data-navigation][data-moving] {
    transition: grid-template-columns var(--sidebar-move);
  }

  .ecl-frame-g5PWg[data-navigation][data-hidden] {
    grid-template-columns: var(--space-0) var(--space-0)
      minmax(var(--space-0), 1fr);
  }

  .ecl-frame-g5PWg[data-navigation][data-section][data-hidden] {
    grid-template-columns: var(--space-12) var(--space-0)
      minmax(var(--space-0), 1fr);
  }

  .ecl-frame-g5PWg[data-navigation][data-moving] .ecl-headerToggle-nH4IC, .ecl-frame-g5PWg[data-navigation][data-moving] .ecl-top-NSBg3 {
    transition: transform var(--sidebar-move);
  }

  .ecl-frame-g5PWg[data-navigation][data-hidden] .ecl-headerToggle-nH4IC, .ecl-frame-g5PWg[data-navigation][data-hidden] .ecl-top-NSBg3 {
    transform: translateX(calc(var(--sidebar-nav) * -1));
  }

  .ecl-frame-g5PWg[data-navigation][data-section][data-hidden] .ecl-headerToggle-nH4IC, .ecl-frame-g5PWg[data-navigation][data-section][data-hidden] .ecl-top-NSBg3 {
    transform: translateX(calc((var(--sidebar-nav) - var(--space-12)) * -1));
  }

  .ecl-frame-g5PWg[data-navigation][data-moving] .ecl-barHead-zofp1 {
    transition: opacity var(--duration-slow) var(--easing-standard),
      visibility calc(var(--duration-slow) * 1.2);
  }

  .ecl-frame-g5PWg[data-navigation][data-hidden] .ecl-barHead-zofp1 {
    opacity: 0;
    visibility: hidden;
  }

  .ecl-column-RcPmo[data-navigation] {
    width: var(--sidebar-nav);
    margin: var(--space-0);
    padding: var(--space-12) var(--space-4) var(--sidebar-end) var(--space-12);
    box-shadow: none;
    transition: transform var(--sidebar-move),
      opacity var(--sidebar-move),
      visibility calc(var(--duration-slow) * 1.2);
    background: none;
    border: none;
    grid-area: 2 / 1 / 3 / 2;
  }

  .ecl-column-RcPmo[data-navigation][data-hidden] {
    transform: translateX(calc((var(--sidebar-nav) + var(--sidebar-section)) * -1));
    opacity: 0;
    visibility: hidden;
    transition: transform var(--sidebar-move),
      opacity var(--duration-slow) var(--easing-standard),
      visibility calc(var(--duration-slow) * 1.2);
  }

  .ecl-content-8uKk8[data-navigation] {
    grid-area: 2 / 3;
  }

  .ecl-status-hFiHn[data-navigation] {
    grid-area: 3 / 1 / 4 / -1;
  }

  .ecl-section-ATPfl {
    width: calc(var(--layout-nav) - var(--space-12));
    min-width: 0;
    min-height: 0;
    margin: var(--space-12) var(--space-0) var(--sidebar-end) var(--space-12);
    border: var(--space-1) solid var(--color-border-subtle);
    background: linear-gradient(to bottom,
      var(--color-surface-raised),
      var(--color-surface-content) var(--sidebar-island-glow));
    box-shadow: var(--shadow-raised);
    transition: transform var(--sidebar-move),
      opacity var(--sidebar-move),
      visibility calc(var(--duration-slow) * 1.2);
    --sidebar-island-glow: 240px;
    border-inline-end: none;
    border-start-start-radius: var(--radius-2xl);
    border-end-start-radius: var(--radius-2xl);
    flex-direction: column;
    grid-area: 2 / 2;
    display: flex;
    overflow: hidden;
  }

  .ecl-sectionHead-iw5bg {
    box-sizing: border-box;
    height: calc(var(--size-control-md) + var(--space-16) + var(--space-1) +
        (var(--font-scale) - 1) * var(--space-16));
    padding-inline: var(--space-16);
    flex: none;
  }

  .ecl-sectionBody-lV-8U {
    min-height: 0;
    padding: var(--space-8) var(--space-4) var(--space-8) var(--space-8);
    scrollbar-gutter: stable;
    flex: 1;
    overflow-y: auto;
  }

  .ecl-frame-g5PWg[data-section] .ecl-content-8uKk8[data-navigation] {
    transition: border-radius var(--sidebar-move);
    border-start-start-radius: var(--space-0);
    border-end-start-radius: var(--space-0);
    margin-inline-start: var(--space-0);
  }

  .ecl-frame-g5PWg[data-section][data-hidden] .ecl-content-8uKk8[data-navigation] {
    border-start-start-radius: var(--radius-2xl);
    border-end-start-radius: var(--radius-2xl);
  }

  .ecl-section-ATPfl[data-hidden] {
    transform: translateX(calc(var(--sidebar-section) * -1));
    opacity: 0;
    visibility: hidden;
    transition: transform var(--sidebar-move),
      opacity var(--duration-slow) var(--easing-standard),
      visibility calc(var(--duration-slow) * 1.2);
  }

  .ecl-rail-a8IA8 {
    z-index: 1;
    width: var(--space-8);
    border-radius: var(--radius-full);
    cursor: col-resize;
    touch-action: none;
    outline: none;
    grid-area: 2 / 1 / 3 / 2;
    justify-self: end;
    margin-inline-end: calc(var(--space-4) * -1);
    display: block;
    position: relative;
  }

  .ecl-rail-a8IA8:before {
    content: "";
    inset-block: var(--space-12);
    inset-inline: var(--space-0);
    width: var(--space-2);
    border-radius: var(--radius-full);
    background-color: var(--color-border-default);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--easing-exit);
    margin-inline: auto;
    position: absolute;
  }

  .ecl-rail-a8IA8:focus-visible {
    box-shadow: var(--glow-focus);
  }

  .ecl-rail-a8IA8:focus-visible:before, .ecl-frame-g5PWg[data-resizing] .ecl-rail-a8IA8:before {
    opacity: 1;
    transition: opacity var(--duration-fast) var(--easing-entrance);
  }

  .ecl-frame-g5PWg[data-navigation][data-resizing] {
    cursor: col-resize;
    -webkit-user-select: none;
    user-select: none;
    transition: none;
  }

  .ecl-frame-g5PWg[data-collapse-preview] .ecl-column-RcPmo[data-navigation], .ecl-frame-g5PWg[data-collapse-preview] .ecl-section-ATPfl {
    opacity: .4;
  }
}

@media (not (max-width: 767px)) and (hover: hover) and (pointer: fine) {
  .ecl-rail-a8IA8:hover:before {
    opacity: 1;
    transition: opacity var(--duration-fast) var(--easing-entrance);
  }
}

@media not (max-width: 767px) {
  .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl {
    inset-block: calc(var(--sidebar-peek-inset) + env(safe-area-inset-top))
      calc(var(--sidebar-peek-inset) + env(safe-area-inset-bottom));
    z-index: var(--z-dropdown);
    margin: var(--space-0);
    border: var(--space-1) solid var(--color-border-subtle);
    background: var(--color-surface-elevated);
    box-shadow: var(--shadow-popover);
    transform: translateX(var(--sidebar-peek-away));
    opacity: 1;
    visibility: hidden;
    transition: transform var(--duration-slow) var(--easing-exit),
      visibility var(--duration-slow);
    position: fixed;
  }

  .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation] {
    border-radius: var(--radius-2xl);
    padding-block-end: var(--space-12);
    inset-inline-start: calc(var(--sidebar-peek-inset) + env(safe-area-inset-left));
  }

  .ecl-frame-g5PWg[data-section][data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation] {
    clip-path: inset(calc(var(--sidebar-peek-shadow) * -1) var(--space-0)
        calc(var(--sidebar-peek-shadow) * -1)
        calc(var(--sidebar-peek-shadow) * -1));
    border-inline-end: none;
    border-start-end-radius: var(--space-0);
    border-end-end-radius: var(--space-0);
  }

  .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl {
    clip-path: inset(calc(var(--sidebar-peek-shadow) * -1)
        calc(var(--sidebar-peek-shadow) * -1)
        calc(var(--sidebar-peek-shadow) * -1) var(--space-0));
    border-start-start-radius: var(--space-0);
    border-start-end-radius: var(--radius-2xl);
    border-end-end-radius: var(--radius-2xl);
    border-end-start-radius: var(--space-0);
    inset-inline-start: calc(var(--sidebar-peek-inset) + env(safe-area-inset-left) + var(--sidebar-nav));
  }

  .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation][data-peek], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl[data-peek] {
    visibility: visible;
    transition: transform var(--sidebar-move);
    transform: none;
  }
}

@media (not (max-width: 767px)) and (prefers-reduced-motion: reduce) {
  .ecl-frame-g5PWg[data-navigation][data-moving] {
    transition: none;
  }

  .ecl-column-RcPmo[data-navigation], .ecl-column-RcPmo[data-navigation][data-hidden], .ecl-section-ATPfl, .ecl-section-ATPfl[data-hidden], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl, .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation][data-peek], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl[data-peek] {
    transition: opacity var(--duration-normal) var(--easing-standard),
      visibility calc(var(--duration-slow) * 1.2);
    transform: none;
  }

  .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl {
    opacity: 0;
  }

  .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-column-RcPmo[data-navigation][data-peek], .ecl-frame-g5PWg[data-hidden]:not([data-moving]) .ecl-section-ATPfl[data-peek] {
    opacity: 1;
    transition: opacity var(--duration-normal) var(--easing-standard);
  }
}

@media (max-width: 767px) {
  .ecl-frame-g5PWg[data-navigation] {
    grid-template-rows: auto auto minmax(var(--space-0), 1fr) var(--sidebar-status-row);
  }

  .ecl-bar-OnXuK {
    align-items: center;
    gap: var(--space-8);
    min-width: 0;
    padding: var(--space-8) var(--space-8) var(--space-0);
    flex-wrap: wrap;
    grid-area: 1 / 1 / 2 / -1;
    display: flex;
  }

  .ecl-frame-g5PWg[data-navigation] .ecl-barHead-zofp1 {
    flex: 1 1 0;
    min-width: 0;
  }

  .ecl-top-NSBg3 {
    flex: 100%;
    order: 1;
    min-width: 0;
  }

  .ecl-headerToggle-nH4IC, .ecl-sectionTitle-PB-Ge {
    display: none;
  }

  .ecl-sectionHead-iw5bg:not(:has(.ecl-sectionLead-zE2oQ)) {
    display: none;
  }

  .ecl-section-ATPfl {
    gap: var(--space-8);
    min-width: 0;
    margin: var(--space-8) var(--space-8) var(--space-0);
    padding: var(--space-8);
    border: var(--space-1) solid var(--color-border-subtle);
    border-radius: var(--radius-2xl);
    background: var(--color-surface-content);
    flex-direction: column;
    grid-area: 2 / 1 / 3 / -1;
    display: flex;
  }

  .ecl-sectionToggle-u9K7Y[aria-expanded] {
    justify-content: space-between;
    width: 100%;
    display: inline-flex;
  }

  .ecl-section-ATPfl:not([data-open]) > .ecl-sectionBody-lV-8U {
    display: none;
  }

  .ecl-section-ATPfl[data-open] > .ecl-sectionBody-lV-8U {
    animation: ecl-sectionIn-lu20Y var(--duration-normal) var(--easing-entrance) both;
  }

  .ecl-content-8uKk8[data-navigation] {
    grid-area: 3 / 1 / 4 / -1;
  }

  .ecl-status-hFiHn[data-navigation] {
    grid-area: 4 / 1 / 5 / -1;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .ecl-section-ATPfl[data-open] > .ecl-sectionBody-lV-8U {
    animation: ecl-sectionFade-dbb9n var(--duration-normal) var(--easing-standard) both;
  }
}

@keyframes ecl-sectionIn-lu20Y {
  0% {
    opacity: 0;
    transform: translateY(calc(var(--space-8) * -1));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-sectionFade-dbb9n {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ecl-heading-SDZ0c {
  min-width: 0;
  height: var(--size-control-xs);
  padding-inline: var(--space-12);
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.ecl-groupRow-MX0Vc + .ecl-groupRow-MX0Vc {
  margin-top: var(--space-0);
}

:not(.ecl-groupRow-MX0Vc) + .ecl-groupRow-MX0Vc {
  margin-top: var(--space-8);
}

.ecl-fold-t96OM {
  cursor: pointer;
}

.ecl-foldCaret-y-Unx {
  transition: transform var(--duration-slow) var(--easing-standard);
  flex: none;
}

.ecl-groupRow-MX0Vc[data-open] .ecl-foldCaret-y-Unx {
  transform: rotate(90deg);
}

.ecl-foldLabel-kBf3l {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.ecl-pinned-bK46K {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  margin-top: auto;
  display: flex;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-foldCaret-y-Unx {
    transition: none;
  }
}

.ecl-item-I4gIt {
  align-items: center;
  gap: var(--space-12);
  height: var(--size-control-md);
  padding-inline: var(--space-12);
  border: var(--space-1) solid transparent;
  border-radius: var(--radius-md);
  box-sizing: border-box;
  width: 100%;
  color: var(--color-text-secondary);
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--duration-normal) var(--easing-standard),
    color var(--duration-normal) var(--easing-standard);
  background: none;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-item-I4gIt:hover {
    background: var(--color-fill-neutral);
    color: var(--color-text-primary);
  }

  [data-fluid-nav] .ecl-item-I4gIt:hover:not(.ecl-itemActive-QPqWH) {
    background: none;
  }

  .ecl-item-I4gIt[data-fluid-lit] {
    color: var(--color-text-primary);
  }
}

.ecl-itemCount-qCET8 {
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  flex: none;
  margin-inline-start: auto;
}

.ecl-itemActive-QPqWH .ecl-itemCount-qCET8 {
  color: var(--color-text-secondary);
}

.ecl-itemUnread-lTimG {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent);
  flex: none;
  margin-inline-start: auto;
}

.ecl-itemUnread-lTimG + .ecl-itemCount-qCET8 {
  margin-inline-start: var(--space-0);
}

.ecl-item-I4gIt:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-itemActive-QPqWH {
  background: var(--color-fill-neutral-active);
  color: var(--color-text-primary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-itemActive-QPqWH:hover {
    background: var(--color-fill-neutral-active);
    color: var(--color-text-primary);
  }
}

.ecl-navIndicator-8X-iU {
  width: var(--nav-indicator-width);
  height: var(--nav-indicator-height);
  border-radius: var(--radius-md);
  background: var(--color-fill-neutral-active);
  pointer-events: none;
  transform: translate(var(--nav-indicator-x), var(--nav-indicator-y));
  transition: transform var(--duration-normal) var(--easing-spring);
  position: absolute;
  top: 0;
  left: 0;
}

.ecl-navHighlight-b17cR {
  --fluid-radius: var(--radius-md);
  --fluid-fill: var(--color-fill-neutral);
}

[data-fluid-nav]:has(.ecl-itemActive-QPqWH[data-fluid-lit]) > .ecl-navHighlight-b17cR {
  opacity: 0;
}

.ecl-navIndicator-8X-iU[data-following] {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-navIndicator-8X-iU {
    transition: none;
  }
}

[data-indicator] .ecl-itemActive-QPqWH, [data-indicator] .ecl-itemActive-QPqWH:hover {
  background: none;
}

.ecl-group-5RLZg {
  gap: var(--space-1);
  min-width: 0;
  margin-top: var(--space-16);
  flex-direction: column;
  display: flex;
}

.ecl-groupRegion-kjsgR {
  transition: grid-template-rows var(--duration-slow) var(--easing-entrance);
  grid-template-rows: 1fr;
  display: grid;
}

.ecl-group-5RLZg:not([data-open]) > .ecl-groupRegion-kjsgR {
  transition: grid-template-rows var(--duration-slow) var(--easing-standard);
  grid-template-rows: 0fr;
}

.ecl-groupItems-5wkby {
  gap: var(--space-1);
  min-width: 0;
  min-height: 0;
  padding: var(--space-4);
  margin: calc(var(--space-4) * -1);
  flex-direction: column;
  display: flex;
  overflow: clip;
}

.ecl-groupItemsIndented--77MV {
  padding-inline-start: calc(var(--space-4) + var(--space-12));
}

.ecl-groupItems-5wkby > * {
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  transition-delay: calc(var(--group-stagger-step) * var(--group-stagger));
  --group-stagger-step: calc(var(--duration-fast) / 3);
  --group-stagger: 0;
}

.ecl-groupItems-5wkby > :nth-child(2) {
  --group-stagger: 1;
}

.ecl-groupItems-5wkby > :nth-child(3) {
  --group-stagger: 2;
}

.ecl-groupItems-5wkby > :nth-child(4) {
  --group-stagger: 3;
}

.ecl-groupItems-5wkby > :nth-child(5) {
  --group-stagger: 4;
}

.ecl-groupItems-5wkby > :nth-child(6) {
  --group-stagger: 5;
}

.ecl-groupItems-5wkby > :nth-child(n+7) {
  --group-stagger: 6;
}

.ecl-group-5RLZg:not([data-open]) .ecl-groupItems-5wkby > * {
  opacity: 0;
  transform: translateY(calc(var(--space-4) * -1));
  transition: opacity var(--duration-fast) var(--easing-standard),
    transform var(--duration-slow) var(--easing-standard);
  --group-stagger: 0;
}

.ecl-navGroupRow-Pxfny {
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  display: flex;
}

.ecl-navGroupAction-VqBJX {
  flex: none;
  align-items: center;
  margin-inline-start: auto;
  display: flex;
}

.ecl-navGroup-fvc-T {
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  height: var(--size-control-xs);
  padding-inline: var(--space-12);
  border-radius: var(--radius-md);
  color: var(--color-text-tertiary);
  text-align: start;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: color var(--duration-normal) var(--easing-standard);
  background: none;
  border: none;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-navGroup-fvc-T:hover {
    color: var(--color-text-secondary);
  }
}

.ecl-navGroup-fvc-T:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-navGroupCaret-vnRlm {
  transition: transform var(--duration-slow) var(--easing-standard);
}

.ecl-group-5RLZg:not([data-open]) .ecl-navGroupCaret-vnRlm {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-groupRegion-kjsgR, .ecl-group-5RLZg:not([data-open]) > .ecl-groupRegion-kjsgR {
    transition: none;
  }

  .ecl-groupItems-5wkby > *, .ecl-group-5RLZg:not([data-open]) .ecl-groupItems-5wkby > * {
    transition: opacity var(--duration-fast) var(--easing-standard);
    --group-stagger: 0;
    transform: none;
  }

  .ecl-navGroupCaret-vnRlm {
    transition: none;
  }
}

@media (pointer: coarse) {
  .ecl-item-I4gIt, .ecl-navGroup-fvc-T {
    min-height: var(--space-48);
  }
}

@media (max-width: 767px) {
  [data-shell-bar] .ecl-item-I4gIt {
    flex: 1 1 var(--space-0);
    justify-content: center;
    gap: var(--space-2);
    width: auto;
    min-width: var(--space-0);
    height: var(--shell-bar-item);
    padding: var(--space-4) var(--space-2);
    border-radius: var(--radius-full);
    flex-direction: column;
  }

  [data-shell-bar] [data-bar-overflow] {
    display: none;
  }

  [data-shell-bar] .ecl-itemCount-qCET8, [data-shell-bar] .ecl-itemUnread-lTimG {
    margin-inline-start: var(--space-0);
    position: absolute;
    inset-block-start: var(--space-4);
    inset-inline-start: calc(50% + var(--space-12));
  }

  [data-shell-bar] .ecl-itemUnread-lTimG + .ecl-itemCount-qCET8 {
    inset-inline-start: calc(50% + var(--space-20));
  }

  [data-shell-bar] > .ecl-navIndicator-8X-iU {
    border-radius: var(--radius-full);
  }

  [data-shell-bar] > .ecl-navHighlight-b17cR {
    --fluid-radius: var(--radius-full);
  }

  @supports ((-webkit-backdrop-filter: blur(var(--space-16))) or (backdrop-filter: blur(var(--space-16)))) {
    [data-shell-bar] .ecl-item-I4gIt {
      color: var(--color-text-primary);
    }

    [data-shell-bar] > .ecl-navIndicator-8X-iU, [data-shell-bar]:not([data-indicator]) .ecl-itemActive-QPqWH {
      background: var(--color-surface-elevated);
    }
  }

  @media (prefers-reduced-transparency: reduce) {
    [data-shell-bar] .ecl-item-I4gIt {
      color: var(--color-text-secondary);
    }

    [data-shell-bar] .ecl-itemActive-QPqWH {
      color: var(--color-text-primary);
    }

    [data-shell-bar] > .ecl-navIndicator-8X-iU, [data-shell-bar]:not([data-indicator]) .ecl-itemActive-QPqWH {
      background: var(--color-fill-neutral-active);
    }
  }
}

.ecl-badge-rgupV {
  align-items: center;
  gap: var(--space-4);
  height: var(--size-control-xs);
  padding-inline: var(--space-8);
  border-radius: var(--radius-full);
  background: var(--badge-tint);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  display: inline-flex;
}

.ecl-dot-kZXWj {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background: currentColor;
}

.ecl-neutral-MEZz1 {
  --badge-tint: var(--color-fill-neutral-hover);
  color: var(--color-text-secondary);
}

.ecl-accent-kUp4- {
  --badge-tint: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

.ecl-success-Rhw1I {
  --badge-tint: var(--color-fill-success-subtle);
  color: var(--color-text-success);
}

.ecl-warning-FAq6S {
  --badge-tint: var(--color-fill-warning-subtle);
  color: var(--color-text-warning);
}

.ecl-danger-hJE8p {
  --badge-tint: var(--color-fill-danger-subtle);
  color: var(--color-text-danger);
}

.ecl-coloured-4Acaf[data-colour="solid"] {
  --badge-tint: var(--badge-colour);
  color: var(--badge-colour-ink);
}

.ecl-coloured-4Acaf[data-colour="subtle"] {
  --badge-tint: transparent;
  isolation: isolate;
  color: var(--color-text-primary);
}

.ecl-coloured-4Acaf[data-colour="subtle"]:not(.ecl-overlay-4E9W3) {
  position: relative;
}

.ecl-coloured-4Acaf[data-colour="subtle"]:after {
  content: "";
  inset: var(--space-0);
  z-index: -1;
  border-radius: inherit;
  background: var(--badge-colour);
  -webkit-mask-image: linear-gradient(var(--color-fill-accent-subtle),
    var(--color-fill-accent-subtle));
  mask-image: linear-gradient(var(--color-fill-accent-subtle),
    var(--color-fill-accent-subtle));
  position: absolute;
}

.ecl-coloured-4Acaf[data-colour="subtle"] .ecl-dot-kZXWj {
  background: var(--badge-colour);
}

.ecl-count-CkUnO {
  --badge-count-size: var(--space-16);
  box-sizing: border-box;
  min-width: var(--badge-count-size);
  height: var(--badge-count-size);
  padding-inline: var(--space-4);
  font-variant-numeric: tabular-nums;
  justify-content: center;
}

.ecl-figure-kkaOV {
  display: inline-block;
}

.ecl-overlay-4E9W3 {
  --badge-surface: var(--color-surface-content);
  z-index: 1;
  background: linear-gradient(var(--badge-tint), var(--badge-tint)), var(--badge-surface);
  box-shadow: 0 0 0 var(--space-2) var(--badge-surface);
  pointer-events: none;
  position: absolute;
  inset-block-start: var(--badge-overlay-inset, var(--space-4));
  inset-inline-end: var(--badge-overlay-inset, var(--space-4));
  translate: 50% -50%;
}

.ecl-overlay-4E9W3:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  translate: -50% -50%;
}

.ecl-overlay-4E9W3[data-surface="base"] {
  --badge-surface: var(--color-surface-base);
}

.ecl-overlay-4E9W3[data-surface="raised"] {
  --badge-surface: var(--color-surface-raised);
}

.ecl-overlay-4E9W3[data-surface="elevated"] {
  --badge-surface: var(--color-surface-elevated);
}

.ecl-overlay-4E9W3[data-surface="overlay"] {
  --badge-surface: var(--color-surface-overlay);
}

.ecl-overlay-4E9W3.ecl-accent-kUp4- {
  background: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

.ecl-overlay-4E9W3.ecl-danger-hJE8p {
  background: var(--color-fill-danger);
  color: var(--color-text-on-accent);
}

.ecl-overlay-4E9W3.ecl-count-CkUnO {
  --badge-count-size: var(--size-icon-sm);
}

.ecl-count-CkUnO[data-shape="circle"] {
  width: var(--badge-count-size);
  padding-inline: var(--space-0);
}

.ecl-count-CkUnO[data-phase="enter"] {
  animation: ecl-countIn-W2oee var(--duration-normal) var(--easing-entrance) both;
}

.ecl-count-CkUnO[data-phase="exit"] {
  animation: ecl-countOut-ipHAQ var(--duration-fast) var(--easing-exit) both;
}

.ecl-count-CkUnO[data-phase="change"] > .ecl-figure-kkaOV {
  animation: ecl-figureIn-5-jE- var(--duration-fast) var(--easing-standard) both;
}

@keyframes ecl-countIn-W2oee {
  0% {
    opacity: 0;
    transform: scale(.6);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ecl-countOut-ipHAQ {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.6);
  }
}

@keyframes ecl-figureIn-5-jE- {
  0% {
    opacity: 0;
    transform: translateY(40%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ecl-countFadeIn-Uq58H {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-countFadeOut-yjyCr {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-count-CkUnO[data-phase="enter"], .ecl-count-CkUnO[data-phase="change"] > .ecl-figure-kkaOV {
    animation-name: ecl-countFadeIn-Uq58H;
  }

  .ecl-count-CkUnO[data-phase="exit"] {
    animation-name: ecl-countFadeOut-yjyCr;
  }
}

.ecl-card-lNpW9 {
  isolation: isolate;
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
  transition: border-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ecl-card-lNpW9:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  background: var(--color-fill-raised-subtle);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
  inset: 0;
}

.ecl-header-OcdU5 {
  align-items: center;
  gap: var(--space-12);
  min-height: calc(var(--size-control-sm) + var(--space-16) * 2 + var(--space-1));
  padding: var(--space-16) var(--space-20);
  border-bottom: var(--space-1) solid var(--color-border-subtle);
  flex-wrap: wrap;
  display: flex;
}

.ecl-title-QkdU0 {
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  color: var(--color-text-primary);
  margin: 0;
  display: flex;
}

.ecl-icon-LIdvQ {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-media-H0Ngm {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  border-radius: var(--radius-md);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.ecl-media-H0Ngm > :is(img, svg, video, picture) {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ecl-mediaTile-MVltG {
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
}

.ecl-actions-RRTAD {
  z-index: 1;
  align-items: center;
  gap: var(--space-8);
  margin-inline-start: auto;
  display: flex;
  position: relative;
}

.ecl-body-7tcMC {
  gap: var(--space-12);
  padding: var(--space-20);
  flex-direction: column;
  display: flex;
}

.ecl-bodyFlush-7P8gl {
  padding: 0;
}

.ecl-opener-FWliv {
  min-width: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  display: inline;
}

.ecl-stretch-Tfz8T:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-stretch-Tfz8T:after {
  content: "";
  z-index: 0;
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

:where(.ecl-card-lNpW9[data-card-clickable] .ecl-body-7tcMC) :where(a[href], button, input, select, textarea, label, [tabindex]) {
  z-index: 1;
  position: relative;
}

.ecl-card-lNpW9:has(.ecl-stretch-Tfz8T:focus-visible) {
  box-shadow: var(--glow-focus), var(--shadow-raised);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-card-lNpW9[data-card-clickable]:not([data-disabled], [data-selected]):hover {
    border-color: var(--color-border-default);
  }

  .ecl-card-lNpW9[data-card-clickable]:not([data-disabled], [data-selected]):hover:before {
    opacity: 1;
  }
}

.ecl-card-lNpW9:has(.ecl-stretch-Tfz8T:active):before {
  background: var(--color-fill-neutral-active);
  opacity: 1;
}

.ecl-card-lNpW9[data-selected] {
  border-color: var(--color-border-accent);
}

.ecl-card-lNpW9[data-selected]:before {
  background: var(--color-fill-accent-subtle);
  opacity: 1;
}

.ecl-card-lNpW9[data-disabled] {
  cursor: not-allowed;
}

.ecl-card-lNpW9[data-disabled] .ecl-title-QkdU0, .ecl-card-lNpW9[data-disabled] .ecl-icon-LIdvQ, .ecl-card-lNpW9[data-disabled] .ecl-mediaTile-MVltG, .ecl-card-lNpW9[data-disabled] .ecl-body-7tcMC {
  color: var(--color-text-disabled);
}

.ecl-card-lNpW9[data-disabled] .ecl-opener-FWliv {
  cursor: not-allowed;
}

.ecl-dismiss-I41hF {
  z-index: 2;
  transition: opacity var(--duration-fast) var(--easing-standard);
  display: inline-flex;
  position: absolute;
  inset-block-start: var(--space-16);
  inset-inline-end: var(--space-16);
}

:is(.ecl-card-lNpW9[data-dismissible] > .ecl-header-OcdU5, .ecl-card-lNpW9[data-dismissible]:not(:has( > .ecl-header-OcdU5)) > .ecl-body-7tcMC) {
  padding-inline-end: calc(var(--space-20) + var(--size-control-sm));
}

@media (hover: hover) and (pointer: fine) {
  .ecl-dismiss-I41hF {
    opacity: 0;
  }

  .ecl-card-lNpW9:hover > .ecl-dismiss-I41hF, .ecl-card-lNpW9:focus-within > .ecl-dismiss-I41hF {
    opacity: 1;
  }
}

.ecl-card-lNpW9[data-in-group] {
  border-radius: var(--radius-xl);
  box-shadow: none;
  background: none;
  border-color: #0000;
}

.ecl-card-lNpW9[data-in-group] > .ecl-header-OcdU5 {
  border-bottom: none;
  padding-block-end: var(--space-0);
}

.ecl-card-lNpW9[data-in-group]:has(.ecl-stretch-Tfz8T:focus-visible) {
  box-shadow: var(--glow-focus);
}

.ecl-card-lNpW9[data-in-group] > .ecl-header-OcdU5 + .ecl-body-7tcMC {
  padding-block-start: var(--space-8);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-card-lNpW9[data-in-group][data-card-clickable]:not([data-disabled], [data-selected]):hover {
    border-color: #0000;
  }

  .ecl-card-lNpW9[data-in-group][data-card-clickable]:not([data-disabled], [data-selected]):hover:before {
    opacity: 0;
  }
}

.ecl-card-lNpW9[data-in-group][data-selected] {
  border-color: #0000;
}

.ecl-group-kytrj {
  --card-group-min: 240px;
  --fluid-radius: var(--radius-xl);
  --fluid-fill: var(--color-fill-raised-subtle);
  min-width: 0;
  margin: var(--space-0);
  padding: var(--space-4);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
  list-style: none;
  display: grid;
  position: relative;
}

.ecl-group-kytrj[data-layout="grid"] {
  grid-template-columns: repeat(auto-fill,
    minmax(min(var(--card-group-min), 100%), 1fr));
}

.ecl-group-kytrj[data-layout="grid"][data-columns] {
  grid-template-columns: repeat(var(--card-group-columns), minmax(0, 1fr));
}

.ecl-group-kytrj[data-layout="list"] {
  grid-template-columns: minmax(0, 1fr);
}

.ecl-cell-FBCP4 {
  min-width: 0;
  display: flex;
  position: relative;
}

.ecl-cell-FBCP4 > * {
  flex: 1;
  min-width: 0;
}

.ecl-cell-FBCP4:before, .ecl-cell-FBCP4:after {
  content: "";
  background: var(--color-border-subtle);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
}

.ecl-cell-FBCP4:before {
  inset-block-start: 0;
  inset-inline: var(--space-4);
  height: var(--space-1);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
}

.ecl-cell-FBCP4:after {
  inset-block: var(--space-4);
  width: var(--space-1);
  inset-inline-start: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
  mask-image: linear-gradient(#0000, #000 20% 80%, #0000);
}

.ecl-cell-FBCP4[data-edge-top]:before, .ecl-cell-FBCP4[data-edge-start]:after {
  opacity: 1;
}

.ecl-cell-FBCP4[data-edge-top][data-quiet-top]:before, .ecl-cell-FBCP4[data-edge-start][data-quiet-start]:after {
  opacity: 0;
}

.ecl-group-kElNb {
  gap: var(--space-8);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-head-WX8oi {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-12);
  min-height: var(--size-control-sm);
  display: flex;
}

.ecl-name-2-eUO {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  display: flex;
}

.ecl-icon-jyKYf {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  border-radius: var(--radius-md);
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-title-79H-8 {
  margin: var(--space-0);
  color: var(--color-text-primary);
}

.ecl-hint-ohduc {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  padding: var(--space-0);
  border-radius: var(--radius-full);
  color: var(--color-text-tertiary);
  cursor: help;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-hint-ohduc:hover {
    background: var(--color-fill-neutral-hover);
    color: var(--color-text-secondary);
  }
}

.ecl-hint-ohduc:focus-visible {
  color: var(--color-text-secondary);
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-row-OB4m9 {
  --settings-text-min: 200px;
  align-items: center;
  gap: var(--space-8) var(--space-24);
  padding: var(--space-12) var(--space-16);
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.ecl-row-OB4m9[data-top="true"] {
  align-items: flex-start;
}

.ecl-row-OB4m9 + .ecl-row-OB4m9:before {
  content: "";
  top: var(--space-0);
  right: var(--space-0);
  left: var(--space-0);
  height: var(--space-1);
  background-color: var(--color-border-subtle);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
  position: absolute;
}

.ecl-glyph-zW07y {
  width: var(--size-control-md);
  height: var(--size-control-md);
  border-radius: var(--radius-md);
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  flex: none;
  justify-content: center;
  align-items: center;
  margin-inline-end: calc(var(--space-12) - var(--space-24));
  display: flex;
}

.ecl-text-wtFIz {
  flex: 1 1 var(--settings-text-min);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-rowName-e-epC {
  align-items: center;
  gap: var(--space-4);
  min-width: var(--space-0);
  display: flex;
}

.ecl-row-OB4m9[data-top="true"] .ecl-rowName-e-epC {
  min-height: var(--size-control-md);
}

.ecl-rowTitle-JAmPV {
  color: var(--color-text-primary);
}

.ecl-description-2if2N, .ecl-note-AV1ql {
  margin: var(--space-2) var(--space-0) var(--space-0);
}

.ecl-description-2if2N {
  color: var(--color-text-tertiary);
}

.ecl-status-nwApM {
  margin: var(--space-0);
  color: var(--color-text-tertiary);
}

.ecl-status-nwApM:not(:empty) {
  margin-top: var(--space-2);
}

.ecl-status-nwApM[data-tone="success"] {
  color: var(--color-text-success);
}

.ecl-status-nwApM[data-tone="warning"] {
  color: var(--color-text-warning);
}

.ecl-status-nwApM[data-tone="danger"] {
  color: var(--color-text-danger);
}

.ecl-control-ou6mG {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-8);
  max-width: 100%;
  min-width: var(--space-0);
  color: var(--color-text-primary);
  text-align: end;
  overflow-wrap: anywhere;
  flex: 0 auto;
  display: flex;
}

.ecl-row-OB4m9[data-top="true"] .ecl-control-ou6mG {
  min-height: var(--size-control-md);
}

.ecl-row-OB4m9[data-layout="grow"] .ecl-control-ou6mG {
  flex: auto;
}

.ecl-row-OB4m9[data-layout="grow"] .ecl-control-ou6mG > :first-child {
  min-width: var(--space-0);
  flex: 1;
}

.ecl-row-OB4m9[data-layout="stacked"] {
  flex-direction: column;
  align-items: stretch;
}

.ecl-row-OB4m9[data-layout="stacked"] .ecl-text-wtFIz {
  flex: none;
}

.ecl-row-OB4m9[data-layout="stacked"] .ecl-control-ou6mG {
  justify-content: flex-start;
}

.ecl-row-OB4m9[data-layout="stacked"] .ecl-control-ou6mG > :first-child {
  flex: 1;
}

.ecl-actions-SiGXX {
  align-items: center;
  gap: var(--space-2);
  flex: none;
  margin-inline-start: calc(var(--space-4) - var(--space-8));
  display: flex;
}

.ecl-action-9x9P4 {
  border-radius: var(--radius-full);
  color: var(--color-text-tertiary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-action-9x9P4:hover {
    color: var(--color-text-primary);
  }

  .ecl-actionDanger-7KIjw:hover {
    background: var(--color-fill-danger-subtle);
    color: var(--color-text-danger);
  }
}

.ecl-action-9x9P4[aria-expanded="true"] {
  background: var(--color-fill-neutral-active);
  color: var(--color-text-accent);
}

.ecl-expansion-CxfLL {
  transition: grid-template-rows var(--duration-normal) var(--easing-exit);
  flex-basis: 100%;
  grid-template-rows: 0fr;
  display: grid;
}

.ecl-row-OB4m9[data-open="true"] > .ecl-expansion-CxfLL {
  transition-timing-function: var(--easing-entrance);
  grid-template-rows: 1fr;
}

.ecl-expansionInner-PhONJ {
  min-height: var(--space-0);
  opacity: 0;
  transform: translateY(calc(var(--space-4) * -1));
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  overflow: hidden;
}

.ecl-row-OB4m9[data-open="true"] .ecl-expansionInner-PhONJ {
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-expansion-CxfLL {
    transition: none;
  }

  .ecl-expansionInner-PhONJ, .ecl-row-OB4m9[data-open="true"] .ecl-expansionInner-PhONJ {
    transform: none;
  }
}

.ecl-empty-49BL- {
  margin: var(--space-0);
  padding: var(--space-16);
  color: var(--color-text-tertiary);
}

.ecl-group-kElNb[data-density="figures"] .ecl-icon-jyKYf {
  border-radius: var(--space-0);
  width: auto;
  height: auto;
  color: var(--color-text-tertiary);
  background: none;
}

.ecl-group-kElNb[data-density="figures"] .ecl-row-OB4m9 {
  min-height: calc(var(--size-control-md) + var(--space-8));
  padding-block: var(--space-4);
  align-items: center;
}

.ecl-group-kElNb[data-density="figures"] .ecl-rowTitle-JAmPV {
  color: var(--color-text-secondary);
}

.ecl-group-kElNb[data-density="figures"] .ecl-control-ou6mG {
  min-height: var(--space-0);
}

.ecl-group-kElNb[data-density="figures"] .ecl-card-DeOEy > :last-child {
  gap: var(--space-0);
}

.ecl-group-kElNb[data-density="figures"] .ecl-glyph-zW07y {
  width: auto;
  height: auto;
  border-radius: var(--space-0);
  color: var(--color-text-tertiary);
  background: none;
  margin-inline-end: calc(var(--space-8) - var(--space-24));
}

.ecl-dots-V8Nlz {
  --dots-dot: var(--space-8);
  --dots-cell: var(--space-24);
  --dots-row: calc(var(--dots-count, 0) * var(--dots-cell));
  --dots-dir: 1;
  --dots-start-delay: calc(var(--motion-stagger-step) * 0);
  --dots-end-delay: calc(var(--motion-stagger-step) * 0);
  --fluid-radius: var(--radius-full);
  align-items: center;
  max-width: 100%;
  display: inline-flex;
  position: relative;
}

.ecl-dots-V8Nlz:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  --dots-dir: -1;
}

.ecl-dots-V8Nlz[data-direction="forward"] {
  --dots-start-delay: var(--motion-stagger-step);
}

.ecl-dots-V8Nlz[data-direction="backward"] {
  --dots-end-delay: var(--motion-stagger-step);
}

.ecl-sm-1a-96 {
  --dots-dot: var(--space-6);
  --dots-cell: var(--space-16);
}

.ecl-cell--VC1J {
  width: var(--dots-cell);
  height: var(--dots-cell);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: box-shadow var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.ecl-cell--VC1J:before {
  content: "";
  inset-block: calc(var(--space-12) * -1);
  position: absolute;
  inset-inline: 0;
}

.ecl-sm-1a-96 .ecl-cell--VC1J:before {
  inset-block: calc(var(--space-16) * -1);
}

.ecl-cell--VC1J:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-dot-u-j0f {
  width: var(--dots-dot);
  height: var(--dots-dot);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral-active);
  transition: background-color var(--duration-fast) var(--easing-standard);
  display: block;
}

.ecl-cell--VC1J[data-fluid-lit] .ecl-dot-u-j0f {
  background: var(--color-text-tertiary);
}

.ecl-pill-v93Bp {
  top: calc(50% - var(--dots-dot) / 2);
  width: var(--dots-row);
  height: var(--dots-dot);
  pointer-events: none;
  translate: calc(var(--dots-dir) * var(--dots-value) * var(--dots-cell)) 0;
  transition: translate var(--duration-normal) var(--easing-spring)
    var(--dots-start-delay);
  border-start-start-radius: var(--radius-full);
  border-end-start-radius: var(--radius-full);
  position: absolute;
  inset-inline-start: 0;
  overflow: hidden;
}

.ecl-pillEnd-d74pt {
  width: var(--dots-row);
  background: var(--color-text-secondary);
  transform: translateX(calc(-1 * var(--dots-dir) * var(--dots-value) * var(--dots-cell)));
  translate: calc(var(--dots-dir) *
        ((var(--dots-value) + 1) * var(--dots-cell) - var(--dots-row)))
    0;
  transition: transform var(--duration-normal) var(--easing-spring)
      var(--dots-start-delay),
    translate var(--duration-normal) var(--easing-spring) var(--dots-end-delay);
  border-start-end-radius: var(--radius-full);
  border-end-end-radius: var(--radius-full);
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  overflow: hidden;
}

.ecl-dots-V8Nlz[data-autoplay] .ecl-pillEnd-d74pt {
  background: var(--color-fill-neutral-active);
}

.ecl-fill-1cuqr {
  width: var(--dots-cell);
  border-radius: var(--radius-full);
  background: var(--color-text-secondary);
  animation: ecl-dotsFill-Ya2Fh var(--dots-interval, var(--motion-ambient-cycle)) linear
    both;
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
}

@keyframes ecl-dotsFill-Ya2Fh {
  0% {
    transform: translateX(calc(var(--dots-dir) * (var(--dots-dot) - var(--dots-cell))));
  }

  100% {
    transform: translateX(0);
  }
}

.ecl-dots-V8Nlz[data-paused] .ecl-fill-1cuqr {
  animation-play-state: paused;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-dots-V8Nlz:hover .ecl-fill-1cuqr {
    animation-play-state: paused;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-pill-v93Bp, .ecl-pillEnd-d74pt {
    transition: none;
  }

  .ecl-fill-1cuqr {
    animation: none;
  }
}

.ecl-indicator-JUJJA {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  max-width: 100%;
  color: var(--color-text-tertiary);
  display: inline-flex;
}

.ecl-indicator-JUJJA[data-size="sm"] {
  gap: var(--space-6);
}

.ecl-glyph-0ckhb {
  grid-template-rows: repeat(3, var(--space-4));
  grid-template-columns: repeat(3, var(--space-4));
  gap: var(--space-4);
  flex: none;
  display: grid;
}

.ecl-indicator-JUJJA[data-size="sm"] .ecl-glyph-0ckhb {
  gap: var(--space-2);
}

.ecl-dot-t7Cn5 {
  box-sizing: border-box;
  border: var(--space-2) solid currentcolor;
  border-radius: var(--radius-full);
  opacity: .25;
  animation: ecl-orbit-8ejuq var(--motion-ambient-breath) var(--easing-standard) infinite;
}

.ecl-dot-t7Cn5:first-child {
  grid-area: 1 / 2;
}

.ecl-dot-t7Cn5:nth-child(2) {
  animation-delay: calc(var(--motion-ambient-breath) * -.75);
  grid-area: 2 / 3;
}

.ecl-dot-t7Cn5:nth-child(3) {
  animation-delay: calc(var(--motion-ambient-breath) * -.5);
  grid-area: 3 / 2;
}

.ecl-dot-t7Cn5:nth-child(4) {
  animation-delay: calc(var(--motion-ambient-breath) * -.25);
  grid-area: 2 / 1;
}

@keyframes ecl-orbit-8ejuq {
  0%, 60%, 100% {
    opacity: .25;
  }

  20% {
    opacity: 1;
  }
}

.ecl-words-iBzfI {
  min-width: var(--space-0);
  white-space: nowrap;
  display: inline-grid;
  overflow: hidden;
}

.ecl-sizer-5Ay-0, .ecl-phrase-W9YfI {
  grid-area: 1 / 1;
}

.ecl-sizer-5Ay-0 {
  visibility: hidden;
}

.ecl-phrase-W9YfI[data-phase="in"] {
  animation: ecl-phraseIn-KkKhP var(--duration-slow) var(--easing-entrance) both;
}

.ecl-phrase-W9YfI[data-phase="out"] {
  animation: ecl-phraseOut-Pg21d var(--duration-normal) var(--easing-exit) both;
}

@keyframes ecl-phraseIn-KkKhP {
  0% {
    opacity: 0;
    transform: translateY(var(--space-8));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-phraseOut-Pg21d {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: translateY(calc(var(--space-8) * -1));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-dot-t7Cn5 {
    opacity: 1;
    animation: none;
  }

  .ecl-phrase-W9YfI[data-phase="in"], .ecl-phrase-W9YfI[data-phase="out"] {
    animation: none;
  }

  .ecl-phrase-W9YfI[data-phase="out"] {
    opacity: 0;
  }
}

.ecl-thread-A4dTE {
  min-width: var(--space-0);
}

.ecl-list-vTVsM {
  gap: var(--space-16);
  margin: var(--space-0);
  padding: var(--space-0);
  flex-direction: column;
  list-style: none;
  display: flex;
}

.ecl-message-Gv-IH {
  --chat-message-max: 80%;
  align-items: flex-start;
  gap: var(--space-8);
  min-width: var(--space-0);
  display: flex;
}

.ecl-message-Gv-IH[data-from="user"] {
  flex-direction: row-reverse;
}

.ecl-avatar-WgLB9 {
  flex: none;
  display: flex;
}

.ecl-column-m3lsw {
  flex: 0 1 var(--chat-message-max);
  align-items: flex-start;
  gap: var(--space-4);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-message-Gv-IH[data-from="user"] .ecl-column-m3lsw {
  align-items: flex-end;
}

.ecl-attachments-G6q0e {
  min-width: var(--space-0);
  align-self: stretch;
}

.ecl-bubble-M7Cyq {
  max-width: 100%;
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
  text-wrap: pretty;
  -webkit-user-select: text;
  user-select: text;
}

.ecl-bubble-M7Cyq[data-plain] {
  white-space: pre-wrap;
}

.ecl-bubble-M7Cyq[data-streaming] {
  text-wrap: wrap;
}

.ecl-message-Gv-IH[data-from="user"] .ecl-bubble-M7Cyq {
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-2xl);
  background: var(--color-fill-accent-subtle);
}

.ecl-thinking-LtCCa {
  padding-block: var(--space-2);
}

.ecl-meta-CxBam {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-sm);
  color: var(--color-text-tertiary);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-meta-CxBam {
    opacity: 0;
    transition: opacity var(--duration-fast) var(--easing-exit);
  }

  .ecl-message-Gv-IH:hover .ecl-meta-CxBam {
    opacity: 1;
    transition: opacity var(--duration-normal) var(--easing-entrance);
  }
}

.ecl-message-Gv-IH:focus-within .ecl-meta-CxBam {
  opacity: 1;
}

.ecl-time-upKTS {
  white-space: nowrap;
}

.ecl-actions-oi2pW {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.ecl-message-Gv-IH[data-arrive] {
  transform-origin: 0 100%;
  animation: ecl-arrive-LUCCk var(--duration-normal) var(--easing-spring-soft) both;
  animation-delay: calc(var(--arrival-index, 0) * var(--motion-stagger-step));
}

.ecl-message-Gv-IH[data-from="user"][data-arrive] {
  transform-origin: 100% 100%;
}

@keyframes ecl-arrive-LUCCk {
  0% {
    opacity: 0;
    transform: translateY(var(--space-8)) scale(.96);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-fadeIn-eojUl {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-message-Gv-IH[data-arrive] {
    animation-name: ecl-fadeIn-eojUl;
  }
}

.ecl-group-ELV4W {
  --checkbox-group-pad-block: var(--space-6);
  --checkbox-group-pad-inline: var(--space-8);
  border: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ecl-group-ELV4W:disabled {
  cursor: not-allowed;
}

.ecl-legend-4AEgh {
  padding: 0 var(--checkbox-group-pad-inline);
  color: var(--color-text-secondary);
  -webkit-user-select: none;
  user-select: none;
  margin-block-end: var(--space-6);
}

.ecl-description-8UmoK, .ecl-empty-mPJfU, .ecl-error-v2MzD {
  padding-inline: var(--checkbox-group-pad-inline);
  margin: 0;
}

.ecl-description-8UmoK {
  color: var(--color-text-tertiary);
  margin-block-end: var(--space-6);
}

.ecl-empty-mPJfU {
  padding-block: var(--checkbox-group-pad-block);
  color: var(--color-text-tertiary);
}

.ecl-error-v2MzD {
  color: var(--color-text-danger);
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  margin-block-start: var(--space-6);
  transform: translateY(0);
}

@starting-style {
  .ecl-error-v2MzD {
    opacity: 0;
    transform: translateY(calc(var(--space-2) * -1));
  }
}

.ecl-group-ELV4W:disabled .ecl-legend-4AEgh, .ecl-group-ELV4W:disabled .ecl-description-8UmoK {
  color: var(--color-text-disabled);
}

.ecl-list-ohaov {
  --fluid-radius: var(--radius-md);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ecl-row-UB7c5 {
  isolation: isolate;
  align-items: flex-start;
  gap: var(--space-8);
  min-height: var(--size-row);
  padding: var(--checkbox-group-pad-block) var(--checkbox-group-pad-inline);
  border-radius: var(--radius-md);
  cursor: pointer;
  display: flex;
  position: relative;
}

.ecl-row-UB7c5:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  background: var(--color-fill-accent-subtle);
  opacity: 0;
  pointer-events: none;
  transition: opacity calc(var(--duration-fast) * .75) var(--easing-exit);
  position: absolute;
  inset: 0;
}

.ecl-row-UB7c5[data-checked]:before {
  opacity: 1;
  transition: opacity var(--duration-fast) var(--easing-entrance);
}

.ecl-row-UB7c5[data-checked]:has( + .ecl-row-UB7c5[data-checked]):before {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.ecl-row-UB7c5[data-checked] + .ecl-row-UB7c5[data-checked]:before {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.ecl-input-tkZgH {
  opacity: 0;
  pointer-events: none;
  margin: 0;
  position: absolute;
  inset: 0;
}

.ecl-input-tkZgH:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-input-tkZgH:disabled {
  cursor: not-allowed;
}

.ecl-row-UB7c5:has(.ecl-input-tkZgH:focus-visible) {
  box-shadow: var(--glow-focus);
}

.ecl-row-UB7c5:has(.ecl-input-tkZgH:focus-visible[aria-invalid="true"]) {
  box-shadow: var(--glow-danger);
}

.ecl-mark-I9MIY {
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  margin-block-start: var(--space-2);
}

.ecl-row-UB7c5 .ecl-mark-I9MIY:before {
  content: none;
}

.ecl-text-Azp65 {
  gap: var(--space-2);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-label-YkvNg {
  color: var(--color-text-secondary);
  transition: color var(--duration-fast) var(--easing-standard);
  -webkit-user-select: none;
  user-select: none;
}

.ecl-row-UB7c5[data-checked] .ecl-label-YkvNg, .ecl-row-UB7c5[data-fluid-lit] .ecl-label-YkvNg {
  color: var(--color-text-primary);
}

.ecl-note-4G9J9 {
  color: var(--color-text-tertiary);
  white-space: normal;
}

.ecl-row-UB7c5[data-fluid-lit]:not([data-checked]) .ecl-mark-I9MIY {
  border-color: var(--color-border-focus);
}

.ecl-row-UB7c5[data-fluid-lit][data-checked] .ecl-mark-I9MIY {
  border-color: var(--color-fill-accent-hover);
  background: var(--color-fill-accent-hover);
}

.ecl-row-UB7c5[data-disabled] {
  cursor: not-allowed;
}

.ecl-row-UB7c5[data-disabled] .ecl-label-YkvNg, .ecl-row-UB7c5[data-disabled] .ecl-note-4G9J9 {
  color: var(--color-text-disabled);
}

.ecl-row-UB7c5:active:not([data-disabled]) .ecl-mark-I9MIY {
  transform: scale(.96);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-mark-I9MIY {
    transition: background-color var(--duration-fast) var(--easing-standard),
      border-color var(--duration-fast) var(--easing-standard),
      color var(--duration-fast) var(--easing-standard);
  }

  .ecl-row-UB7c5:active:not([data-disabled]) .ecl-mark-I9MIY {
    transform: none;
  }

  .ecl-error-v2MzD {
    transition: opacity var(--duration-normal) var(--easing-standard);
    transform: none;
  }

  @starting-style {
    .ecl-error-v2MzD {
      transform: none;
    }
  }
}

.ecl-trigger-mYqHq {
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  max-width: 100%;
  color: var(--color-text-primary);
  text-align: start;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.ecl-triggerFull--D9cZ {
  width: 100%;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-trigger-mYqHq:hover:not(:disabled, [data-disabled]) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-trigger-mYqHq:focus-visible {
  background-color: var(--color-fill-neutral-hover);
  box-shadow: var(--glow-focus);
}

.ecl-trigger-mYqHq:has(:focus-visible) {
  background-color: var(--color-fill-neutral-hover);
  box-shadow: var(--glow-focus);
}

.ecl-trigger-mYqHq[data-state="open"] {
  background-color: var(--color-fill-neutral-hover);
}

.ecl-trigger-mYqHq:has([data-state="open"]) {
  background-color: var(--color-fill-neutral-hover);
}

.ecl-trigger-mYqHq[aria-invalid="true"], .ecl-trigger-mYqHq[data-invalid] {
  background-color: var(--color-fill-danger-subtle);
}

.ecl-trigger-mYqHq[aria-invalid="true"]:focus-visible {
  box-shadow: var(--glow-danger);
}

.ecl-trigger-mYqHq[data-invalid]:has(:focus-visible) {
  box-shadow: var(--glow-danger);
}

.ecl-trigger-mYqHq:disabled, .ecl-trigger-mYqHq[data-disabled] {
  background-color: var(--color-fill-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-trigger-mYqHq:has(.ecl-opener-yJOFB:focus-visible) {
  box-shadow: var(--glow-focus);
}

.ecl-trigger-mYqHq[data-invalid]:has(.ecl-opener-yJOFB:focus-visible) {
  box-shadow: var(--glow-danger);
}

.ecl-value-TmEsf {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  overflow: hidden;
}

.ecl-trigger-mYqHq[data-placeholder] .ecl-value-TmEsf {
  color: var(--color-text-placeholder);
}

.ecl-opener-yJOFB {
  flex: 1 1 var(--space-48);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-48);
  padding: var(--space-0);
  color: inherit;
  text-align: start;
  cursor: inherit;
  background-color: #0000;
  border: none;
  display: flex;
}

.ecl-opener-yJOFB:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-opener-yJOFB:disabled {
  color: inherit;
  cursor: not-allowed;
}

.ecl-leading-z8jLs {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-chevron-E9Xcg {
  color: var(--color-text-tertiary);
  transition: transform var(--duration-fast) var(--easing-standard);
  flex: none;
}

.ecl-trigger-mYqHq[data-state="open"] .ecl-chevron-E9Xcg, .ecl-trigger-mYqHq [data-state="open"] .ecl-chevron-E9Xcg {
  transform: rotate(180deg);
}

.ecl-trigger-mYqHq:disabled .ecl-leading-z8jLs, .ecl-trigger-mYqHq:disabled .ecl-chevron-E9Xcg, .ecl-trigger-mYqHq[data-disabled] .ecl-chevron-E9Xcg {
  color: var(--color-text-disabled);
}

.ecl-sm-0g8IP {
  height: var(--size-control-sm);
  gap: var(--space-6);
  padding-inline: var(--space-8);
}

.ecl-md-XE-h6 {
  height: var(--size-control-md);
  gap: var(--space-8);
  padding-inline: var(--space-12);
}

.ecl-lg-JEv3L {
  height: var(--size-control-lg);
  gap: var(--space-8);
  padding-inline: var(--space-12);
}

.ecl-grows-eQ6hr {
  row-gap: var(--space-4);
  padding-block: var(--space-2);
  flex-wrap: wrap;
}

.ecl-grows-eQ6hr.ecl-sm-0g8IP {
  height: auto;
  min-height: var(--size-control-sm);
}

.ecl-grows-eQ6hr.ecl-md-XE-h6 {
  height: auto;
  min-height: var(--size-control-md);
}

.ecl-grows-eQ6hr.ecl-lg-JEv3L {
  height: auto;
  min-height: var(--size-control-lg);
}

.ecl-grows-eQ6hr[data-filled] {
  padding-inline-start: var(--space-4);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-chevron-E9Xcg {
    transition: none;
  }
}

.ecl-surface-FoiV0 {
  --surface-slide-x: var(--space-0);
  --surface-slide-y: calc(var(--space-2) * -1);
  z-index: var(--z-popup);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-xl);
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-popover-content-transform-origin);
}

.ecl-surface-FoiV0[data-side="top"] {
  --surface-slide-y: var(--space-2);
}

.ecl-surface-FoiV0[data-side="left"] {
  --surface-slide-x: var(--space-2);
  --surface-slide-y: var(--space-0);
}

.ecl-surface-FoiV0[data-side="right"] {
  --surface-slide-x: calc(var(--space-2) * -1);
  --surface-slide-y: var(--space-0);
}

.ecl-surface-FoiV0[data-substrate="overlay"] {
  border-color: var(--color-border-default);
}

.ecl-surface-FoiV0[data-state="open"] {
  animation: ecl-surfaceIn--w-LX var(--duration-normal) var(--easing-entrance);
}

.ecl-surface-FoiV0[data-state="closed"] {
  pointer-events: none;
  animation: ecl-surfaceOut-LSnQR var(--duration-fast) var(--easing-exit);
}

@keyframes ecl-surfaceIn--w-LX {
  0% {
    opacity: 0;
    transform: scale(.97)
      translate(var(--surface-slide-x), var(--surface-slide-y));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-surfaceOut-LSnQR {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97)
      translate(var(--surface-slide-x), var(--surface-slide-y));
  }
}

@keyframes ecl-surfaceFadeIn-kPTMd {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-surfaceFadeOut-2B9wM {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-surface-FoiV0[data-state="open"] {
    animation: ecl-surfaceFadeIn-kPTMd var(--duration-normal) var(--easing-standard);
  }

  .ecl-surface-FoiV0[data-state="closed"] {
    animation: ecl-surfaceFadeOut-2B9wM var(--duration-fast) var(--easing-standard);
  }
}

.ecl-chips-RqTDk {
  position: relative;
}

.ecl-chip-v1TU- {
  transform-origin: 0;
  max-width: 100%;
}

.ecl-chip-v1TU-:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  transform-origin: 100%;
}

[data-disabled] > .ecl-chip-v1TU- {
  color: var(--color-text-disabled);
}

.ecl-chips-RqTDk[data-settled] > .ecl-chip-v1TU- {
  transition: opacity var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
}

@starting-style {
  .ecl-chips-RqTDk[data-settled] > .ecl-chip-v1TU- {
    opacity: 0;
    transform: scale(.9);
  }
}

.ecl-chip-v1TU-[data-leaving] {
  pointer-events: none;
  animation: ecl-chipOut-zRwHD var(--duration-fast) var(--easing-exit) forwards;
}

.ecl-chipLabel-QBTlX {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  overflow: hidden;
}

.ecl-remove-hAtW2 {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  padding: var(--space-0);
  border-radius: var(--radius-full);
  color: var(--color-text-tertiary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-inline-end: calc(var(--space-4) * -1);
  display: inline-flex;
  position: relative;
}

.ecl-remove-hAtW2:before {
  content: "";
  inset: calc(var(--space-4) * -1);
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-remove-hAtW2:hover:not(:disabled) {
    background-color: var(--color-fill-raised-subtle);
    color: var(--color-text-primary);
  }
}

.ecl-remove-hAtW2:focus-visible {
  box-shadow: none;
  background-color: var(--color-fill-raised);
  color: var(--color-text-primary);
  outline: none;
}

.ecl-remove-hAtW2:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-remove-hAtW2:active:not(:disabled) {
  transform: scale(.96);
}

.ecl-clear-0biQJ {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  padding: var(--space-0);
  border-radius: var(--radius-full);
  color: var(--color-text-tertiary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard),
    opacity var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ecl-clear-0biQJ:before {
  content: "";
  inset: calc(var(--space-4) * -1);
  position: absolute;
}

.ecl-clear-0biQJ[data-idle] {
  visibility: hidden;
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-clear-0biQJ:hover:not(:disabled) {
    background-color: var(--color-fill-raised-subtle);
    color: var(--color-text-primary);
  }
}

.ecl-clear-0biQJ:focus-visible {
  box-shadow: none;
  background-color: var(--color-fill-raised);
  color: var(--color-text-primary);
  outline: none;
}

.ecl-clear-0biQJ:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-clear-0biQJ:active:not(:disabled) {
  transform: scale(.96);
}

.ecl-popup-qjkDB {
  --combobox-min-width: 220px;
  --combobox-max-width: 420px;
  --combobox-max-height: 360px;
  min-width: max(var(--combobox-min-width), var(--radix-popover-trigger-width));
  max-width: min(var(--combobox-max-width),
    var(--radix-popover-content-available-width));
  max-height: min(var(--combobox-max-height),
    var(--radix-popover-content-available-height));
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ecl-search-XcuPF {
  padding: var(--space-6) var(--space-6) var(--space-0);
  flex: none;
}

.ecl-listbox-WuIOs {
  min-height: var(--space-0);
  padding: var(--space-6);
  scroll-padding-block: var(--space-6);
  flex-direction: column;
  flex: auto;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.ecl-option-icat4 {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-md);
  padding-block: var(--space-4);
  padding-inline: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  outline: none;
  flex: none;
  display: flex;
  position: relative;
}

.ecl-option-icat4:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-option-icat4[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-option-icat4[data-highlighted] {
  background-color: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

.ecl-optionLabel-gXvl2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ecl-mark-Na6L9 {
  width: var(--size-icon-sm);
  color: var(--color-text-accent);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-option-icat4[data-highlighted] .ecl-mark-Na6L9 {
  color: var(--color-text-on-accent);
}

.ecl-avatar-UuJSo {
  flex: none;
}

.ecl-leadAvatar-14TbA {
  flex: none;
  margin-inline-end: var(--space-4);
}

.ecl-valueWithAvatar-sVSXC {
  align-items: center;
  gap: var(--space-8);
  display: inline-flex;
}

.ecl-valueAvatar-vGaA8 {
  flex: none;
}

.ecl-valueText-CvS-N {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  overflow: hidden;
}

.ecl-empty-MWlqY {
  padding-block: var(--space-6) var(--space-12);
  padding-inline: var(--space-12);
  color: var(--color-text-tertiary);
}

@keyframes ecl-chipOut-zRwHD {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.9);
  }
}

@keyframes ecl-chipFadeOut-jbQZN {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-remove-hAtW2, .ecl-remove-hAtW2:active:not(:disabled), .ecl-clear-0biQJ, .ecl-clear-0biQJ:active:not(:disabled) {
    transition: color var(--duration-fast) var(--easing-standard),
      background-color var(--duration-fast) var(--easing-standard);
    transform: none;
  }

  .ecl-chips-RqTDk[data-settled] > .ecl-chip-v1TU- {
    transition: opacity var(--duration-fast) var(--easing-entrance);
  }

  @starting-style {
    .ecl-chips-RqTDk[data-settled] > .ecl-chip-v1TU- {
      transform: none;
    }
  }

  .ecl-chip-v1TU-[data-leaving] {
    animation-name: ecl-chipFadeOut-jbQZN;
  }
}

.ecl-copy-STLGv[data-copied] {
  color: var(--color-text-success);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-copy-STLGv[data-copied]:hover:not(:disabled) {
    color: var(--color-text-success);
  }
}

.ecl-glyph-GRdoJ {
  display: inline-flex;
}

.ecl-glyph-GRdoJ[data-replay="odd"] {
  animation: ecl-replayOdd-C7HAu var(--duration-fast) var(--easing-entrance);
}

.ecl-glyph-GRdoJ[data-replay="even"] {
  animation: ecl-replayEven-Cbrei var(--duration-fast) var(--easing-entrance);
}

@keyframes ecl-replayOdd-C7HAu {
  0% {
    opacity: 0;
    transform: scale(.6);
  }
}

@keyframes ecl-replayEven-Cbrei {
  0% {
    opacity: 0;
    transform: scale(.6);
  }
}

@keyframes ecl-replayFadeOdd--Ds-y {
  0% {
    opacity: 0;
  }
}

@keyframes ecl-replayFadeEven-cKm19 {
  0% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-glyph-GRdoJ[data-replay="odd"] {
    animation-name: ecl-replayFadeOdd--Ds-y;
  }

  .ecl-glyph-GRdoJ[data-replay="even"] {
    animation-name: ecl-replayFadeEven-cKm19;
  }
}

.ecl-root--cYDe {
  gap: var(--space-6);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-label-EH8A3 {
  color: var(--color-text-secondary);
  -webkit-user-select: none;
  user-select: none;
}

.ecl-field-akpT7 {
  box-sizing: border-box;
  width: 100%;
  padding-block: var(--space-0);
  padding-inline: var(--space-12) var(--space-4);
  align-items: center;
  gap: var(--space-8);
  border-radius: var(--radius-lg);
  background: var(--color-fill-neutral);
  color: var(--color-text-primary);
  text-align: start;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
  display: flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-field-akpT7:hover:not(:disabled) {
    background: var(--color-fill-neutral-hover);
  }
}

.ecl-field-akpT7:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-field-akpT7:disabled {
  background: var(--color-fill-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-value-YR64s {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  overflow: hidden;
}

.ecl-island-8jroO {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  border-radius: var(--radius-md);
  background: var(--color-fill-raised-subtle);
  color: var(--color-text-secondary);
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-sm-l-fcU {
  height: var(--size-control-sm);
  min-height: var(--size-control-sm);
  gap: var(--space-6);
  padding-inline-start: var(--space-8);
}

.ecl-md-budlf {
  height: var(--size-control-md);
  min-height: var(--size-control-md);
}

.ecl-lg-ub5xL {
  height: var(--size-control-lg);
  min-height: var(--size-control-lg);
}

.ecl-sm-l-fcU .ecl-island-8jroO {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  border-radius: var(--radius-sm);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-field-akpT7:hover:not(:disabled) .ecl-island-8jroO {
    background: var(--color-fill-raised);
  }

  .ecl-field-akpT7:hover:not(:disabled, [data-status]) .ecl-island-8jroO {
    color: var(--color-text-primary);
  }
}

.ecl-field-akpT7:disabled .ecl-island-8jroO {
  color: var(--color-text-disabled);
  background: none;
}

.ecl-field-akpT7[data-status="copied"] .ecl-island-8jroO {
  color: var(--color-text-success);
}

.ecl-field-akpT7[data-status="failed"] .ecl-island-8jroO {
  color: var(--color-text-danger);
}

.ecl-glyph-Ry4AG {
  display: inline-flex;
}

.ecl-glyph-Ry4AG[data-replay="odd"] {
  animation: ecl-replayOdd-3mGz- var(--duration-fast) var(--easing-entrance);
}

.ecl-glyph-Ry4AG[data-replay="even"] {
  animation: ecl-replayEven-pfByG var(--duration-fast) var(--easing-entrance);
}

@keyframes ecl-replayOdd-3mGz- {
  0% {
    opacity: 0;
    transform: scale(.6);
  }
}

@keyframes ecl-replayEven-pfByG {
  0% {
    opacity: 0;
    transform: scale(.6);
  }
}

@keyframes ecl-replayFadeOdd-znddn {
  0% {
    opacity: 0;
  }
}

@keyframes ecl-replayFadeEven-5qm2E {
  0% {
    opacity: 0;
  }
}

.ecl-field-akpT7:active:not(:disabled) .ecl-island-8jroO {
  transform: scale(.96);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-island-8jroO {
    transition: color var(--duration-fast) var(--easing-standard),
      background-color var(--duration-fast) var(--easing-standard);
  }

  .ecl-field-akpT7:active:not(:disabled) .ecl-island-8jroO {
    transform: none;
  }

  .ecl-glyph-Ry4AG[data-replay="odd"] {
    animation-name: ecl-replayFadeOdd-znddn;
  }

  .ecl-glyph-Ry4AG[data-replay="even"] {
    animation-name: ecl-replayFadeEven-5qm2E;
  }
}

.ecl-pair-sTHD2 {
  align-items: center;
  gap: var(--space-4);
  animation: ecl-reveal-uOT21 var(--duration-fast) var(--easing-entrance) both;
  display: inline-flex;
}

@keyframes ecl-reveal-uOT21 {
  0% {
    opacity: 0;
    transform: translateX(var(--space-4));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-pair-sTHD2 {
    animation-name: ecl-fade-F49bk;
  }

  @keyframes ecl-fade-F49bk {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }
}

.ecl-popup-FqS-f {
  gap: var(--space-8);
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
  padding: var(--space-12);
  flex-direction: column;
  display: flex;
  overflow: hidden auto;
}

.ecl-quiet-Aqu1u:not([data-state="open"], :focus-visible) {
  background-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-quiet-Aqu1u:hover:not(:disabled) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-header-lIB-e {
  align-items: center;
  gap: var(--space-2);
  display: flex;
}

.ecl-title-p4Nk3 {
  color: var(--color-text-primary);
  flex: 1;
  padding-inline-start: var(--space-4);
}

.ecl-mirrored-6ELM3 {
  transform: scaleX(-1);
}

.ecl-grid-BG8co {
  border-collapse: separate;
  border-spacing: var(--space-0) var(--space-2);
}

.ecl-weekday-2YpvG {
  height: var(--size-control-xs);
  padding: var(--space-0);
  color: var(--color-text-tertiary);
  text-align: center;
}

.ecl-day-Kzaam {
  width: var(--size-control-md);
  height: var(--size-control-md);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  position: relative;
}

.ecl-day-Kzaam[data-outside] {
  color: var(--color-text-tertiary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-day-Kzaam:hover:not([aria-disabled="true"]) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-day-Kzaam[aria-current="date"] {
  color: var(--color-text-accent);
}

.ecl-day-Kzaam[aria-current="date"]:after {
  content: "";
  bottom: var(--space-2);
  width: var(--space-4);
  height: var(--space-4);
  border-radius: var(--radius-full);
  background-color: currentColor;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.ecl-day-Kzaam[aria-selected="true"] {
  background-color: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-day-Kzaam[aria-selected="true"]:hover {
    background-color: var(--color-fill-accent-subtle);
    background-image: linear-gradient(var(--color-fill-neutral-hover),
      var(--color-fill-neutral-hover));
  }
}

.ecl-day-Kzaam[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-footer-zdWRO {
  align-items: center;
  gap: var(--space-8);
  width: 0;
  min-width: 100%;
  display: flex;
}

.ecl-time-Fd2Wb {
  flex: 1;
  min-width: 0;
}

.ecl-clear-8-7Ce {
  margin-inline-start: auto;
}

.ecl-empty--8ioG {
  align-items: center;
  gap: var(--space-20);
  padding-block: var(--space-48) var(--space-32);
  padding-inline: var(--space-24);
  text-align: center;
  animation: ecl-emptyIn-744qg var(--duration-normal) var(--easing-entrance) both;
  flex-direction: column;
  display: flex;
}

@keyframes ecl-emptyIn-744qg {
  0% {
    opacity: 0;
    transform: translateY(var(--space-8)) scale(.97);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-empty--8ioG {
    animation: ecl-emptyFade-DU8Kk var(--duration-normal) var(--easing-standard) both;
  }
}

@keyframes ecl-emptyFade-DU8Kk {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ecl-mark-62hU1 {
  width: var(--space-48);
  height: var(--space-48);
  border-radius: var(--radius-full);
  background: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-illustration-Svw8s {
  justify-content: center;
  max-width: 100%;
  display: flex;
}

.ecl-text-Of1jg {
  align-items: center;
  gap: var(--space-8);
  flex-direction: column;
  max-width: 100%;
  display: flex;
}

.ecl-title-M24ej {
  max-width: 48ch;
  color: var(--color-text-primary);
  text-wrap: balance;
  margin: 0;
}

.ecl-description-6HMqU {
  max-width: 48ch;
  color: var(--color-text-secondary);
  text-wrap: pretty;
  margin: 0;
}

.ecl-action-DqaJx {
  justify-content: center;
  display: flex;
}

.ecl-extra-jG3-E {
  width: 100%;
  margin-block-start: var(--space-12);
}

.ecl-actions-qRwcz {
  justify-content: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-field-KlH7i {
  position: relative;
}

.ecl-row-gdqpt {
  align-items: center;
  gap: var(--space-4);
  display: flex;
}

.ecl-input-aT7ya {
  min-width: var(--space-0);
  flex: auto;
}

.ecl-generator-B1qye {
  inset-inline: var(--space-0);
  z-index: var(--z-dropdown);
  gap: var(--space-6);
  padding: var(--space-8);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  background: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  transform-origin: top;
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  will-change: opacity, transform;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset-block-start: calc(100% + var(--space-4));
  transform: scale(1)translateY(0);
}

@starting-style {
  .ecl-generator-B1qye {
    opacity: 0;
    transform: scale(.97) translateY(calc(var(--space-4) * -1));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-generator-B1qye {
    transition: opacity var(--duration-normal) var(--easing-standard);
    transform: none;
  }

  @starting-style {
    .ecl-generator-B1qye {
      transform: none;
    }
  }
}

.ecl-length-JebFq {
  align-items: center;
  gap: var(--space-8);
  display: flex;
}

.ecl-count-fZz0u {
  color: var(--color-text-tertiary);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  flex: none;
}

.ecl-count-fZz0u > span {
  color: var(--color-text-primary);
}

.ecl-range-xXuKa {
  min-width: var(--space-0);
  accent-color: var(--color-fill-accent);
  cursor: pointer;
  flex: auto;
}

.ecl-range-xXuKa:focus-visible {
  box-shadow: var(--glow-focus);
  border-radius: var(--radius-full);
  outline: none;
}

.ecl-charsets-EU4oD {
  align-items: center;
  gap: var(--space-6) var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-sets-uRpBm {
  gap: var(--space-6) var(--space-8);
  flex-wrap: wrap;
  flex: auto;
  display: flex;
}

.ecl-board-nXYeB {
  align-items: flex-start;
  gap: var(--space-12);
  min-width: 0;
  margin: calc(var(--space-8) * -1);
  padding: var(--space-8);
  min-height: var(--space-0);
  flex: auto;
  display: flex;
}

.ecl-column--GhxJ, .ecl-addColumn-CrjjA {
  flex: 1 1 var(--space-0);
  min-width: 0;
  max-width: var(--layout-nav);
}

.ecl-column--GhxJ {
  gap: var(--space-8);
  max-height: 100%;
  min-height: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-column--GhxJ[data-targeted] {
  border-radius: var(--radius-lg);
  outline: var(--space-2) solid var(--color-border-accent);
  outline-offset: var(--space-4);
}

.ecl-columnFolded-M8hqX {
  width: var(--size-control-lg);
  flex: none;
}

@media (max-width: 767px) {
  .ecl-board-nXYeB {
    scroll-snap-type: x proximity;
    scroll-padding-inline: var(--space-8);
    overflow-x: auto;
  }

  .ecl-column--GhxJ:not(.ecl-columnFolded-M8hqX), .ecl-addColumn-CrjjA {
    width: var(--layout-nav);
    scroll-snap-align: start;
    flex: none;
    max-width: none;
  }
}

.ecl-head-oAaSY {
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  min-height: var(--size-control-sm);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.ecl-title-yxAch {
  min-width: 0;
  margin: var(--space-0);
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-count-krxns {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-headActions-UfsR7 {
  align-items: center;
  gap: var(--space-2);
  transition: opacity var(--duration-fast) var(--easing-standard);
  flex: none;
  margin-inline-start: auto;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-column--GhxJ:not(:hover, :focus-within, :has([data-state="open"])) .ecl-headActions-UfsR7 {
    opacity: 0;
  }
}

.ecl-metrics-uEh-H {
  gap: var(--space-12);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.ecl-cards-4mFP3 {
  gap: var(--space-8);
  min-width: 0;
  min-height: var(--space-0);
  margin: calc(var(--space-4) * -1);
  padding: var(--space-4);
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}

.ecl-footer-hy7E9 {
  align-items: flex-start;
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.ecl-card-UpL9c {
  border-radius: var(--radius-xl);
  -webkit-user-select: none;
  user-select: none;
  min-width: 0;
}

.ecl-card-UpL9c[data-held] {
  outline: var(--space-2) dashed var(--color-border-accent);
  outline-offset: var(--space-2);
}

.ecl-strip-BwSL6 {
  align-items: center;
  gap: var(--space-8);
  box-sizing: border-box;
  width: 100%;
  padding-block: var(--space-12);
  padding-inline: var(--space-4);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  background: var(--color-surface-raised);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard);
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-strip-BwSL6:hover {
    color: var(--color-text-primary);
  }
}

.ecl-strip-BwSL6:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-stripTitle-20Hf- {
  max-height: calc(var(--space-24) * 8);
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: vertical-rl;
  overflow: hidden;
}

.ecl-grip-qhRqe {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  color: var(--color-text-tertiary);
  cursor: grab;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-grip-qhRqe:hover:not([aria-disabled="true"]) {
    background: var(--color-fill-neutral);
    color: var(--color-text-primary);
  }
}

.ecl-grip-qhRqe:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-grip-qhRqe[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-gripHeld-nsD-g {
  background: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
  cursor: grabbing;
}

.ecl-slider-svqW6 {
  --slider-thumb: var(--space-16);
  --slider-track: var(--space-6);
  --slider-mark: var(--space-4);
  --slider-thumb-hover: 1.1;
  --slider-thumb-held: 1.25;
  --slider-ratio: 0;
  --slider-from: 0;
  --slider-towards: to right;
  --slider-flow: 1;
  --slider-origin: left;
  flex: 1;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  display: grid;
  position: relative;
}

.ecl-slider-svqW6:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  --slider-towards: to left;
  --slider-flow: -1;
  --slider-origin: right;
}

.ecl-slider-svqW6:before {
  content: "";
  inset-block: var(--space-0);
  inset-inline: calc(var(--space-8) * -1);
  position: absolute;
}

.ecl-slider-svqW6[data-disabled] {
  cursor: not-allowed;
  opacity: .5;
}

.ecl-track-MOvkX {
  --slider-start: 0%;
  --slider-end: calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--slider-ratio));
  height: var(--slider-track);
  border-radius: var(--radius-full);
  background: linear-gradient(var(--slider-towards),
    var(--color-fill-neutral) var(--slider-start),
    var(--color-fill-progress) var(--slider-start),
    var(--color-fill-progress) var(--slider-end),
    var(--color-fill-neutral) var(--slider-end));
  pointer-events: none;
  grid-area: 1 / 1;
  position: relative;
}

.ecl-slider-svqW6[data-range] .ecl-track-MOvkX {
  --slider-start: calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--slider-from));
}

.ecl-mark-5a4bl {
  width: var(--slider-mark);
  height: var(--slider-mark);
  border-radius: var(--radius-full);
  background-color: var(--color-text-tertiary);
  transform: translate(calc(var(--slider-flow) * -50%), -50%);
  transition: background-color var(--duration-fast) var(--easing-standard);
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--mark-ratio));
}

.ecl-mark-5a4bl[data-filled] {
  background-color: var(--color-text-on-accent);
}

.ecl-band-cnqP3 {
  inset: var(--space-0) calc(var(--slider-thumb) / 2);
  background-color: var(--color-fill-progress);
  opacity: 0;
  transform: translateX(calc(var(--slider-band-start, 0) * var(--slider-flow) * 100%))
    scaleX(var(--slider-band-size, 0));
  transform-origin: var(--slider-origin) center;
  transition: opacity var(--duration-fast) var(--easing-exit);
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-slider-svqW6[data-hover]:not([data-disabled], [data-dragging]) .ecl-band-cnqP3 {
    opacity: .4;
    transition: opacity var(--duration-fast) var(--easing-entrance);
  }

  .ecl-slider-svqW6[data-hover="behind"]:not([data-disabled], [data-dragging]) .ecl-band-cnqP3 {
    background-color: var(--color-text-on-accent);
    opacity: .3;
  }
}

.ecl-range-MKhpk {
  z-index: 1;
  width: 100%;
  min-width: 0;
  height: var(--slider-thumb);
  appearance: none;
  cursor: pointer;
  background: none;
  grid-area: 1 / 1;
  margin: 0;
  position: relative;
}

.ecl-range-MKhpk:disabled {
  cursor: not-allowed;
}

.ecl-range-MKhpk::-webkit-slider-runnable-track {
  height: var(--slider-track);
  border-radius: var(--radius-full);
  background: none;
}

.ecl-range-MKhpk::-moz-range-track {
  height: var(--slider-track);
  border-radius: var(--radius-full);
  background: none;
  border: none;
}

.ecl-range-MKhpk::-webkit-slider-thumb {
  appearance: none;
  width: var(--slider-thumb);
  height: var(--slider-thumb);
  margin-top: calc((var(--slider-track) - var(--slider-thumb)) / 2);
  border-radius: var(--radius-full);
  background: var(--color-fill-progress);
  box-shadow: var(--shadow-raised);
  pointer-events: auto;
  transition: transform var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
}

.ecl-range-MKhpk::-moz-range-thumb {
  width: var(--slider-thumb);
  height: var(--slider-thumb);
  border-radius: var(--radius-full);
  background: var(--color-fill-progress);
  box-shadow: var(--shadow-raised);
  pointer-events: auto;
  transition: transform var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-range-MKhpk:hover:not(:disabled)::-webkit-slider-thumb {
    transform: scale(var(--slider-thumb-hover));
  }

  .ecl-range-MKhpk:hover:not(:disabled)::-moz-range-thumb {
    transform: scale(var(--slider-thumb-hover));
  }
}

.ecl-range-MKhpk:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-range-MKhpk:focus-visible::-webkit-slider-thumb {
  box-shadow: var(--glow-focus), var(--shadow-raised);
}

.ecl-range-MKhpk:focus-visible::-moz-range-thumb {
  box-shadow: var(--glow-focus), var(--shadow-raised);
}

.ecl-range-MKhpk:active:not(:disabled)::-webkit-slider-thumb {
  transform: scale(var(--slider-thumb-held));
}

.ecl-range-MKhpk:active:not(:disabled)::-moz-range-thumb {
  transform: scale(var(--slider-thumb-held));
}

.ecl-slider-svqW6[data-range] .ecl-range-MKhpk {
  pointer-events: none;
}

.ecl-range-MKhpk[data-raised] {
  z-index: 2;
}

.ecl-tip-PKI5Y {
  padding: var(--space-2) var(--space-8);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  color: var(--color-text-primary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translate(calc(var(--slider-flow) * -50%), var(--space-2));
  transform-origin: bottom;
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  position: absolute;
  inset-block-end: calc(100% + var(--space-8));
  inset-inline-start: calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--tip-ratio));
}

.ecl-tip-PKI5Y[data-held], .ecl-range-MKhpk:focus-visible + .ecl-tip-PKI5Y {
  opacity: 1;
  transform: translate(calc(var(--slider-flow) * -50%), var(--space-0));
  transition: opacity var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-range-MKhpk::-webkit-slider-thumb {
    transition: box-shadow var(--duration-fast) var(--easing-standard);
  }

  .ecl-range-MKhpk::-moz-range-thumb {
    transition: box-shadow var(--duration-fast) var(--easing-standard);
  }

  .ecl-range-MKhpk:hover:not(:disabled)::-webkit-slider-thumb {
    transform: none;
  }

  .ecl-range-MKhpk:hover:not(:disabled)::-moz-range-thumb {
    transform: none;
  }

  .ecl-range-MKhpk:active:not(:disabled)::-webkit-slider-thumb {
    transform: none;
  }

  .ecl-range-MKhpk:active:not(:disabled)::-moz-range-thumb {
    transform: none;
  }

  .ecl-tip-PKI5Y, .ecl-tip-PKI5Y[data-held], .ecl-range-MKhpk:focus-visible + .ecl-tip-PKI5Y {
    transform: translate(calc(var(--slider-flow) * -50%), var(--space-0));
    transition: opacity var(--duration-fast) var(--easing-standard);
  }
}

.ecl-bar-5jGpA {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-12);
  min-width: var(--space-0);
  min-height: var(--size-control-md);
  padding-block: var(--space-8);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.ecl-barSticky-txiej {
  top: var(--space-0);
  z-index: var(--z-sticky);
  background-color: var(--color-surface-content);
  position: sticky;
}

.ecl-lead-GLFFh {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  flex-wrap: wrap;
  flex: auto;
  display: flex;
}

.ecl-tail-B8mLL {
  align-items: center;
  gap: var(--space-8);
  flex: none;
  display: flex;
}

.ecl-separator-1CNHH {
  width: var(--space-1);
  height: var(--size-control-sm);
  margin-inline: var(--space-4);
  flex: none;
  align-self: center;
}

.ecl-editor-Pjsja {
  --stage-min: 280px;
  --range-thumb: var(--space-16);
  gap: var(--space-16);
  flex: 1;
  min-block-size: 0;
  display: grid;
}

.ecl-editorPick-tHs1O {
  grid-template-rows: minmax(var(--stage-min), 1fr);
}

.ecl-editorCrop-d9PId {
  grid-template-rows: auto minmax(0, 1fr);
}

.ecl-drop-saJCt {
  justify-content: center;
  align-items: center;
  gap: var(--space-12);
  min-block-size: 0;
  padding: var(--space-24);
  border: var(--space-2) dashed var(--color-border-default);
  border-radius: var(--radius-xl);
  background: var(--color-fill-neutral);
  text-align: center;
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard);
  flex-direction: column;
  display: flex;
}

.ecl-dropOver-I2Aii {
  border-color: var(--color-border-accent);
  background: var(--color-fill-accent-subtle);
}

.ecl-dropMark-xVFbw {
  color: var(--color-text-tertiary);
}

.ecl-dropTitle--JqLQ {
  color: var(--color-text-secondary);
  margin: 0;
}

.ecl-dropHint-XNE6H {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-dropError-AOYcC {
  color: var(--color-text-danger);
  margin: 0;
}

.ecl-fileInput-2TvJ4 {
  width: var(--space-1);
  height: var(--space-1);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.ecl-cropGroup-E4h2h {
  grid-template-rows: minmax(var(--stage-min), 1fr);
  gap: var(--space-12);
  min-block-size: 0;
  display: grid;
}

.ecl-frameRow-y7mHs {
  --stage-gutter: calc(var(--range-thumb) + var(--space-8));
  --stage-block: min(calc(100cqh - var(--stage-gutter)),
    calc((100cqw - var(--stage-gutter)) / var(--stage-aspect)));
  place-content: center;
  gap: var(--space-8);
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  min-block-size: 0;
  display: grid;
  container-type: size;
}

.ecl-stage-51b3a {
  inline-size: calc(var(--stage-block) * var(--stage-aspect));
  aspect-ratio: var(--stage-aspect);
  border-radius: var(--radius-xl);
  background: var(--color-surface-base);
  touch-action: none;
  grid-area: 1 / 1;
  position: relative;
  overflow: hidden;
}

.ecl-stagePan-VspbY {
  cursor: grab;
}

.ecl-stagePan-VspbY:active {
  cursor: grabbing;
}

.ecl-stageMark-6kbSP {
  cursor: crosshair;
}

.ecl-stageImage-6Q-I3 {
  width: calc(var(--crop-width) * 1px);
  height: calc(var(--crop-height) * 1px);
  transform: translate(calc(-50% + var(--crop-x) * 1px),
      calc(-50% + var(--crop-y) * 1px))
    var(--crop-orient);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
}

.ecl-stageMarks-9s6K1 {
  inset: var(--space-0);
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}

.ecl-frame-Hh0Nk {
  width: calc(var(--frame-width) * 1px);
  height: calc(var(--frame-height) * 1px);
  box-shadow: 0 0 0 100vmax var(--color-fill-scrim),
    inset 0 0 0 var(--space-1) var(--color-border-default);
  pointer-events: none;
  transition: box-shadow var(--duration-fast) var(--easing-standard);
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

.ecl-circle-ujnFQ {
  border-radius: var(--radius-full);
}

.ecl-rectangle-ktQ-a {
  border-radius: var(--radius-lg);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-stage-51b3a:hover .ecl-frame-Hh0Nk {
    box-shadow: 0 0 0 100vmax var(--color-fill-scrim),
      inset 0 0 0 var(--space-1) var(--color-border-highlight);
  }
}

.ecl-controls-V5G2e {
  align-items: center;
  gap: var(--space-12);
  display: flex;
}

.ecl-preview-JOgSy {
  --preview-size: var(--space-48);
  width: var(--preview-size);
  aspect-ratio: var(--crop-aspect);
  flex: none;
  position: relative;
  overflow: hidden;
}

.ecl-previewPaint-CM3MH {
  width: calc(var(--preview-width) * 1%);
  height: calc(var(--preview-height) * 1%);
  background-image: var(--preview-image);
  transform: var(--preview-orient);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  inset-block-start: calc(var(--preview-y) * 1%);
  inset-inline-start: calc(var(--preview-x) * 1%);
}

.ecl-tools-VmfXs {
  gap: var(--space-4);
  display: grid;
}

.ecl-toolRow-K9W4n {
  align-items: center;
  gap: var(--space-12);
  min-width: var(--space-0);
  min-height: var(--size-control-md);
  flex-wrap: wrap;
  display: flex;
}

.ecl-toolRowWide-TooNA {
  gap: var(--space-16);
}

.ecl-captionTools-oRzfM {
  gap: var(--space-8);
  display: grid;
}

.ecl-toolSlider-SE--c {
  flex: 1 1 var(--space-96);
  min-width: var(--space-0);
}

.ecl-toolField-wH2v5 {
  flex: 2 1 var(--space-96);
  min-width: var(--space-0);
}

.ecl-stageHint-Hzpq9 {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-range-xfRB8 {
  --range-track: var(--space-4);
  appearance: none;
  cursor: pointer;
  background: none;
  margin: 0;
}

.ecl-rangeX-aPutn {
  width: 100%;
  height: var(--range-thumb);
}

.ecl-panX-7p9I- {
  width: calc(var(--stage-block) * var(--stage-aspect));
  grid-area: 2 / 1;
}

.ecl-rangeY-hV2pm {
  width: var(--range-thumb);
  height: var(--stage-block);
  writing-mode: vertical-rl;
  grid-area: 1 / 2;
}

.ecl-range-xfRB8::-webkit-slider-runnable-track {
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
}

.ecl-range-xfRB8::-moz-range-track {
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  border: none;
}

.ecl-rangeX-aPutn::-webkit-slider-runnable-track {
  height: var(--range-track);
}

.ecl-rangeX-aPutn::-moz-range-track {
  height: var(--range-track);
}

.ecl-rangeY-hV2pm::-webkit-slider-runnable-track {
  width: var(--range-track);
  height: 100%;
}

.ecl-rangeY-hV2pm::-moz-range-track {
  width: var(--range-track);
  height: 100%;
}

.ecl-range-xfRB8::-webkit-slider-thumb {
  appearance: none;
  width: var(--range-thumb);
  height: var(--range-thumb);
  border: var(--space-1) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  background: var(--color-fill-raised);
  box-shadow: var(--shadow-raised);
  transition: transform var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  margin-block-start: calc((var(--range-track) - var(--range-thumb)) / 2);
}

.ecl-range-xfRB8::-moz-range-thumb {
  width: var(--range-thumb);
  height: var(--range-thumb);
  border: var(--space-1) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  background: var(--color-fill-raised);
  box-shadow: var(--shadow-raised);
  transition: transform var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
}

.ecl-range-xfRB8:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-range-xfRB8:focus-visible::-webkit-slider-thumb {
  border-color: var(--color-border-focus);
  box-shadow: var(--glow-focus), var(--shadow-raised);
}

.ecl-range-xfRB8:focus-visible::-moz-range-thumb {
  border-color: var(--color-border-focus);
  box-shadow: var(--glow-focus), var(--shadow-raised);
}

.ecl-range-xfRB8:disabled {
  cursor: not-allowed;
}

.ecl-range-xfRB8:disabled::-webkit-slider-thumb {
  background: var(--color-fill-disabled);
  box-shadow: none;
  border-color: #0000;
}

.ecl-range-xfRB8:disabled::-moz-range-thumb {
  background: var(--color-fill-disabled);
  box-shadow: none;
  border-color: #0000;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-range-xfRB8:hover:not(:disabled)::-webkit-slider-thumb {
    border-color: var(--color-border-highlight);
  }

  .ecl-range-xfRB8:hover:not(:disabled)::-moz-range-thumb {
    border-color: var(--color-border-highlight);
  }
}

.ecl-range-xfRB8:active:not(:disabled)::-webkit-slider-thumb {
  transform: scale(.96);
}

.ecl-range-xfRB8:active:not(:disabled)::-moz-range-thumb {
  transform: scale(.96);
}

.ecl-zoom-yUwIQ {
  flex: 1;
  min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-range-xfRB8::-webkit-slider-thumb {
    transition: none;
  }

  .ecl-range-xfRB8::-moz-range-thumb {
    transition: none;
  }

  .ecl-range-xfRB8:active:not(:disabled)::-webkit-slider-thumb {
    transform: none;
  }

  .ecl-range-xfRB8:active:not(:disabled)::-moz-range-thumb {
    transform: none;
  }
}

.ecl-centre-IeeXy {
  --loading-mark: var(--space-40);
  place-content: center;
  justify-items: center;
  gap: var(--space-16);
  min-height: 100%;
  padding: var(--space-32);
  display: grid;
}

.ecl-mark-pmOQG {
  color: var(--color-text-tertiary);
  animation: ecl-breathe-Z1Os1 var(--motion-ambient-breath) var(--easing-standard)
    infinite alternate;
  display: inline-flex;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-mark-pmOQG {
    animation: none;
  }
}

.ecl-mark-pmOQG > svg {
  width: var(--loading-mark);
  height: var(--loading-mark);
}

.ecl-caption-diVPv {
  margin: var(--space-0);
  color: var(--color-text-tertiary);
}

@keyframes ecl-breathe-Z1Os1 {
  0% {
    opacity: .45;
  }

  100% {
    opacity: 1;
  }
}

.ecl-card-X9-XB {
  --hover-card-width: 320px;
  --hover-card-max-height: 420px;
  --peek-slide-x: var(--space-0);
  --peek-slide-y: calc(var(--space-2) * -1);
  z-index: var(--z-popup);
  gap: var(--space-12);
  width: min(var(--hover-card-width),
    var(--radix-hover-card-content-available-width));
  max-height: min(var(--hover-card-max-height),
    var(--radix-hover-card-content-available-height));
  padding: var(--space-16);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-xl);
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-hover-card-content-transform-origin);
  flex-direction: column;
  display: flex;
  overflow: hidden auto;
}

.ecl-card-X9-XB[data-side="top"] {
  --peek-slide-y: var(--space-2);
}

.ecl-card-X9-XB[data-side="left"] {
  --peek-slide-x: var(--space-2);
  --peek-slide-y: var(--space-0);
}

.ecl-card-X9-XB[data-side="right"] {
  --peek-slide-x: calc(var(--space-2) * -1);
  --peek-slide-y: var(--space-0);
}

.ecl-card-X9-XB[data-substrate="overlay"] {
  border-color: var(--color-border-default);
}

.ecl-header-rXEF- {
  align-items: center;
  gap: var(--space-12);
  min-width: var(--space-0);
  display: flex;
}

.ecl-titles-YwB68 {
  gap: var(--space-2);
  min-width: var(--space-0);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ecl-title-xf1ZO, .ecl-subtitle-HAWsP {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-title-xf1ZO {
  color: var(--color-text-primary);
}

.ecl-subtitle-HAWsP {
  color: var(--color-text-tertiary);
}

.ecl-actions-GIeVA {
  align-items: center;
  gap: var(--space-4);
  flex: none;
  display: flex;
}

.ecl-facts-KwOkp {
  margin: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-fact-1her9 {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-16);
  padding-block: var(--space-6);
  display: flex;
  position: relative;
}

.ecl-fact-1her9 + .ecl-fact-1her9:before {
  content: "";
  height: var(--space-1);
  background: var(--color-border-subtle);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ecl-factLabel-V-2OK {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-factValue-CdSdP {
  min-width: var(--space-0);
  margin: var(--space-0);
  color: var(--color-text-primary);
  text-align: end;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-card-X9-XB[data-state="open"] {
  animation: ecl-peekIn-ecO1- var(--duration-normal) var(--easing-entrance);
}

.ecl-card-X9-XB[data-state="closed"] {
  pointer-events: none;
  animation: ecl-peekOut-pqZz- var(--duration-fast) var(--easing-exit);
}

@keyframes ecl-peekIn-ecO1- {
  0% {
    opacity: 0;
    transform: scale(.97) translate(var(--peek-slide-x), var(--peek-slide-y));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-peekOut-pqZz- {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97) translate(var(--peek-slide-x), var(--peek-slide-y));
  }
}

@keyframes ecl-peekFadeIn-Kdvch {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-peekFadeOut-Rxlqs {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-card-X9-XB[data-state="open"] {
    animation: ecl-peekFadeIn-Kdvch var(--duration-normal) var(--easing-standard);
  }

  .ecl-card-X9-XB[data-state="closed"] {
    animation: ecl-peekFadeOut-Rxlqs var(--duration-fast) var(--easing-standard);
  }
}

.ecl-bar-30oYF {
  bottom: var(--shell-bar-reach, var(--space-0));
  z-index: var(--z-sticky);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-16);
  min-height: var(--size-control-lg);
  padding: var(--space-8) var(--space-32);
  background: var(--color-surface-content);
  display: flex;
  position: sticky;
}

.ecl-range-AYrXE {
  min-width: var(--space-0);
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-controls-szwSo {
  align-items: center;
  gap: var(--space-4);
  flex: none;
  display: flex;
}

@media (max-width: 767px) {
  .ecl-bar-30oYF {
    padding-inline: var(--space-16);
  }
}

.ecl-popup-q6Fdy {
  --picker-min-width: 240px;
  --picker-max-width: 360px;
  --picker-max-height: 420px;
  min-width: var(--picker-min-width);
  max-width: min(var(--picker-max-width),
    var(--radix-popover-content-available-width));
  max-height: min(var(--picker-max-height),
    var(--radix-popover-content-available-height));
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.ecl-search-zU2nS {
  padding: var(--space-6) var(--space-6) var(--space-0);
  flex: none;
}

.ecl-listbox-iz3aQ {
  min-height: var(--space-0);
  padding: var(--space-6);
  scroll-padding-block: var(--space-6);
  flex-direction: column;
  flex: auto;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.ecl-title-hCSpB {
  padding-block: var(--space-6) var(--space-4);
  padding-inline: var(--space-8);
  color: var(--color-text-tertiary);
}

.ecl-separator-FgVZV {
  margin-block: var(--space-4);
  margin-inline: var(--space-8);
  flex: none;
}

.ecl-option-Izu4X {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-md);
  padding-block: var(--space-4);
  padding-inline: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  outline: none;
  flex: none;
  display: flex;
  position: relative;
}

.ecl-optionNoted-CePjy {
  padding-block: var(--space-6);
  align-items: start;
}

.ecl-option-Izu4X[data-danger] {
  color: var(--color-text-danger);
}

.ecl-option-Izu4X[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-mark-TiIs9 {
  width: var(--size-icon-sm);
  color: var(--color-text-accent);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-glyph-PDxtT {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-box-rdNXe {
  pointer-events: none;
  flex: none;
}

.ecl-label-Y-gne {
  gap: var(--space-2);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.ecl-note-AtKmL, .ecl-hint-TcpM3 {
  color: var(--color-text-tertiary);
}

.ecl-hint-TcpM3 {
  white-space: nowrap;
  flex: none;
}

.ecl-optionNoted-CePjy .ecl-mark-TiIs9, .ecl-optionNoted-CePjy .ecl-glyph-PDxtT, .ecl-optionNoted-CePjy .ecl-box-rdNXe {
  margin-block-start: var(--space-2);
}

.ecl-option-Izu4X[data-danger] .ecl-glyph-PDxtT {
  color: inherit;
}

.ecl-option-Izu4X[data-highlighted] {
  background-color: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

.ecl-option-Izu4X[data-danger][data-highlighted] {
  background-color: var(--color-fill-danger);
}

.ecl-option-Izu4X[data-highlighted] .ecl-mark-TiIs9, .ecl-option-Izu4X[data-highlighted] .ecl-glyph-PDxtT, .ecl-option-Izu4X[data-highlighted] .ecl-note-AtKmL, .ecl-option-Izu4X[data-highlighted] .ecl-hint-TcpM3 {
  color: var(--color-text-on-accent);
}

.ecl-empty-bp1hU {
  padding-block: var(--space-6) var(--space-12);
  padding-inline: var(--space-12);
  color: var(--color-text-tertiary);
}

.ecl-footer-OVayl {
  gap: var(--space-8);
  padding: var(--space-8) var(--space-12) var(--space-12);
  border-block-start: var(--space-1) solid var(--color-border-subtle);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ecl-list-cFWJM {
  gap: var(--space-4);
  margin: var(--space-0);
  padding: var(--space-0);
  flex-direction: column;
  list-style: none;
  display: flex;
}

.ecl-list-cFWJM[data-dragging] {
  -webkit-user-select: none;
  user-select: none;
}

.ecl-row-Rrgsa {
  align-items: center;
  gap: var(--space-8);
  transition: transform var(--duration-normal) var(--easing-standard);
  display: flex;
  position: relative;
}

.ecl-row-Rrgsa[data-dragging] {
  z-index: var(--z-dropdown);
  background-color: var(--color-surface-raised);
  border-radius: var(--radius-md);
  transition: none;
}

.ecl-row-Rrgsa:after {
  content: "";
  inset: var(--space-0);
  border-radius: inherit;
  box-shadow: var(--shadow-raised);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-normal) var(--easing-standard);
  position: absolute;
}

.ecl-row-Rrgsa[data-dragging]:after {
  opacity: 1;
}

.ecl-row-Rrgsa[data-appearance="card"][data-dragging] {
  border-radius: var(--radius-2xl);
  background-color: #0000;
}

.ecl-row-Rrgsa[data-gliding], .ecl-tableRow-xpWXK[data-gliding] {
  z-index: var(--z-dropdown);
}

.ecl-list-cFWJM[data-settling] .ecl-row-Rrgsa {
  transition: none;
}

.ecl-tableBody-2Oe9j[data-dragging] {
  -webkit-user-select: none;
  user-select: none;
}

.ecl-tableRow-xpWXK {
  transition: transform var(--duration-normal) var(--easing-standard);
  position: relative;
}

.ecl-tableRow-xpWXK[data-dragging] {
  z-index: var(--z-dropdown);
  transition: none;
}

.ecl-tableRow-xpWXK[data-dragging] > * {
  background-color: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
}

.ecl-tableBody-2Oe9j[data-settling] .ecl-tableRow-xpWXK {
  transition: none;
}

.ecl-announcer--P6-P {
  padding: var(--space-0);
  border: none;
}

.ecl-handle-BmqNE {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  color: var(--color-text-tertiary);
  cursor: grab;
  touch-action: none;
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-handle-BmqNE:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-handle-BmqNE:disabled {
  cursor: not-allowed;
  opacity: .5;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-handle-BmqNE:hover:not(:disabled) {
    color: var(--color-text-secondary);
  }
}

.ecl-handle-BmqNE:active:not(:disabled) {
  cursor: grabbing;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-row-Rrgsa, .ecl-row-Rrgsa:after, .ecl-tableRow-xpWXK {
    transition: none;
  }
}

.ecl-frame-CW-hc {
  --data-table-radius: var(--radius-lg);
  min-width: var(--space-0);
  position: relative;
}

.ecl-grid-9f8nk {
  grid-template-columns: var(--data-table-columns);
  column-gap: var(--space-12);
  min-width: var(--space-0);
  display: grid;
  overflow-x: auto;
}

.ecl-head-3dQYv, .ecl-body-nWc7x, .ecl-row-7Oie3 {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  display: grid;
}

.ecl-head-3dQYv, .ecl-row-7Oie3 {
  padding-inline: var(--space-12);
  align-items: center;
}

.ecl-head-3dQYv {
  top: var(--space-0);
  z-index: var(--z-sticky);
  min-height: var(--size-control-md);
  background-color: var(--color-surface-content);
  box-shadow: inset 0 calc(var(--space-1) * -1) 0 var(--color-border-subtle);
  border-radius: var(--data-table-radius) var(--data-table-radius)
    var(--space-0) var(--space-0);
  -webkit-user-select: none;
  user-select: none;
  position: sticky;
}

.ecl-frame-CW-hc[data-head="band"] .ecl-head-3dQYv {
  background-image: linear-gradient(var(--color-fill-neutral),
    var(--color-fill-neutral));
  box-shadow: none;
}

.ecl-headCell-adnhJ {
  align-items: center;
  gap: var(--space-4);
  min-width: var(--space-0);
  color: var(--color-text-tertiary);
  display: flex;
}

.ecl-headText-0rTjH {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-sortButton-GF0xe {
  align-items: center;
  gap: var(--space-4);
  min-width: var(--space-0);
  height: var(--size-control-md);
  padding: var(--space-0);
  color: inherit;
  font: inherit;
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: 1;
  display: flex;
}

.ecl-cellNumeric-OP7RI .ecl-sortButton-GF0xe {
  text-align: end;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-sortButton-GF0xe:hover {
    color: var(--color-text-primary);
  }
}

.ecl-sortButton-GF0xe:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-sortMark-M5ibP {
  opacity: .35;
  transition: opacity var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  flex: none;
}

.ecl-sortMarkActive-ZB8dS {
  opacity: 1;
  color: var(--color-text-accent);
}

.ecl-sortMarkUp-Ddprt {
  transform: rotate(180deg);
}

.ecl-row-7Oie3 {
  min-height: var(--size-row);
  transition: background-color var(--duration-fast) var(--easing-standard);
  position: relative;
}

.ecl-row-7Oie3 + .ecl-row-7Oie3:before {
  content: "";
  top: var(--space-0);
  right: var(--space-0);
  left: var(--space-0);
  height: var(--space-1);
  background-color: var(--color-border-subtle);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
}

.ecl-row-7Oie3[data-selected] + .ecl-row-7Oie3[data-selected]:before {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-row-7Oie3[data-fluid-lit]:before, .ecl-row-7Oie3[data-fluid-lit] + .ecl-row-7Oie3:before, .ecl-row-7Oie3[data-openable]:hover:before, .ecl-row-7Oie3[data-openable]:hover + .ecl-row-7Oie3:before {
    opacity: 0;
  }
}

.ecl-fluidBody-8L2cx {
  isolation: isolate;
  position: relative;
}

.ecl-fluidBody-8L2cx > .ecl-row-7Oie3 > * {
  z-index: 1;
  position: relative;
}

.ecl-highlight-yvzbn {
  --fluid-radius: var(--space-0);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3[data-openable]:hover {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-row-7Oie3[data-openable] {
  cursor: pointer;
}

.ecl-row-7Oie3:focus-visible {
  box-shadow: inset var(--glow-focus);
  outline: none;
}

.ecl-row-7Oie3[data-selected] {
  background-color: var(--color-fill-accent-subtle);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3[data-selected][data-openable]:hover {
    background-color: var(--color-fill-accent-subtle);
    background-image: linear-gradient(var(--color-fill-neutral-hover),
      var(--color-fill-neutral-hover));
  }
}

.ecl-cell-tkjh5 {
  min-width: var(--space-0);
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color var(--duration-fast) var(--easing-standard);
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-row-7Oie3[data-fluid-lit] .ecl-cell-tkjh5, .ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3[data-openable]:hover .ecl-cell-tkjh5 {
    color: var(--color-text-primary);
  }
}

.ecl-cellNumeric-OP7RI {
  text-align: end;
  font-variant-numeric: tabular-nums;
  justify-content: end;
}

.ecl-cell-tkjh5.ecl-cellNumeric-OP7RI {
  color: var(--color-text-primary);
}

.ecl-cellSelect-FI6mu {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-selectBox-L78tG {
  gap: var(--space-0);
}

.ecl-selectBox-L78tG > label {
  width: var(--space-1);
  height: var(--space-1);
  clip-path: inset(50%);
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
}

.ecl-openButton-ccgIQ {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--size-control-md);
  padding: var(--space-0);
  color: var(--color-text-primary);
  font: inherit;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border: none;
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-openButton-ccgIQ:hover {
    text-underline-offset: var(--space-2);
    text-decoration: underline;
  }
}

.ecl-openButton-ccgIQ:focus-visible {
  box-shadow: var(--glow-focus);
  border-radius: var(--radius-sm);
  outline: none;
}

.ecl-frame-CW-hc[data-density="compact"] .ecl-row-7Oie3 {
  min-height: var(--size-control-md);
}

.ecl-frame-CW-hc[data-density="compact"] .ecl-cell-tkjh5 {
  padding-block: var(--space-4);
}

.ecl-empty-M5m1u {
  padding-block: var(--space-32);
}

.ecl-veil--Sf69 {
  inset: var(--space-0);
  z-index: var(--z-sticky);
  background-color: var(--color-fill-scrim);
  border-radius: var(--radius-lg);
  justify-content: center;
  align-items: start;
  padding-block-start: var(--space-48);
  display: flex;
  position: absolute;
}

.ecl-cellHandle-2Gicy {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-body-nWc7x[data-dragging] {
  -webkit-user-select: none;
  user-select: none;
}

.ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3 {
  transition: background-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-normal) var(--easing-standard);
}

.ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3:after {
  content: "";
  inset: var(--space-0);
  border-radius: inherit;
  box-shadow: var(--shadow-raised);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-normal) var(--easing-standard);
  position: absolute;
}

.ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3[data-dragging] {
  z-index: var(--z-dropdown);
  background-color: var(--color-surface-raised);
  border-radius: var(--radius-md);
  transition: none;
}

.ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3[data-dragging]:after {
  opacity: 1;
}

.ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3[data-gliding] {
  z-index: var(--z-dropdown);
  background-color: var(--color-surface-content);
}

.ecl-frame-CW-hc[data-reorder] .ecl-body-nWc7x[data-settling] .ecl-row-7Oie3 {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-row-7Oie3, .ecl-cell-tkjh5, .ecl-sortButton-GF0xe, .ecl-sortMark-M5ibP, .ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3, .ecl-frame-CW-hc[data-reorder] .ecl-row-7Oie3:after {
    transition: none;
  }
}

.ecl-track-LisER {
  --segmented-pill-shadow: 0 0 var(--space-2) var(--color-shadow-key);
  align-items: stretch;
  gap: var(--space-2);
  min-width: var(--space-0);
  padding: var(--space-2);
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  display: inline-flex;
  position: relative;
}

.ecl-fill-ofN3I {
  grid-auto-columns: minmax(var(--space-0), 1fr);
  grid-auto-flow: column;
  display: grid;
}

.ecl-segment-qEST2 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  min-width: var(--space-0);
  min-height: var(--size-control-xs);
  padding-inline: var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  display: inline-flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-segment-qEST2:hover, .ecl-segment-qEST2[data-fluid-lit] {
    color: var(--color-text-primary);
  }
}

.ecl-segment-qEST2[aria-checked="true"] {
  color: var(--color-text-primary);
}

.ecl-segment-qEST2:before {
  content: "";
  inset: var(--space-0);
  z-index: -1;
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: inherit;
  background-color: var(--color-surface-elevated);
  box-shadow: var(--segmented-pill-shadow);
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
}

.ecl-segment-qEST2[aria-checked="true"]:before {
  visibility: visible;
}

.ecl-thumb-R-loU {
  inset: var(--space-2) var(--space-0);
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.ecl-thumbPart-OqxkW {
  top: var(--space-0);
  bottom: var(--space-0);
  left: var(--space-0);
  box-sizing: border-box;
  border: var(--space-0) solid var(--color-border-subtle);
  border-top-width: var(--space-1);
  border-bottom-width: var(--space-1);
  background-color: var(--color-surface-elevated);
  box-shadow: var(--segmented-pill-shadow);
  position: absolute;
}

.ecl-thumbStart-SOdqG, .ecl-thumbEnd-fCQRW {
  width: var(--space-8);
}

.ecl-thumbStart-SOdqG {
  border-left-width: var(--space-1);
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
  clip-path: inset(calc(var(--space-4) * -1) var(--space-0) calc(var(--space-4) * -1)
      calc(var(--space-4) * -1));
  transform: translateX(var(--segmented-thumb-x, 0));
}

.ecl-thumbEnd-fCQRW {
  border-right-width: var(--space-1);
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
  clip-path: inset(calc(var(--space-4) * -1) calc(var(--space-4) * -1)
      calc(var(--space-4) * -1) var(--space-0));
  transform: translateX(var(--segmented-thumb-end-x, 0));
}

.ecl-thumbMiddle-Lh40c {
  width: var(--segmented-thumb-middle-base, 100%);
  clip-path: inset(calc(var(--space-4) * -1) var(--space-0));
  transform: translateX(var(--segmented-thumb-middle-x, 0))
    scaleX(var(--segmented-thumb-middle-scale, 0));
  transform-origin: 0;
}

.ecl-track-LisER[data-thumb="live"] .ecl-thumbPart-OqxkW, .ecl-track-LisER[data-thumb="travel"] .ecl-thumbPart-OqxkW {
  transition: transform var(--duration-normal) var(--easing-spring);
}

.ecl-track-LisER[data-thumb="travel"] .ecl-thumb-R-loU, .ecl-track-LisER[data-thumb="handoff"] .ecl-thumb-R-loU {
  opacity: 1;
}

.ecl-track-LisER[data-thumb="travel"] .ecl-segment-qEST2[aria-checked="true"]:before, .ecl-track-LisER[data-thumb="handoff"] .ecl-segment-qEST2[aria-checked="true"]:before {
  visibility: hidden;
}

.ecl-preview-JK3HF {
  --fluid-radius: var(--radius-md);
}

.ecl-track-LisER:has( > .ecl-segment-qEST2[data-fluid-lit][aria-checked="true"]) > .ecl-preview-JK3HF {
  opacity: 0;
}

.ecl-track-LisER:has( > .ecl-segment-qEST2[data-fluid-lit]:not([aria-checked="true"])) > .ecl-segment-qEST2[aria-checked="true"]:before {
  opacity: .85;
}

.ecl-segment-qEST2:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-segment-qEST2:active {
  transform: scale(.96);
}

.ecl-icon-G6jgD {
  flex: none;
}

.ecl-label-0Op-f {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-segment-qEST2, .ecl-track-LisER[data-thumb="live"] .ecl-thumbPart-OqxkW, .ecl-track-LisER[data-thumb="travel"] .ecl-thumbPart-OqxkW {
    transition: none;
  }

  .ecl-segment-qEST2:active {
    transform: none;
  }
}

.ecl-track-LisER[data-size="md"] .ecl-segment-qEST2 {
  min-height: var(--size-control-sm);
  padding-inline: var(--space-12);
}

.ecl-trigger-7CLTI {
  gap: var(--space-8);
  min-height: var(--size-control-md);
  padding-inline: var(--space-12) var(--space-8);
}

.ecl-triggerValue-N1Ajz {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  display: inline-flex;
}

.ecl-caret-dduJQ {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-placeholder-OPVOk {
  color: var(--color-text-tertiary);
}

.ecl-clearable-U75-f {
  position: relative;
}

.ecl-opener-SslR0 {
  min-width: var(--space-0);
}

.ecl-opener-SslR0[data-clearable] .ecl-caret-dduJQ {
  margin-inline-start: calc(var(--size-control-sm) + var(--space-4));
}

.ecl-clear-f-eF0 {
  inset-block: var(--space-0);
  align-items: center;
  display: flex;
  position: absolute;
  inset-inline-end: calc(var(--space-8) + var(--size-icon-sm) + var(--space-2));
}

.ecl-popup-KOReU {
  gap: var(--space-12);
  padding: var(--space-12);
  min-width: calc(var(--size-control-md) * 6);
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
  flex-direction: column;
  display: flex;
}

.ecl-preview-5H-Sd {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-md);
  display: flex;
}

.ecl-previewName-a7ePS {
  color: var(--color-text-primary);
}

.ecl-grid-xKYMB {
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-swatch-Xo49m {
  width: var(--size-indicator-lg);
  height: var(--size-indicator-lg);
  border-radius: var(--radius-full);
  color: var(--color-surface-overlay);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-swatchCustom-LEzAc {
  background-color: var(--color-picker-swatch);
  color: var(--color-picker-ink, var(--color-surface-overlay));
}

.ecl-swatchLarge-9mobC {
  width: var(--size-control-md);
  height: var(--size-control-md);
}

.ecl-swatchEmpty-LtQMY {
  background-color: var(--color-fill-neutral-active);
}

.ecl-swatch-Xo49m[data-translucent] {
  background-color: var(--color-surface-overlay);
  background-image: linear-gradient(var(--color-picker-swatch), var(--color-picker-swatch)),
    conic-gradient(var(--color-fill-neutral-active) 25%,
      transparent 0 50%,
      var(--color-fill-neutral-active) 0 75%,
      transparent 0);
  background-size: auto,
    var(--space-8) var(--space-8);
}

.ecl-swatch-Xo49m[data-tone="neutral"] {
  background-color: var(--color-text-tertiary);
}

.ecl-swatch-Xo49m[data-tone="success"] {
  background-color: var(--color-text-success);
}

.ecl-swatch-Xo49m[data-tone="warning"] {
  background-color: var(--color-text-warning);
}

.ecl-swatch-Xo49m[data-tone="danger"] {
  background-color: var(--color-text-danger);
}

.ecl-swatch-Xo49m[data-tone="accent"] {
  background-color: var(--color-text-accent);
}

.ecl-tick-QAzKA {
  color: inherit;
}

.ecl-option-8mwuo {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  padding: var(--space-0);
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: transform var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ecl-option-8mwuo:after {
  content: "";
  inset: var(--space-0);
  border: var(--space-2) solid var(--color-border-default);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-option-8mwuo:hover:not(:disabled, [data-checked]):after {
    opacity: 1;
  }
}

.ecl-option-8mwuo:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.ecl-option-8mwuo[data-checked] {
  outline: var(--space-2) solid var(--color-border-accent);
  outline-offset: var(--space-2);
}

.ecl-option-8mwuo:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-option-8mwuo[data-checked]:focus-visible {
  outline: var(--space-2) solid var(--color-border-accent);
  outline-offset: var(--space-2);
  box-shadow: var(--glow-focus);
}

.ecl-option-8mwuo:active:not(:disabled) {
  transform: scale(.96);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-option-8mwuo {
    transition: none;
  }

  .ecl-option-8mwuo:active:not(:disabled) {
    transform: none;
  }
}

.ecl-free-ke8g6 {
  --color-picker-width: calc(var(--size-control-md) * 7);
  width: min(var(--color-picker-width),
    var(--radix-popover-content-available-width));
}

.ecl-row-fPNVt {
  align-items: center;
  gap: var(--space-8);
  display: flex;
}

.ecl-entry-oKr0p {
  min-width: var(--space-0);
  flex: 1;
}

.ecl-area-c6gGE {
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-md);
  background-color: var(--color-picker-hue);
  background-image: linear-gradient(to top, var(--color-picker-axis-black), transparent),
    linear-gradient(to right, var(--color-picker-axis-white), transparent);
  cursor: crosshair;
  touch-action: none;
  position: relative;
}

.ecl-hue-HqB5Q {
  height: var(--space-12);
  border-radius: var(--radius-full);
  background-image: var(--color-picker-hues);
  cursor: pointer;
  touch-action: none;
  flex: 1;
  position: relative;
}

.ecl-area-c6gGE:focus-visible, .ecl-hue-HqB5Q:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-area-c6gGE[aria-disabled="true"], .ecl-hue-HqB5Q[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .5;
}

.ecl-areaThumb-7juLy, .ecl-hueThumb-Nd-nl {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  border: var(--space-2) solid var(--color-text-on-accent);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-raised);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -50%);
}

.ecl-areaThumb-7juLy {
  top: calc(var(--color-picker-y) * 1%);
  left: calc(var(--color-picker-x) * 1%);
  background-color: var(--color-picker-current);
}

.ecl-hueThumb-Nd-nl {
  top: 50%;
  left: calc(var(--color-picker-x) * 1%);
  background-color: var(--color-picker-hue);
}

.ecl-areaGhost-cK95f {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  border: var(--space-2) solid var(--color-text-on-accent);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-raised);
  opacity: 0;
  pointer-events: none;
  transform: translate(var(--color-picker-ghost-x, 0),
      var(--color-picker-ghost-y, 0))
    translate(-50%, -50%);
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
  top: 0;
  left: 0;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-area-c6gGE[data-ghost] .ecl-areaGhost-cK95f {
    opacity: .6;
  }
}

.ecl-alpha--q8gE {
  height: var(--space-12);
  border-radius: var(--radius-full);
  background-color: var(--color-surface-overlay);
  background-image: var(--color-picker-alphas),
    conic-gradient(var(--color-fill-neutral-active) 25%,
      transparent 0 50%,
      var(--color-fill-neutral-active) 0 75%,
      transparent 0);
  background-size: auto,
    var(--space-8) var(--space-8);
  cursor: pointer;
  touch-action: none;
  flex: 1;
  position: relative;
}

.ecl-alpha--q8gE:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-alpha--q8gE[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .5;
}

.ecl-alphaThumb-X8FSg {
  top: 50%;
  left: calc(var(--color-picker-x) * 1%);
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  border: var(--space-2) solid var(--color-text-on-accent);
  border-radius: var(--radius-full);
  background-color: var(--color-picker-current);
  box-shadow: var(--shadow-raised);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, -50%);
}

.ecl-channels-MEwdM {
  grid-auto-columns: minmax(var(--space-0), 1fr);
  gap: var(--space-6);
  grid-auto-flow: column;
  display: grid;
}

.ecl-channel-nHjlP {
  align-items: stretch;
  gap: var(--space-2);
  min-width: var(--space-0);
  cursor: ew-resize;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  display: flex;
}

.ecl-channelBox-RGBqc {
  height: var(--size-control-sm);
  padding-inline: var(--space-4);
  border-radius: var(--radius-md);
  background-color: var(--color-fill-neutral);
  color: var(--color-text-primary);
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-channelInput-4FEat {
  box-sizing: border-box;
  width: 100%;
  min-width: var(--space-0);
  padding: var(--space-0);
  color: inherit;
  text-align: center;
  cursor: inherit;
  pointer-events: none;
  background: none;
  border: none;
}

.ecl-channelInput-4FEat:focus {
  cursor: text;
  pointer-events: auto;
  -webkit-user-select: text;
  user-select: text;
}

.ecl-channelInput-4FEat:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-channelBox-RGBqc:focus-within {
  background-color: var(--color-fill-neutral-hover);
}

.ecl-channelInput-4FEat:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-channel-nHjlP[data-scrubbing] .ecl-channelBox-RGBqc {
  background-color: var(--color-fill-neutral-active);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-channel-nHjlP:hover .ecl-channelBox-RGBqc {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-channelUnit-PXbif {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-channelCaption-pA0bE {
  color: var(--color-text-tertiary);
  text-align: center;
}

.ecl-group-vNAtY {
  gap: var(--space-6);
  flex-direction: column;
  display: flex;
}

.ecl-caption-Y5xnV {
  color: var(--color-text-tertiary);
}

.ecl-compact-FUl4M {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  padding: var(--space-0);
  border: var(--space-1) solid var(--color-border-default);
  border-radius: var(--radius-md);
  background-color: var(--color-fill-neutral);
  cursor: pointer;
  transition: transform var(--duration-fast) var(--easing-standard);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-compact-FUl4M[data-invalid] {
  border-color: var(--color-border-danger);
}

.ecl-compact-FUl4M:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-compact-FUl4M:disabled {
  cursor: not-allowed;
  opacity: .5;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-compact-FUl4M:hover:not(:disabled) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-compact-FUl4M:active:not(:disabled) {
  transform: scale(.96);
}

.ecl-contrast-iep96 {
  align-items: center;
  gap: var(--space-8);
  display: flex;
}

.ecl-sample-iOx5S {
  padding: var(--space-2) var(--space-8);
  border-radius: var(--radius-sm);
  background-color: var(--color-picker-swatch);
  color: var(--color-picker-ink);
  flex: none;
}

.ecl-contrastPasses-EjMoh {
  color: var(--color-text-secondary);
}

.ecl-contrastFails-d1fkj {
  color: var(--color-text-warning);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-compact-FUl4M {
    transition: none;
  }

  .ecl-compact-FUl4M:active:not(:disabled) {
    transform: none;
  }
}

.ecl-trigger-x57ev {
  gap: var(--space-8);
  min-height: var(--size-control-md);
  padding-inline: var(--space-12) var(--space-8);
}

.ecl-triggerValue-5eYzp {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  display: inline-flex;
}

.ecl-caret-ZS1-G {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-placeholder-Hxe-5 {
  color: var(--color-text-tertiary);
}

.ecl-popup-20fe1 {
  gap: var(--space-8);
  padding: var(--space-12);
  max-width: var(--radix-popover-content-available-width);
  max-height: var(--radix-popover-content-available-height);
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  display: flex;
}

.ecl-head-n-XyO {
  align-items: center;
  gap: var(--space-8);
  display: flex;
}

.ecl-search-p4Im- {
  min-width: var(--space-0);
  flex: 1;
}

.ecl-grid-jvihT {
  height: calc((var(--size-control-lg) + var(--space-4)) * 8);
  overscroll-behavior: contain;
  border-radius: var(--radius-md);
  position: relative;
  overflow: hidden auto;
}

.ecl-grid-jvihT:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-canvas-UyGOK {
  height: var(--icon-picker-height);
  position: relative;
}

.ecl-heading-6-OTC, .ecl-row-l0HGL {
  top: var(--icon-picker-top);
  right: var(--space-0);
  left: var(--space-0);
  position: absolute;
}

.ecl-heading-6-OTC {
  height: var(--size-control-sm);
  padding-inline: var(--space-4);
  color: var(--color-text-tertiary);
  align-items: center;
  display: flex;
}

.ecl-row-l0HGL {
  grid-template-columns: repeat(10, var(--size-control-lg));
  gap: var(--space-4);
  height: var(--size-control-lg);
  display: grid;
}

.ecl-option-nPa7w {
  width: var(--size-control-lg);
  height: var(--size-control-lg);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-option-nPa7w:hover {
    background-color: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-option-nPa7w[data-active] {
  background-color: var(--color-fill-neutral-hover);
  color: var(--color-text-primary);
}

.ecl-option-nPa7w[data-selected] {
  background-color: var(--color-fill-accent-subtle);
  box-shadow: inset 0 0 0 var(--space-1) var(--color-border-accent);
  color: var(--color-text-accent);
}

.ecl-option-nPa7w:active {
  transform: scale(.96);
}

.ecl-status-H-B0E {
  align-items: center;
  gap: var(--space-8);
  padding-block: var(--space-16);
  flex-direction: column;
  display: flex;
}

.ecl-statusText-Hfssh, .ecl-empty-3BEXi {
  color: var(--color-text-tertiary);
}

.ecl-empty-3BEXi {
  padding-block: var(--space-16);
  text-align: center;
}

.ecl-foot-8Svm- {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-md);
  border-top: var(--space-1) solid var(--color-border-subtle);
  padding-block-start: var(--space-8);
  display: flex;
}

.ecl-previewGlyph-qd0-J {
  width: var(--size-control-md);
  height: var(--size-control-md);
  border-radius: var(--radius-md);
  background-color: var(--color-fill-neutral);
  color: var(--color-text-primary);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-previewText-JIK-- {
  min-width: var(--space-0);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ecl-previewName-SyScP {
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-previewCategory-n3-lD {
  color: var(--color-text-tertiary);
}

.ecl-clear-Wrsex {
  flex: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-option-nPa7w {
    transition: background-color var(--duration-fast) var(--easing-standard),
      color var(--duration-fast) var(--easing-standard);
  }

  .ecl-option-nPa7w:active {
    transform: none;
  }
}

.ecl-board-M21AG {
  align-items: flex-start;
  gap: var(--space-16);
  margin: var(--space-0);
  padding: var(--space-0);
  display: flex;
  overflow-x: auto;
}

.ecl-board-M21AG[data-dragging] {
  -webkit-user-select: none;
  user-select: none;
}

.ecl-column-f-Upr {
  isolation: isolate;
  width: max-content;
  min-width: var(--size-row);
  flex-direction: column;
  flex: none;
  display: flex;
  position: relative;
}

.ecl-column-f-Upr:before {
  content: "";
  inset: calc(var(--space-4) * -1);
  z-index: -1;
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-normal) var(--easing-standard);
  position: absolute;
}

.ecl-column-f-Upr[data-target]:before {
  opacity: 1;
}

.ecl-cards-iD02H {
  gap: var(--space-4);
  min-height: var(--size-comfortable-row);
  margin: var(--space-0);
  padding: var(--space-0);
  flex-direction: column;
  list-style: none;
  display: flex;
}

.ecl-card-Vcxna {
  align-items: center;
  gap: var(--space-8);
  transition: transform var(--duration-normal) var(--easing-standard);
  display: flex;
  position: relative;
}

.ecl-card-Vcxna[data-dragging] {
  z-index: var(--z-dropdown);
  background-color: var(--color-surface-raised);
  border-radius: var(--radius-md);
  transition: none;
}

.ecl-card-Vcxna:after {
  content: "";
  inset: var(--space-0);
  border-radius: inherit;
  box-shadow: var(--shadow-raised);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-normal) var(--easing-standard);
  position: absolute;
}

.ecl-card-Vcxna[data-dragging]:after {
  opacity: 1;
}

.ecl-card-Vcxna[data-dragging][data-keyboard] {
  transition: transform var(--duration-normal) var(--easing-standard);
}

.ecl-board-M21AG[data-settling] .ecl-card-Vcxna {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-card-Vcxna, .ecl-card-Vcxna:after, .ecl-card-Vcxna[data-dragging][data-keyboard], .ecl-column-f-Upr:before {
    transition: none;
  }
}

.ecl-heading-bjUXa {
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}

.ecl-page-a2wME {
  flex-direction: column;
  min-height: 100%;
  display: flex;
  overflow: visible clip;
}

.ecl-pageFills-TjSHw {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.ecl-header-e74dH {
  gap: var(--space-16);
  padding: var(--space-12) var(--space-32) var(--space-0);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ecl-headerOnCanvas-0--Dh {
  padding: var(--space-0);
}

.ecl-row-vU5pm {
  align-items: center;
  gap: var(--space-16);
  min-height: var(--size-control-md);
  display: flex;
}

.ecl-lead-Rtlwh {
  flex: 1 1 var(--space-0);
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  display: flex;
}

.ecl-tools-e9pU3 {
  flex: 0 1 var(--layout-form);
  min-width: 0;
}

.ecl-heading-6ddQU {
  align-items: center;
  min-width: 0;
  display: flex;
}

.ecl-trail-3gDaS {
  align-items: center;
  gap: var(--space-4);
  flex: 0 auto;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.ecl-crumbSlot-aitao {
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  display: flex;
}

.ecl-crumbSlot-aitao:not(:last-child) {
  flex-shrink: 0;
}

.ecl-crumb-F0oHE {
  padding: var(--space-2) var(--space-6);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color var(--duration-fast) var(--easing-standard);
  align-items: center;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.ecl-crumbSlot-aitao:first-child .ecl-crumb-F0oHE {
  margin-inline-start: calc(var(--space-6) * -1);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-crumbLink-B8YvB:hover {
    color: var(--color-text-primary);
  }
}

.ecl-crumbLink-B8YvB:focus-visible {
  color: var(--color-text-primary);
  box-shadow: var(--glow-focus);
  border-radius: var(--radius-sm);
  outline: none;
}

.ecl-current--ImL8 {
  color: var(--color-text-primary);
}

.ecl-separator-WFCn2 {
  padding: var(--space-2) var(--space-0);
  color: var(--color-text-tertiary);
  align-items: center;
  display: inline-flex;
  transform: translateY(-.5px);
}

.ecl-actions-EM3Ne {
  flex: 1 0 var(--space-0);
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-8);
  min-width: max-content;
  display: flex;
}

.ecl-body-gp9DE {
  gap: var(--space-24);
  padding: var(--space-32);
  --page-rise: var(--space-12);
  animation: ecl-pageBodyInA-yOUU4 var(--duration-slow) var(--easing-entrance) backwards;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ecl-body-gp9DE[data-enter="b"] {
  animation-name: ecl-pageBodyInB-S5rF-;
}

.ecl-body-gp9DE[data-enter="none"] {
  animation: none;
}

.ecl-bodyColumn-u-JhK {
  align-items: center;
}

.ecl-column-Qpfol {
  gap: var(--space-24);
  width: 100%;
  max-width: var(--layout-prose);
  flex-direction: column;
  display: flex;
}

@keyframes ecl-pageBodyInA-yOUU4 {
  0% {
    opacity: 0;
    transform: translateY(var(--page-rise));
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ecl-pageBodyInB-S5rF- {
  0% {
    opacity: 0;
    transform: translateY(var(--page-rise));
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ecl-pageBodyFadeA-hZNh7 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-pageBodyFadeB-z7naN {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-body-gp9DE {
    animation-name: ecl-pageBodyFadeA-hZNh7;
    animation-timing-function: var(--easing-standard);
  }

  .ecl-body-gp9DE[data-enter="b"] {
    animation-name: ecl-pageBodyFadeB-z7naN;
  }

  .ecl-body-gp9DE[data-enter="none"] {
    animation: none;
  }
}

@media (max-width: 767px) {
  .ecl-header-e74dH {
    padding-inline: var(--space-16);
  }

  .ecl-row-vU5pm {
    row-gap: var(--space-8);
    flex-wrap: wrap;
  }

  .ecl-lead-Rtlwh {
    flex: 1 0 100%;
  }

  .ecl-tools-e9pU3 {
    flex: 100%;
  }

  .ecl-body-gp9DE {
    padding: var(--space-16);
  }
}

.ecl-card-lRcec {
  --popover-min-width: 240px;
  --popover-max-width: 360px;
  --popover-max-height: 420px;
  --card-slide-x: var(--space-0);
  --card-slide-y: calc(var(--space-2) * -1);
  z-index: var(--z-popup);
  gap: var(--space-12);
  min-width: var(--popover-min-width);
  max-width: min(var(--popover-max-width),
    var(--radix-popover-content-available-width));
  max-height: min(var(--popover-max-height),
    var(--radix-popover-content-available-height));
  padding: var(--space-16);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-xl);
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  transform-origin: var(--radix-popover-content-transform-origin);
  flex-direction: column;
  display: flex;
  overflow: hidden auto;
}

.ecl-card-lRcec[data-side="top"] {
  --card-slide-y: var(--space-2);
}

.ecl-card-lRcec[data-side="left"] {
  --card-slide-x: var(--space-2);
  --card-slide-y: var(--space-0);
}

.ecl-card-lRcec[data-side="right"] {
  --card-slide-x: calc(var(--space-2) * -1);
  --card-slide-y: var(--space-0);
}

.ecl-card-lRcec[data-substrate="overlay"] {
  border-color: var(--color-border-default);
}

.ecl-cardMatch-SiMJ- {
  min-width: var(--radix-popover-trigger-width);
  max-width: var(--radix-popover-trigger-width);
}

.ecl-card-lRcec[data-state="open"] {
  animation: ecl-cardIn-n9LPI var(--duration-normal) var(--easing-entrance);
}

.ecl-card-lRcec[data-state="closed"] {
  pointer-events: none;
  animation: ecl-cardOut-8qjx7 var(--duration-fast) var(--easing-exit);
}

.ecl-header-KxvR- {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-12);
  flex: none;
  display: flex;
}

.ecl-title-Hj6vL {
  color: var(--color-text-primary);
}

.ecl-close-SZm7- {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  color: var(--color-text-tertiary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-close-SZm7-:hover {
    background-color: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-close-SZm7-:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-close-SZm7-:active {
  transform: scale(.96);
}

.ecl-body-TVH7f {
  gap: var(--space-12);
  min-height: var(--space-0);
  flex-direction: column;
  display: flex;
}

@keyframes ecl-cardIn-n9LPI {
  0% {
    opacity: 0;
    transform: scale(.97) translate(var(--card-slide-x), var(--card-slide-y));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-cardOut-8qjx7 {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: scale(.97) translate(var(--card-slide-x), var(--card-slide-y));
  }
}

@keyframes ecl-cardFadeIn-vJfvq {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-cardFadeOut-iOfdF {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-card-lRcec[data-state="open"] {
    animation: ecl-cardFadeIn-vJfvq var(--duration-normal) var(--easing-standard);
  }

  .ecl-card-lRcec[data-state="closed"] {
    animation: ecl-cardFadeOut-iOfdF var(--duration-fast) var(--easing-standard);
  }

  .ecl-close-SZm7-, .ecl-close-SZm7-:active {
    transition: color var(--duration-fast) var(--easing-standard),
      background-color var(--duration-fast) var(--easing-standard);
    transform: none;
  }
}

.ecl-field-vRtSS {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--size-control-lg);
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  color: var(--color-text-primary);
  resize: vertical;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-field-vRtSS:hover:not(:disabled) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-field-vRtSS:focus-visible {
  background-color: var(--color-fill-neutral-hover);
}

.ecl-field-vRtSS::placeholder {
  color: var(--color-text-placeholder);
}

.ecl-field-vRtSS[aria-invalid="true"] {
  box-shadow: inset 0 0 0 var(--space-1) var(--color-border-danger);
}

.ecl-field-vRtSS:disabled {
  background-color: var(--color-fill-disabled);
  color: var(--color-text-disabled);
  cursor: not-allowed;
  resize: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-field-vRtSS {
    transition: background-color var(--duration-fast) var(--easing-standard),
      box-shadow var(--duration-fast) var(--easing-standard);
  }
}

.ecl-flow--LQP0 {
  gap: var(--space-16);
  min-width: 0;
  padding: var(--space-16) var(--space-20);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
  flex-direction: column;
  display: flex;
}

.ecl-empty-ChDrJ {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-header-Ip61s {
  align-items: center;
  gap: var(--space-12);
  min-height: var(--size-control-xs);
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}

.ecl-counter-levMQ {
  color: var(--color-text-tertiary);
}

.ecl-track-PepVX {
  width: calc(var(--space-48) + var(--space-16));
  height: var(--space-4);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  flex: none;
  margin-inline-start: auto;
  position: relative;
  overflow: hidden;
}

.ecl-progress-JZjGf {
  border-radius: var(--radius-full);
  background: var(--color-fill-progress);
  width: 100%;
  height: 100%;
  transform: translateX(calc(var(--question-flow-progress, 0%) - 100%));
  transition: transform var(--duration-normal) var(--easing-spring);
  display: block;
}

.ecl-progress-JZjGf:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  transform: translateX(calc(100% - var(--question-flow-progress, 0%)));
}

.ecl-stage-N1ftc {
  min-width: 0;
  display: grid;
}

.ecl-pane-SQR4N {
  border: 0;
  grid-area: 1 / 1;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ecl-pane-SQR4N:focus-visible {
  border-radius: var(--radius-lg);
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-pane-SQR4N[data-state="idle"] {
  visibility: hidden;
}

.ecl-pane-SQR4N[data-state="current"] {
  z-index: 1;
}

.ecl-pane-SQR4N[data-state="leaving"] {
  pointer-events: none;
  animation: ecl-paneLeave-2abQM var(--duration-fast) var(--easing-exit) forwards;
}

.ecl-pane-SQR4N[data-enter="forward"] {
  animation: ecl-paneFromBelow-ulKzO var(--duration-normal) var(--easing-spring-soft) both;
}

.ecl-pane-SQR4N[data-enter="back"] {
  animation: ecl-paneFromAbove-b-Ywi var(--duration-normal) var(--easing-spring-soft) both;
}

@keyframes ecl-paneLeave-2abQM {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ecl-paneFromBelow-ulKzO {
  0% {
    opacity: 0;
    transform: translateY(var(--space-8));
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ecl-paneFromAbove-b-Ywi {
  0% {
    opacity: 0;
    transform: translateY(calc(var(--space-8) * -1));
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ecl-paneFade-m3QXf {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ecl-title-LXacy {
  padding-block: 0 var(--space-4);
  color: var(--color-text-primary);
  padding-inline: 0;
}

.ecl-description-cDS3l {
  color: var(--color-text-secondary);
  margin: 0;
}

.ecl-answer-1x7vT {
  margin-block-start: var(--space-12);
}

.ecl-list-tvIWP {
  --fluid-radius: var(--radius-lg);
  margin-inline: calc(var(--space-12) * -1);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ecl-row-uGPHO {
  align-items: flex-start;
  gap: var(--space-12);
  min-height: var(--size-row);
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-lg);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  display: flex;
  position: relative;
}

.ecl-input-6myD- {
  width: var(--space-1);
  height: var(--space-1);
  opacity: 0;
  pointer-events: none;
  margin: 0;
  position: absolute;
}

.ecl-input-6myD-:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-row-uGPHO:has(.ecl-input-6myD-:focus-visible:not([data-focus-quiet])) {
  z-index: 1;
  box-shadow: var(--glow-focus);
}

.ecl-row-uGPHO[data-selected] {
  background-color: var(--color-fill-accent-subtle);
}

.ecl-row-uGPHO[data-selected]:has( + .ecl-row-uGPHO[data-selected]) {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.ecl-row-uGPHO[data-selected] + .ecl-row-uGPHO[data-selected] {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}

.ecl-chip-btGxE {
  transition: color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard);
  flex: none;
}

.ecl-row-uGPHO[data-selected] .ecl-chip-btGxE {
  border-color: var(--color-border-accent);
  color: var(--color-text-accent);
}

.ecl-chipSpace-g65Km {
  width: var(--space-20);
  flex: none;
}

.ecl-text-FIS46 {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ecl-label-vnT3r {
  color: var(--color-text-primary);
}

.ecl-note-n9Ttr {
  color: var(--color-text-secondary);
}

.ecl-mark-y7l-q {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  border: var(--space-1) solid var(--color-border-strong);
  background-color: var(--color-surface-raised);
  color: var(--color-text-on-accent);
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  flex: none;
  justify-content: center;
  align-items: center;
  margin-block-start: var(--space-2);
  display: inline-flex;
}

.ecl-ring-KYG7h {
  border-radius: var(--radius-full);
}

.ecl-box-YgfwM {
  border-radius: var(--radius-sm);
}

.ecl-dot-ttMjb {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background-color: var(--color-text-on-accent);
  opacity: 0;
  transition: opacity var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
  transform: scale(.4);
}

.ecl-mark-y7l-q .ecl-tick-SPxOA {
  width: var(--size-indicator-sm);
  height: var(--size-indicator-sm);
  opacity: 0;
  transition: opacity var(--duration-fast) var(--easing-entrance);
}

.ecl-row-uGPHO[data-selected] .ecl-mark-y7l-q {
  border-color: var(--color-fill-accent);
  background-color: var(--color-fill-accent);
}

.ecl-row-uGPHO[data-selected] .ecl-dot-ttMjb {
  opacity: 1;
  transform: scale(1);
}

.ecl-row-uGPHO[data-selected] .ecl-mark-y7l-q .ecl-tick-SPxOA {
  opacity: 1;
}

.ecl-row-uGPHO:active .ecl-mark-y7l-q {
  transform: scale(.96);
}

.ecl-reveal-T6f1J {
  margin-inline: calc(var(--space-12) * -1);
  transition: grid-template-rows var(--duration-fast) var(--easing-exit);
  grid-template-rows: 0fr;
  display: grid;
}

.ecl-reveal-T6f1J[data-open] {
  transition: grid-template-rows var(--duration-normal) var(--easing-entrance);
  grid-template-rows: 1fr;
}

.ecl-revealClip-fSYui {
  opacity: 0;
  min-height: 0;
  transform: translateY(calc(var(--space-4) * -1));
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  overflow: clip;
}

.ecl-reveal-T6f1J[data-open] > .ecl-revealClip-fSYui {
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  transform: translateY(0);
}

.ecl-revealBody-fZkzI {
  padding-block-start: var(--space-4);
}

.ecl-grow-4N9NI.ecl-grow-4N9NI {
  resize: none;
  overflow: hidden;
}

.ecl-footer-paRbk {
  align-items: center;
  gap: var(--space-8);
  min-height: var(--size-control-sm);
  display: flex;
}

.ecl-footerEnd-WBNk6 {
  align-items: center;
  gap: var(--space-8);
  margin-inline-start: auto;
  display: flex;
}

.ecl-appear-B66-k {
  animation: ecl-footerAppear-n3DMS var(--duration-fast) var(--easing-entrance);
}

@keyframes ecl-footerAppear-n3DMS {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ecl-submitLabel-kGsBf {
  display: inline-grid;
}

.ecl-submitLabel-kGsBf > span {
  grid-area: 1 / 1;
}

.ecl-submitLabel-kGsBf > span:not([data-shown]) {
  visibility: hidden;
}

.ecl-shortcut-ehu8S kbd {
  background-color: var(--color-fill-neutral);
  color: inherit;
  border-color: #0000;
}

@media (pointer: coarse) {
  .ecl-shortcut-ehu8S {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-pane-SQR4N[data-enter="forward"], .ecl-pane-SQR4N[data-enter="back"] {
    animation-name: ecl-paneFade-m3QXf;
  }

  .ecl-progress-JZjGf, .ecl-reveal-T6f1J, .ecl-reveal-T6f1J[data-open] {
    transition: none;
  }

  .ecl-revealClip-fSYui, .ecl-reveal-T6f1J[data-open] > .ecl-revealClip-fSYui, .ecl-dot-ttMjb, .ecl-row-uGPHO[data-selected] .ecl-dot-ttMjb {
    transition: opacity var(--duration-fast) var(--easing-standard);
    transform: none;
  }

  .ecl-mark-y7l-q {
    transition: background-color var(--duration-fast) var(--easing-standard),
      border-color var(--duration-fast) var(--easing-standard);
  }

  .ecl-row-uGPHO:active .ecl-mark-y7l-q {
    transform: none;
  }
}

.ecl-group-P81E4 {
  gap: var(--space-12);
  flex-direction: column;
  display: flex;
}

.ecl-groupRow-2bMis {
  gap: var(--space-20);
  flex-flow: wrap;
}

.ecl-row-rvTVM {
  align-items: center;
  gap: var(--space-8);
  display: inline-flex;
}

.ecl-rowNoted-PuAR3 {
  align-items: start;
}

.ecl-dotBox-lgOEH {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  padding: var(--space-0);
  border: var(--space-1) solid var(--color-border-strong);
  border-radius: var(--radius-full);
  background-color: var(--color-surface-raised);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  outline: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-rowNoted-PuAR3 .ecl-dotBox-lgOEH {
  margin-block-start: var(--space-2);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-dotBox-lgOEH:hover:not(:disabled, [data-state="checked"]) {
    border-color: var(--color-border-focus);
  }
}

.ecl-dotBox-lgOEH:focus-visible {
  box-shadow: var(--glow-focus);
}

.ecl-dotBox-lgOEH[data-state="checked"] {
  border-color: var(--color-fill-accent);
  background-color: var(--color-fill-accent);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-dotBox-lgOEH[data-state="checked"]:hover:not(:disabled) {
    border-color: var(--color-fill-accent-hover);
    background-color: var(--color-fill-accent-hover);
  }
}

.ecl-dotBox-lgOEH[aria-invalid="true"] {
  border-color: var(--color-border-danger);
}

.ecl-dotBox-lgOEH[aria-invalid="true"]:focus-visible {
  box-shadow: var(--glow-danger);
}

.ecl-dotBox-lgOEH:disabled {
  border-color: var(--color-border-default);
  background-color: var(--color-fill-disabled);
  cursor: not-allowed;
}

.ecl-dotBox-lgOEH:active:not(:disabled) {
  transform: scale(.96);
}

.ecl-dot-GGX9R {
  width: var(--space-8);
  height: var(--space-8);
  border-radius: var(--radius-full);
  background-color: var(--color-text-on-accent);
  opacity: 0;
  transition: opacity calc(var(--duration-fast) * .75) var(--easing-exit),
    transform calc(var(--duration-fast) * .75) var(--easing-exit);
  display: block;
  transform: scale(.4);
}

.ecl-dotBox-lgOEH[data-state="checked"] .ecl-dot-GGX9R {
  opacity: 1;
  transition: opacity var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
  transform: scale(1);
}

.ecl-dotBox-lgOEH:disabled .ecl-dot-GGX9R {
  background-color: var(--color-text-disabled);
}

.ecl-labelBox-TUza- {
  gap: var(--space-2);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: column;
  display: flex;
}

.ecl-label-2RtOV {
  color: var(--color-text-secondary);
}

.ecl-note-RiZkK {
  color: var(--color-text-tertiary);
  white-space: normal;
}

.ecl-listRow-EKBYN .ecl-label-2RtOV {
  transition: color var(--duration-fast) var(--easing-standard);
}

.ecl-listRow-EKBYN[data-fluid-lit] .ecl-label-2RtOV {
  color: var(--color-text-primary);
}

.ecl-listRow-EKBYN:has(.ecl-dotBox-lgOEH[data-state="checked"]) .ecl-label-2RtOV {
  color: var(--color-text-primary);
}

.ecl-dotBox-lgOEH:disabled ~ .ecl-labelBox-TUza- {
  cursor: not-allowed;
}

.ecl-dotBox-lgOEH:disabled ~ .ecl-labelBox-TUza- .ecl-label-2RtOV, .ecl-dotBox-lgOEH:disabled ~ .ecl-labelBox-TUza- .ecl-note-RiZkK {
  color: var(--color-text-disabled);
}

.ecl-groupList-uyPSt {
  --fluid-radius: var(--radius-md);
  gap: 0;
  position: relative;
}

.ecl-selection-Eb8pL {
  width: var(--selection-w, 0);
  height: var(--selection-h, 0);
  border-radius: var(--radius-md);
  background: var(--color-fill-accent-subtle);
  opacity: 0;
  pointer-events: none;
  transform: translate(var(--selection-x, 0), var(--selection-y, 0));
  transition: opacity calc(var(--duration-fast) * .75) var(--easing-exit);
  position: absolute;
  top: 0;
  left: 0;
}

[data-selection="enter"] > .ecl-selection-Eb8pL {
  opacity: 1;
  transition: opacity var(--duration-fast) var(--easing-entrance);
}

[data-selection="live"] > .ecl-selection-Eb8pL {
  opacity: 1;
  transition: transform var(--duration-normal) var(--easing-spring),
    opacity var(--duration-fast) var(--easing-entrance);
}

.ecl-listRow-EKBYN {
  box-sizing: border-box;
  width: 100%;
  min-height: var(--size-row);
  padding: var(--space-6) var(--space-8);
  border-radius: var(--radius-md);
  cursor: pointer;
  display: flex;
  position: relative;
}

.ecl-listRow-EKBYN .ecl-labelBox-TUza-:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  inset: 0;
}

.ecl-listRow-EKBYN .ecl-dotBox-lgOEH:focus-visible {
  border-color: var(--color-border-focus);
  box-shadow: none;
}

.ecl-listRow-EKBYN:has(.ecl-dotBox-lgOEH:focus-visible) {
  box-shadow: var(--glow-focus);
}

.ecl-listRow-EKBYN[data-fluid-lit] .ecl-dotBox-lgOEH:not([data-state="checked"]) {
  border-color: var(--color-border-focus);
}

.ecl-listRow-EKBYN:has(.ecl-dotBox-lgOEH:disabled) {
  cursor: not-allowed;
}

.ecl-listRow-EKBYN:active:not(:has(.ecl-dotBox-lgOEH:disabled)) .ecl-dotBox-lgOEH {
  transform: scale(.96);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-dotBox-lgOEH {
    transition: background-color var(--duration-fast) var(--easing-standard),
      border-color var(--duration-fast) var(--easing-standard),
      box-shadow var(--duration-fast) var(--easing-standard);
  }

  .ecl-dot-GGX9R, .ecl-dotBox-lgOEH[data-state="checked"] .ecl-dot-GGX9R {
    transition: opacity var(--duration-fast) var(--easing-standard);
    transform: none;
  }

  [data-selection="live"] > .ecl-selection-Eb8pL {
    transition: opacity var(--duration-fast) var(--easing-entrance);
  }

  .ecl-dotBox-lgOEH:active:not(:disabled) {
    transform: none;
  }

  .ecl-listRow-EKBYN:active:not(:has(.ecl-dotBox-lgOEH:disabled)) .ecl-dotBox-lgOEH {
    transform: none;
  }
}

.ecl-indent-NSxOF[data-depth="1"] {
  padding-inline-start: var(--space-20);
}

.ecl-indent-NSxOF[data-depth="2"] {
  padding-inline-start: calc(var(--space-20) * 2);
}

.ecl-indent-NSxOF[data-depth="3"] {
  padding-inline-start: calc(var(--space-20) * 3);
}

.ecl-indent-NSxOF[data-depth="4"] {
  padding-inline-start: calc(var(--space-20) * 4);
}

.ecl-indent-NSxOF[data-depth="5"] {
  padding-inline-start: calc(var(--space-20) * 5);
}

.ecl-indent-NSxOF[data-depth="6"] {
  padding-inline-start: calc(var(--space-20) * 6);
}

.ecl-record-ljfLx {
  -webkit-user-select: none;
  user-select: none;
  align-items: flex-start;
  min-width: 0;
  display: flex;
  position: relative;
}

.ecl-row-8QUsd {
  align-items: center;
  gap: var(--space-8);
  min-height: calc(var(--size-row) + var(--space-8));
  padding: var(--space-6) var(--space-8);
}

.ecl-row-8QUsd + .ecl-row-8QUsd:before {
  content: "";
  top: var(--space-0);
  right: var(--space-0);
  left: var(--space-0);
  height: var(--space-1);
  background-color: var(--color-border-subtle);
  -webkit-mask-image: var(--divider-fade);
  mask-image: var(--divider-fade);
  position: absolute;
}

.ecl-row-8QUsd[data-plain] {
  min-height: calc(var(--size-row) + var(--space-2));
  padding-block: var(--space-1);
}

.ecl-row-8QUsd + .ecl-row-8QUsd[data-plain]:before {
  content: none;
}

.ecl-card-R8tOG {
  align-items: stretch;
  gap: var(--space-8);
  padding: var(--space-12);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-xl);
  background-color: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
  transition: border-color var(--duration-fast) var(--easing-standard);
  flex-direction: column;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-card-R8tOG:hover {
    border-color: var(--color-border-default);
  }
}

.ecl-record-ljfLx:has([data-state="open"]) {
  background-image: linear-gradient(var(--color-fill-neutral-active),
    var(--color-fill-neutral-active));
}

.ecl-grip-UW8bP, .ecl-menu-I1bQH, .ecl-actions-BrEhQ {
  transition: opacity var(--duration-fast) var(--easing-standard);
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ecl-row-8QUsd > .ecl-menu-I1bQH {
  margin-inline-start: auto;
}

.ecl-actions-BrEhQ {
  top: var(--space-8);
  gap: var(--space-2);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-raised);
  position: absolute;
  inset-inline-end: var(--space-8);
}

@media (hover: hover) and (pointer: fine) {
  :is(.ecl-record-ljfLx:not(:hover, :focus-within, :has([data-state="open"])) .ecl-grip-UW8bP, .ecl-record-ljfLx:not(:hover, :focus-within, :has([data-state="open"])) .ecl-menu-I1bQH, .ecl-record-ljfLx:not(:hover, :focus-within, :has([data-state="open"])) .ecl-actions-BrEhQ) {
    opacity: 0;
  }
}

.ecl-check-wtiGa {
  flex: none;
  margin-block-start: calc((
        var(--text-label-md-line-height) * var(--font-scale) -
          var(--size-indicator-md)
      ) /
      2);
}

.ecl-row-8QUsd .ecl-check-wtiGa {
  margin-block-start: var(--space-0);
}

.ecl-lead-0PsdQ {
  color: var(--color-text-secondary);
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ecl-code-2cJqy {
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex: none;
  padding-block-start: var(--space-2);
}

.ecl-row-8QUsd > .ecl-code-2cJqy {
  min-width: calc(var(--space-64) + var(--space-12));
  padding-block-start: var(--space-0);
}

.ecl-cardHead-M4n-8 {
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
  display: flex;
}

.ecl-eyebrow-2V7Xy {
  min-width: 0;
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.ecl-eyebrowMark-ZsJXl {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-eyebrowMark-ZsJXl[data-tone="accent"] {
  color: var(--color-text-accent);
}

.ecl-eyebrowMark-ZsJXl[data-tone="success"] {
  color: var(--color-text-success);
}

.ecl-eyebrowMark-ZsJXl[data-tone="warning"] {
  color: var(--color-text-warning);
}

.ecl-eyebrowMark-ZsJXl[data-tone="danger"] {
  color: var(--color-text-danger);
}

.ecl-swatch-Onrjd {
  width: var(--space-8);
  height: var(--space-8);
  border-radius: var(--radius-xs);
  background-color: currentColor;
}

.ecl-swatch-Onrjd[data-colour] {
  color: var(--record-colour);
}

.ecl-cardMain-TYar8 {
  align-items: flex-start;
  gap: var(--space-8);
  min-width: 0;
  display: flex;
}

.ecl-cardTags-XHdUG {
  gap: var(--space-4);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.ecl-cardFoot-ND3K- {
  align-items: center;
  gap: var(--space-4) var(--space-8);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.ecl-marks-9eIJA {
  align-items: center;
  gap: var(--space-2);
  flex: none;
  padding-block-start: var(--space-2);
  display: inline-flex;
}

.ecl-row-8QUsd > .ecl-marks-9eIJA, .ecl-cardFoot-ND3K- > .ecl-marks-9eIJA, .ecl-cardFoot-ND3K- > .ecl-code-2cJqy {
  padding-block-start: var(--space-0);
}

.ecl-person-l5kVN {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ecl-body-VpPHN {
  gap: var(--space-2);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
  position: relative;
}

.ecl-title-vhnOV {
  color: var(--color-text-primary);
  overflow-wrap: anywhere;
}

.ecl-titleButton--3pt6 {
  padding: var(--space-0);
  color: var(--color-text-primary);
  text-align: start;
  cursor: pointer;
  overflow-wrap: anywhere;
  transition: color var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-titleButton--3pt6:hover {
    color: var(--color-text-accent);
  }
}

.ecl-titleButton--3pt6:focus-visible {
  border-radius: var(--radius-sm);
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-record-ljfLx[data-done] .ecl-title-vhnOV, .ecl-record-ljfLx[data-done] .ecl-titleButton--3pt6 {
  color: var(--color-text-tertiary);
}

.ecl-note-FXv0B {
  color: var(--color-text-tertiary);
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ecl-row-8QUsd .ecl-note-FXv0B {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.ecl-trailing-tuTSM {
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-row-8QUsd > .ecl-body-VpPHN {
  flex: 1 0 40%;
}

.ecl-row-8QUsd > .ecl-trailing-tuTSM {
  flex: 0 auto;
  justify-content: flex-end;
  min-width: 0;
}

.ecl-meta-g-gAw {
  min-width: 0;
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-figure-243OL {
  color: var(--color-text-primary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ecl-sign-Q7Esg {
  align-items: center;
  gap: var(--space-4);
  color: var(--color-text-secondary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  display: inline-flex;
}

.ecl-sign-Q7Esg[data-tone="accent"] {
  color: var(--color-text-accent);
}

.ecl-sign-Q7Esg[data-tone="success"] {
  color: var(--color-text-success);
}

.ecl-sign-Q7Esg[data-tone="warning"] {
  color: var(--color-text-warning);
}

.ecl-sign-Q7Esg[data-tone="danger"] {
  color: var(--color-text-danger);
}

.ecl-tag-n-FV4.ecl-tag-n-FV4 {
  height: auto;
  padding: var(--space-2) var(--space-6);
  border-radius: var(--radius-sm);
}

.ecl-cardFoot-ND3K- > .ecl-figure-243OL, .ecl-cardFoot-ND3K- > .ecl-person-l5kVN {
  margin-inline-start: auto;
}

.ecl-cardFoot-ND3K- > .ecl-figure-243OL + .ecl-person-l5kVN {
  margin-inline-start: var(--space-0);
}

.ecl-nav-fnATA {
  gap: var(--space-20);
  flex-direction: column;
  min-width: 0;
  display: flex;
  position: relative;
}

.ecl-highlight-hrat9 {
  --fluid-radius: var(--radius-md);
  --fluid-fill: var(--color-fill-neutral);
}

.ecl-nav-fnATA:has(.ecl-itemActive-fib3u[data-fluid-lit]) > .ecl-highlight-hrat9 {
  opacity: 0;
}

.ecl-primary-KFl7d {
  flex-direction: column;
  display: flex;
}

.ecl-group-7URbo {
  gap: var(--space-1);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-heading-KfXYi {
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
  min-height: var(--size-control-xs);
  padding-inline-start: var(--space-8);
  display: flex;
}

.ecl-title-WQVFx {
  min-width: 0;
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.ecl-action-SXyYv {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ecl-row--awFf {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: flex;
}

.ecl-item-ASFLA {
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  height: var(--size-control-md);
  padding-inline: var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  text-align: start;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: 1;
  display: flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-item-ASFLA:hover, .ecl-item-ASFLA[data-fluid-lit] {
    color: var(--color-text-primary);
  }
}

.ecl-item-ASFLA:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-itemActive-fib3u {
  background: var(--color-fill-neutral-active);
  color: var(--color-text-primary);
}

.ecl-icon-tXald {
  flex: none;
}

.ecl-icon-tXald[data-tone="success"] {
  color: var(--color-text-success);
}

.ecl-icon-tXald[data-tone="warning"] {
  color: var(--color-text-warning);
}

.ecl-icon-tXald[data-tone="danger"] {
  color: var(--color-text-danger);
}

.ecl-label-O4UZK {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ecl-labelText-prULB {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.ecl-unread-wVkI2 {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent);
  flex: none;
}

.ecl-count-X3D5q {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-menu-rjjTk {
  transition: opacity var(--duration-fast) var(--easing-standard);
  flex: none;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-row--awFf:not(:hover, :focus-within, :has([data-state="open"])) .ecl-menu-rjjTk {
    opacity: 0;
  }
}

.ecl-rename-y3-Je {
  flex: 1;
  min-width: 0;
}

.ecl-fold-ZF1J0 {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  padding: var(--space-0);
  border-radius: var(--radius-sm);
  color: var(--color-text-tertiary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-fold-ZF1J0:hover {
    color: var(--color-text-primary);
  }
}

.ecl-fold-ZF1J0:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-fold-ZF1J0:active {
  transform: scale(.96);
}

.ecl-foldCaret-pvDeb {
  transition: transform var(--duration-slow) var(--easing-standard);
}

.ecl-fold-ZF1J0[aria-expanded="true"] .ecl-foldCaret-pvDeb {
  transform: rotate(90deg);
}

.ecl-nest-UdTmw {
  transition: grid-template-rows var(--duration-slow) var(--easing-entrance);
  grid-template-rows: 1fr;
  display: grid;
}

.ecl-nest-UdTmw:not([data-open]) {
  transition: grid-template-rows var(--duration-normal) var(--easing-exit);
  grid-template-rows: 0fr;
}

.ecl-nestItems-40LlC {
  gap: var(--space-1);
  min-width: 0;
  min-height: 0;
  padding: var(--space-4);
  margin: calc(var(--space-4) * -1);
  flex-direction: column;
  padding-inline-start: calc(var(--space-4) + var(--space-20));
  display: flex;
  position: relative;
  overflow: clip;
}

.ecl-nestItems-40LlC:before {
  content: "";
  inset-block: var(--space-4);
  width: var(--space-1);
  background-color: var(--color-border-subtle);
  pointer-events: none;
  position: absolute;
  inset-inline-start: calc(var(--space-4) + var(--space-16));
}

.ecl-nestItems-40LlC > * {
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
}

.ecl-nest-UdTmw:not([data-open]) .ecl-nestItems-40LlC > * {
  opacity: 0;
  transform: translateY(calc(var(--space-4) * -1));
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-normal) var(--easing-exit);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-nest-UdTmw, .ecl-nest-UdTmw:not([data-open]) {
    transition: none;
  }

  .ecl-nestItems-40LlC > *, .ecl-nest-UdTmw:not([data-open]) .ecl-nestItems-40LlC > * {
    transition: opacity var(--duration-fast) var(--easing-standard);
    transform: none;
  }

  .ecl-foldCaret-pvDeb, .ecl-fold-ZF1J0 {
    transition: none;
  }

  .ecl-fold-ZF1J0:active {
    transform: none;
  }
}

@media (pointer: coarse) {
  .ecl-item-ASFLA {
    min-height: var(--space-48);
  }
}

.ecl-root-bPJni {
  gap: var(--space-16);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-listRow-2w1np {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-16);
  min-width: var(--space-0);
  display: flex;
}

.ecl-list-HXsEt {
  min-width: var(--space-0);
  scrollbar-width: none;
  flex: auto;
  align-items: center;
  display: flex;
  overflow-x: auto;
}

.ecl-list-HXsEt::-webkit-scrollbar {
  display: none;
}

.ecl-list-HXsEt[data-align="center"] {
  justify-content: center;
}

@supports (justify-content: safe center) {
  .ecl-list-HXsEt[data-align="center"] {
    justify-content: safe center;
  }
}

.ecl-listAction-GpH0a {
  align-items: center;
  gap: var(--space-8);
  flex: none;
  display: flex;
}

.ecl-tab-z8eTm {
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
  height: var(--size-control-md);
  padding-inline: var(--space-12);
  color: var(--color-text-tertiary);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: none;
  display: inline-flex;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-tab-z8eTm:hover:not(:disabled, [aria-disabled="true"]) {
    color: var(--color-text-primary);
  }
}

.ecl-tab-z8eTm:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-tab-z8eTm:disabled, .ecl-tab-z8eTm[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-tabIcon-uQNJs {
  color: currentColor;
  flex: none;
}

.ecl-tabLabel-Be-FW {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ecl-tabCount-H2k-- {
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  flex: none;
}

.ecl-root-bPJni[data-variant="line"] .ecl-list-HXsEt {
  gap: var(--space-4);
  box-shadow: inset 0 calc(var(--space-1) * -1) 0 var(--color-border-subtle);
  position: relative;
}

.ecl-root-bPJni[data-variant="line"] .ecl-tab-z8eTm {
  border-radius: var(--radius-md) var(--radius-md) var(--space-0) var(--space-0);
}

.ecl-root-bPJni[data-variant="line"] .ecl-tab-z8eTm:after {
  content: "";
  right: var(--space-0);
  bottom: var(--space-0);
  left: var(--space-0);
  height: var(--space-2);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent);
  opacity: 0;
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
}

.ecl-root-bPJni[data-variant="line"] .ecl-tab-z8eTm[data-state="active"] {
  color: var(--color-text-primary);
}

.ecl-root-bPJni[data-variant="line"] .ecl-tab-z8eTm[data-state="active"]:after {
  opacity: 1;
}

.ecl-indicator-eHzR9 {
  bottom: var(--space-0);
  left: var(--space-0);
  width: var(--space-64);
  height: var(--space-2);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent);
  opacity: 0;
  pointer-events: none;
  transform: translateX(var(--tabs-indicator-x, 0))
    scaleX(var(--tabs-indicator-scale, 1));
  transform-origin: 0;
  display: none;
  position: absolute;
}

.ecl-root-bPJni[data-variant="line"] .ecl-indicator-eHzR9 {
  display: block;
}

.ecl-root-bPJni[data-variant="line"] .ecl-list-HXsEt[data-indicator] .ecl-indicator-eHzR9 {
  opacity: 1;
}

.ecl-root-bPJni[data-variant="line"] .ecl-list-HXsEt[data-indicator="live"] .ecl-indicator-eHzR9 {
  transition: transform var(--duration-normal) var(--easing-spring);
}

.ecl-root-bPJni[data-variant="line"] .ecl-list-HXsEt[data-indicator] .ecl-tab-z8eTm:after {
  display: none;
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-list-HXsEt {
  gap: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  flex: none;
  position: relative;
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm {
  z-index: 1;
  height: var(--size-control-sm);
  padding-inline: var(--space-12);
  border-radius: var(--radius-md);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm:hover:not(:disabled, [aria-disabled="true"]), .ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm[data-fluid-lit] {
    color: var(--color-text-primary);
  }
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm:before {
  content: "";
  inset: var(--space-0);
  z-index: -1;
  border-radius: inherit;
  background-color: var(--color-fill-raised);
  box-shadow: var(--shadow-raised);
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-standard);
  position: absolute;
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm[data-state="active"] {
  color: var(--color-text-primary);
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm[data-state="active"]:before {
  visibility: visible;
}

.ecl-thumb-pVfFU {
  inset: var(--space-2) var(--space-0);
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.ecl-thumbPart-jO4QS {
  top: var(--space-0);
  bottom: var(--space-0);
  left: var(--space-0);
  background-color: var(--color-fill-raised);
  box-shadow: var(--shadow-raised);
  position: absolute;
}

.ecl-thumbStart-b6X-z, .ecl-thumbEnd-tjFLS {
  width: var(--space-8);
}

.ecl-thumbStart-b6X-z {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
  clip-path: inset(calc(var(--space-8) * -1) var(--space-0) calc(var(--space-8) * -1)
      calc(var(--space-8) * -1));
  transform: translateX(var(--tabs-thumb-x, 0));
}

.ecl-thumbEnd-tjFLS {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
  clip-path: inset(calc(var(--space-8) * -1) calc(var(--space-8) * -1)
      calc(var(--space-8) * -1) var(--space-0));
  transform: translateX(var(--tabs-thumb-end-x, 0));
}

.ecl-thumbMiddle-7o0r3 {
  width: var(--tabs-thumb-middle-base, 100%);
  clip-path: inset(calc(var(--space-8) * -1) var(--space-0));
  transform: translateX(var(--tabs-thumb-middle-x, 0))
    scaleX(var(--tabs-thumb-middle-scale, 0));
  transform-origin: 0;
}

.ecl-list-HXsEt[data-thumb="live"] .ecl-thumbPart-jO4QS, .ecl-list-HXsEt[data-thumb="travel"] .ecl-thumbPart-jO4QS {
  transition: transform var(--duration-normal) var(--easing-spring);
}

.ecl-list-HXsEt[data-thumb="travel"] .ecl-thumb-pVfFU, .ecl-list-HXsEt[data-thumb="handoff"] .ecl-thumb-pVfFU {
  opacity: 1;
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-list-HXsEt[data-thumb="travel"] .ecl-tab-z8eTm[data-state="active"]:before, .ecl-root-bPJni[data-variant="segmented"] .ecl-list-HXsEt[data-thumb="handoff"] .ecl-tab-z8eTm[data-state="active"]:before {
  visibility: hidden;
}

.ecl-preview-GxTG1 {
  --fluid-radius: var(--radius-md);
}

.ecl-list-HXsEt:has( > .ecl-tab-z8eTm[data-fluid-lit][data-state="active"]) > .ecl-preview-GxTG1 {
  opacity: 0;
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-list-HXsEt:has( > .ecl-tab-z8eTm[data-fluid-lit]:not([data-state="active"])) > .ecl-tab-z8eTm[data-state="active"]:before {
  opacity: .85;
}

.ecl-panel-b-oob {
  min-width: var(--space-0);
}

.ecl-panel-b-oob:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-tab-z8eTm, .ecl-root-bPJni[data-variant="line"] .ecl-tab-z8eTm:after, .ecl-root-bPJni[data-variant="line"] .ecl-list-HXsEt[data-indicator="live"] .ecl-indicator-eHzR9, .ecl-list-HXsEt[data-thumb="live"] .ecl-thumbPart-jO4QS, .ecl-list-HXsEt[data-thumb="travel"] .ecl-thumbPart-jO4QS {
    transition: none;
  }
}

.ecl-steps-adKOs {
  gap: var(--space-2);
  min-width: var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-trigger-XW0Yr {
  align-self: flex-start;
  align-items: center;
  gap: var(--space-4);
  max-width: 100%;
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  text-align: start;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  display: inline-flex;
}

.ecl-trigger-XW0Yr[aria-expanded="true"] {
  color: var(--color-text-primary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-trigger-XW0Yr:hover:not(:disabled) {
    background: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-trigger-XW0Yr:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-trigger-XW0Yr:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-trigger-XW0Yr:active:not(:disabled) {
  background: var(--color-fill-neutral-active);
}

.ecl-detailsTrigger-uZYYq {
  padding: var(--space-2) var(--space-6);
  color: var(--color-text-tertiary);
  margin-inline-start: calc(var(--space-6) * -1);
}

.ecl-detailsTrigger-uZYYq[aria-expanded="true"] {
  color: var(--color-text-secondary);
}

.ecl-caret-NHTct {
  color: var(--color-text-tertiary);
  transition: transform var(--duration-fast) var(--easing-standard);
  flex: none;
}

.ecl-trigger-XW0Yr[aria-expanded="true"] .ecl-caret-NHTct {
  transform: rotate(90deg);
}

.ecl-panel-N6TiI {
  transition: grid-template-rows var(--duration-fast) var(--easing-exit);
  grid-template-rows: 0fr;
  display: grid;
}

.ecl-panel-N6TiI[data-open] {
  transition-duration: var(--duration-normal);
  transition-timing-function: var(--easing-entrance);
  grid-template-rows: 1fr;
}

.ecl-clip-Z7gs3 {
  min-height: var(--space-0);
  opacity: 0;
  transform: translateY(calc(var(--space-4) * -1));
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  overflow: hidden;
}

.ecl-panel-N6TiI[data-open] > .ecl-clip-Z7gs3 {
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  transform: none;
}

.ecl-list-N3d6f {
  margin: var(--space-0);
  padding: var(--space-4) var(--space-4) var(--space-4) var(--space-8);
  flex-direction: column;
  list-style: none;
  display: flex;
}

.ecl-step-OMpXC {
  gap: var(--space-8);
  min-width: var(--space-0);
  display: flex;
}

.ecl-rail-9ZZy- {
  align-items: center;
  gap: var(--space-4);
  width: var(--size-icon-sm);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ecl-mark-DUtC3 {
  height: 1lh;
  color: var(--color-text-tertiary);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ecl-dot-zxfDB {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background: currentColor;
}

.ecl-line-ti7NZ {
  width: var(--space-1);
  background: var(--color-border-subtle);
  flex: 1;
}

.ecl-step-OMpXC:last-child .ecl-line-ti7NZ {
  display: none;
}

.ecl-body-r53xF {
  align-items: flex-start;
  gap: var(--space-4);
  min-width: var(--space-0);
  overflow-wrap: anywhere;
  flex-direction: column;
  flex: 1;
  padding-block-end: var(--space-12);
  display: flex;
}

.ecl-step-OMpXC:last-child .ecl-body-r53xF {
  padding-block-end: var(--space-0);
}

.ecl-label-84j3d {
  color: var(--color-text-primary);
}

.ecl-description-qshJj {
  color: var(--color-text-tertiary);
}

.ecl-step-OMpXC[data-arrive] {
  animation: ecl-arrive-F8oxn var(--duration-normal) var(--easing-entrance) both;
  animation-delay: calc(var(--arrival-index, 0) * var(--motion-stagger-step));
}

@keyframes ecl-arrive-F8oxn {
  0% {
    opacity: 0;
    transform: translateY(var(--space-4));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.ecl-details-SzDK9 {
  min-width: var(--space-0);
  flex-direction: column;
  align-self: stretch;
  display: flex;
}

.ecl-lines-lbhoV {
  gap: var(--space-2);
  margin: var(--space-0);
  padding: var(--space-2) var(--space-0) var(--space-4);
  color: var(--color-text-tertiary);
  flex-direction: column;
  list-style: none;
  display: flex;
}

.ecl-sources-bHt2V {
  gap: var(--space-4);
  margin: var(--space-0);
  padding: var(--space-2) var(--space-0);
  flex-wrap: wrap;
  list-style: none;
  display: flex;
}

.ecl-source-df3he {
  min-width: var(--space-0);
  display: flex;
}

.ecl-source-df3he[data-arrive] {
  animation: ecl-chipIn-Qs7gt var(--duration-normal) var(--easing-entrance) both;
  animation-delay: calc(var(--arrival-index, 0) * var(--motion-stagger-step));
}

@keyframes ecl-chipIn-Qs7gt {
  0% {
    opacity: 0;
    transform: scale(.96);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.ecl-chip-RJAwl {
  max-width: 100%;
  overflow: hidden;
}

.ecl-sourceLink-I5XI- {
  border-radius: var(--radius-full);
  max-width: 100%;
  color: inherit;
  text-decoration: none;
  display: inline-flex;
}

.ecl-sourceLink-I5XI- .ecl-chip-RJAwl {
  transition: background-color var(--duration-fast) var(--easing-standard);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-sourceLink-I5XI-:hover .ecl-chip-RJAwl {
    --badge-tint: var(--color-fill-neutral-active);
  }
}

.ecl-sourceLink-I5XI-:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-image-MKTzd {
  --thinking-image-max: calc(var(--space-96) * 2);
  gap: var(--space-4);
  max-width: min(100%, var(--thinking-image-max));
  margin: var(--space-2) var(--space-0) var(--space-0);
  flex-direction: column;
  display: flex;
}

.ecl-frame-gPp2- {
  border-radius: var(--radius-lg);
  display: block;
  position: relative;
  overflow: hidden;
}

.ecl-frame-gPp2-:after {
  content: "";
  inset: var(--space-0);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
}

.ecl-picture-ycB2r {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.ecl-caption--tB5w {
  color: var(--color-text-tertiary);
}

.ecl-image-MKTzd[data-arrive] {
  animation: ecl-fadeIn-vb5z7 var(--duration-normal) var(--easing-entrance) both;
  animation-delay: calc(var(--arrival-index, 0) * var(--motion-stagger-step));
}

@keyframes ecl-fadeIn-vb5z7 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-caret-NHTct, .ecl-panel-N6TiI {
    transition: none;
  }

  .ecl-clip-Z7gs3, .ecl-panel-N6TiI[data-open] > .ecl-clip-Z7gs3 {
    transform: none;
  }

  .ecl-step-OMpXC[data-arrive], .ecl-source-df3he[data-arrive] {
    animation-name: ecl-fadeIn-vb5z7;
  }
}

.ecl-viewport-nzQX- {
  --toast-shift-x: var(--space-16);
  --toast-shift-y: var(--space-0);
  right: var(--space-16);
  bottom: var(--space-16);
  z-index: var(--z-toast);
  gap: var(--space-8);
  width: min(380px, calc(100vw - var(--space-32)));
  max-height: 100vh;
  padding: var(--space-0);
  margin: var(--space-0);
  pointer-events: none;
  outline: none;
  flex-direction: column;
  list-style: none;
  display: flex;
  position: fixed;
}

@media (max-width: 767px) {
  .ecl-viewport-nzQX- {
    bottom: var(--shell-bar-reach, var(--space-16));
  }
}

html[data-toast-position="top-left"] .ecl-viewport-nzQX-, html[data-toast-position="bottom-left"] .ecl-viewport-nzQX- {
  --toast-shift-x: calc(var(--space-16) * -1);
  right: auto;
  left: var(--space-16);
}

html[data-toast-position="top-left"] .ecl-viewport-nzQX-, html[data-toast-position="top-right"] .ecl-viewport-nzQX-, html[data-toast-position="top"] .ecl-viewport-nzQX- {
  top: var(--space-16);
  bottom: auto;
}

html[data-toast-position="top"] .ecl-viewport-nzQX- {
  --toast-shift-x: var(--space-0);
  --toast-shift-y: calc(var(--space-16) * -1);
  right: var(--space-0);
  left: var(--space-0);
  margin-inline: auto;
}

.ecl-toast-VzLw4 {
  align-items: start;
  gap: var(--space-12);
  padding: var(--space-12) var(--space-16);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-xl);
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  pointer-events: auto;
  grid-template-columns: auto 1fr auto auto;
  display: grid;
}

.ecl-toast-VzLw4[data-state="open"] {
  animation: ecl-toastIn-mR4fU var(--duration-normal) var(--easing-entrance);
}

.ecl-toast-VzLw4[data-state="closed"] {
  pointer-events: none;
  animation: ecl-toastOut-IKmuC var(--duration-fast) var(--easing-exit);
}

.ecl-toast-VzLw4[data-state="closed"][data-swipe="end"] {
  animation: ecl-toastSwipeOut-INa0w var(--duration-fast) var(--easing-exit);
}

.ecl-toast-VzLw4[data-swipe="move"] {
  transform: translateX(var(--radix-toast-swipe-move-x));
  transition: none;
}

html[data-toast-position="top"] .ecl-toast-VzLw4[data-swipe="move"] {
  transform: translateY(var(--radix-toast-swipe-move-y));
}

.ecl-toast-VzLw4[data-swipe="cancel"] {
  transform: translate(var(--space-0), var(--space-0));
  transition: transform var(--duration-fast) var(--easing-standard);
}

.ecl-mark-1wA6K {
  color: var(--color-text-tertiary);
  grid-row: 1;
}

.ecl-success-cuSIT .ecl-mark-1wA6K {
  color: var(--color-text-success);
}

.ecl-danger-t33Ra .ecl-mark-1wA6K {
  color: var(--color-text-danger);
}

.ecl-keys-8a4JT {
  align-self: center;
  gap: var(--space-4);
  grid-row: 1;
  display: inline-flex;
}

.ecl-keys-8a4JT[data-repeat] {
  animation: ecl-keyPress-kdN3C var(--duration-fast) var(--easing-standard);
}

.ecl-text-tS4yo {
  gap: var(--space-2);
  min-width: var(--space-0);
  flex-direction: column;
  grid-row: 1;
  display: flex;
}

.ecl-source-zHWx4 {
  color: var(--color-text-secondary);
}

.ecl-title-LNlPc {
  color: var(--color-text-primary);
}

.ecl-description-45iGU {
  color: var(--color-text-secondary);
}

.ecl-action-xL7Nd {
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-accent);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  grid-row: 1;
  align-self: center;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-action-xL7Nd:hover {
    background-color: var(--color-fill-accent-subtle);
  }
}

.ecl-action-xL7Nd:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-close-mAwpu {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  padding: var(--space-0);
  border-radius: var(--radius-md);
  color: var(--color-text-tertiary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    background-color var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: none;
  grid-row: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-close-mAwpu:hover {
    background-color: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-close-mAwpu:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

@keyframes ecl-toastIn-mR4fU {
  0% {
    opacity: 0;
    transform: translate(var(--toast-shift-x), var(--toast-shift-y));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-toastOut-IKmuC {
  0% {
    opacity: 1;
    transform: none;
  }

  100% {
    opacity: 0;
    transform: translate(var(--toast-shift-x), var(--toast-shift-y));
  }
}

@keyframes ecl-toastSwipeOut-INa0w {
  0% {
    opacity: 1;
    transform: translate(var(--radix-toast-swipe-end-x),
      var(--radix-toast-swipe-end-y));
  }

  100% {
    opacity: 0;
    transform: translate(var(--radix-toast-swipe-end-x),
      var(--radix-toast-swipe-end-y));
  }
}

@keyframes ecl-keyPress-kdN3C {
  0% {
    transform: scale(.96);
  }

  100% {
    transform: none;
  }
}

@keyframes ecl-toastFadeIn-e4CNW {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-toastFadeOut-GXrj6 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-toast-VzLw4[data-state="open"] {
    animation: ecl-toastFadeIn-e4CNW var(--duration-normal) var(--easing-standard);
  }

  .ecl-toast-VzLw4[data-state="closed"] {
    animation: ecl-toastFadeOut-GXrj6 var(--duration-fast) var(--easing-standard);
  }

  .ecl-toast-VzLw4[data-swipe="cancel"] {
    transition: none;
  }

  .ecl-keys-8a4JT[data-repeat] {
    animation: none;
  }
}

.ecl-card-k47LY.ecl-card-k47LY {
  width: min(var(--layout-form), var(--radix-popover-content-available-width));
  max-width: min(var(--layout-form),
    var(--radix-popover-content-available-width));
}

.ecl-trigger-JaTNq[data-state="open"] {
  background-color: var(--color-fill-neutral-active);
  color: var(--color-text-accent);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-trigger-JaTNq[data-state="open"]:hover:not(:disabled) {
    background-color: var(--color-fill-neutral-active);
    color: var(--color-text-accent);
  }
}

.ecl-trigger-JaTNq[data-active] {
  position: relative;
}

.ecl-trigger-JaTNq[data-active]:after {
  content: "";
  top: var(--space-4);
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent);
  position: absolute;
  inset-inline-end: var(--space-4);
}

.ecl-count-FhoLJ {
  min-width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  padding-inline: var(--space-4);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-footer-m77m2 {
  justify-content: flex-end;
  gap: var(--space-8);
  padding-block-start: var(--space-4);
  display: flex;
}

.ecl-alert-o96pK {
  align-items: flex-start;
  gap: var(--space-8);
  background: var(--alert-fill);
  color: var(--color-text-primary);
  display: flex;
}

.ecl-alert-o96pK[data-kind="inline"] {
  padding: var(--space-12);
  border-radius: var(--radius-lg);
}

.ecl-alert-o96pK[data-kind="banner"] {
  padding: var(--space-4) var(--space-16);
  border-bottom: var(--space-1) solid var(--color-border-subtle);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.ecl-alert-o96pK[data-tone="neutral"] {
  --alert-fill: var(--color-fill-neutral);
}

.ecl-alert-o96pK[data-tone="info"] {
  --alert-fill: var(--color-fill-accent-subtle);
}

.ecl-alert-o96pK[data-tone="success"] {
  --alert-fill: var(--color-fill-success-subtle);
}

.ecl-alert-o96pK[data-tone="warning"] {
  --alert-fill: var(--color-fill-warning-subtle);
}

.ecl-alert-o96pK[data-tone="danger"] {
  --alert-fill: var(--color-fill-danger-subtle);
}

.ecl-alert-o96pK[data-kind="banner"][data-tone="info"] {
  color: var(--color-text-accent);
  border-color: var(--color-border-accent);
}

.ecl-alert-o96pK[data-kind="banner"][data-tone="success"] {
  color: var(--color-text-success);
  border-color: var(--color-border-success);
}

.ecl-alert-o96pK[data-kind="banner"][data-tone="warning"] {
  color: var(--color-text-warning);
  border-color: var(--color-border-warning);
}

.ecl-alert-o96pK[data-kind="banner"][data-tone="danger"] {
  color: var(--color-text-danger);
  border-color: var(--color-border-danger);
}

.ecl-icon-B-Atd {
  color: var(--color-text-secondary);
  flex: none;
}

.ecl-alert-o96pK[data-kind="inline"] .ecl-icon-B-Atd {
  margin-block-start: var(--space-2);
}

.ecl-alert-o96pK[data-tone="info"] .ecl-icon-B-Atd {
  color: var(--color-text-accent);
}

.ecl-alert-o96pK[data-tone="success"] .ecl-icon-B-Atd {
  color: var(--color-text-success);
}

.ecl-alert-o96pK[data-tone="warning"] .ecl-icon-B-Atd {
  color: var(--color-text-warning);
}

.ecl-alert-o96pK[data-tone="danger"] .ecl-icon-B-Atd {
  color: var(--color-text-danger);
}

.ecl-content-0DIUX {
  gap: var(--space-4);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ecl-alert-o96pK[data-kind="banner"] .ecl-content-0DIUX {
  align-items: center;
  gap: var(--space-8);
  flex-flow: wrap;
  flex: none;
}

.ecl-title-lurd1 {
  color: inherit;
  margin: 0;
}

.ecl-action-oKFbk {
  align-items: center;
  gap: var(--space-8);
  flex: none;
  display: flex;
}

.ecl-alert-o96pK[data-empty="true"] {
  background: none;
  border: none;
  gap: 0;
  padding: 0;
}

.ecl-dismiss-5jnj4 {
  margin-block: calc(var(--space-4) * -1);
  color: var(--color-text-secondary);
  flex: none;
  margin-inline-end: calc(var(--space-4) * -1);
  display: flex;
}

.ecl-alert-o96pK[data-kind="banner"][data-closable] {
  padding-inline-end: calc(var(--size-control-sm) + var(--space-16));
  position: relative;
}

.ecl-alert-o96pK[data-kind="banner"] > .ecl-dismiss-5jnj4 {
  inset-block: var(--space-0);
  margin: var(--space-0);
  align-items: center;
  position: absolute;
  inset-inline-end: var(--space-8);
}

.ecl-alert-o96pK[data-arranged] {
  container: alert / inline-size;
}

.ecl-alert-o96pK[data-kind="inline"][data-arranged] {
  grid-template-columns: auto minmax(var(--space-0), 1fr) auto auto;
  gap: var(--space-8);
  display: grid;
}

.ecl-alert-o96pK[data-kind="inline"][data-arranged] > .ecl-icon-B-Atd {
  grid-area: 1 / 1;
}

.ecl-alert-o96pK[data-kind="inline"][data-arranged] > .ecl-content-0DIUX {
  grid-area: 1 / 2;
}

.ecl-alert-o96pK[data-kind="inline"][data-arranged] > .ecl-action-oKFbk {
  flex-wrap: wrap;
  grid-area: 1 / 3;
}

.ecl-alert-o96pK[data-kind="inline"][data-arranged] > .ecl-dismiss-5jnj4 {
  grid-area: 1 / 4;
}

.ecl-alert-o96pK[data-kind="inline"][data-stacked] > .ecl-action-oKFbk {
  grid-area: 2 / 2 / auto / 4;
}

@container alert not (min-width: 24rem) {
  .ecl-alert-o96pK[data-kind="inline"][data-arranged] > .ecl-action-oKFbk {
    grid-area: 2 / 2 / auto / 4;
  }
}

.ecl-alert-o96pK[data-sticky] {
  background-color: var(--alert-ground, var(--color-surface-content));
  background-image: linear-gradient(var(--alert-fill), var(--alert-fill));
}

.ecl-presence-bkObd {
  transition: grid-template-rows var(--duration-normal) var(--easing-exit);
  grid-template-rows: 0fr;
  margin-block-end: calc(var(--alert-gap, var(--space-0)) * -1);
  display: grid;
}

.ecl-presence-bkObd[data-open] {
  transition-timing-function: var(--easing-entrance);
  grid-template-rows: 1fr;
}

.ecl-presence-bkObd[data-sticky] {
  z-index: var(--z-sticky);
  position: sticky;
  inset-block-start: var(--space-0);
}

.ecl-clip-iyaCV {
  min-height: var(--space-0);
  overflow: clip;
}

.ecl-clip-iyaCV:after {
  content: "";
  block-size: var(--alert-gap, var(--space-0));
  display: block;
}

.ecl-presence-bkObd[data-phase="open"] > .ecl-clip-iyaCV {
  overflow: visible;
}

.ecl-presence-bkObd > .ecl-clip-iyaCV > .ecl-alert-o96pK {
  opacity: 0;
  transform-origin: top;
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  transform: scale(.96);
}

.ecl-presence-bkObd[data-open] > .ecl-clip-iyaCV > .ecl-alert-o96pK {
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance) var(--duration-fast),
    transform var(--duration-normal) var(--easing-entrance) var(--duration-fast);
  transform: none;
}

.ecl-standing-OmL-5 {
  display: contents;
}

.ecl-presence-bkObd[data-phase="leaving"] {
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-presence-bkObd {
    transition: none;
  }

  .ecl-presence-bkObd > .ecl-clip-iyaCV > .ecl-alert-o96pK, .ecl-presence-bkObd[data-open] > .ecl-clip-iyaCV > .ecl-alert-o96pK {
    transform: none;
  }
}

.ecl-player-qE5Yg {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  display: flex;
}

.ecl-player-qE5Yg[data-size="md"] {
  gap: var(--space-12);
}

.ecl-track-KHE-B {
  min-width: var(--space-48);
  height: var(--size-control-xs);
  border-radius: var(--radius-sm);
  cursor: pointer;
  touch-action: none;
  flex: 1;
  position: relative;
}

.ecl-track-KHE-B[aria-disabled="true"] {
  cursor: default;
}

.ecl-track-KHE-B:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-player-qE5Yg[data-size="md"] .ecl-track-KHE-B {
  height: var(--size-control-md);
}

.ecl-bars-QsUvH {
  inset: var(--space-0);
  align-items: center;
  gap: var(--space-2);
  pointer-events: none;
  display: flex;
  position: absolute;
}

.ecl-rest-pbcDu {
  color: var(--color-border-strong);
  transition: color var(--duration-fast) var(--easing-standard);
}

.ecl-played-Q-2fb {
  color: var(--color-text-accent);
  clip-path: inset(var(--space-0) calc((1 - var(--audio-progress, 0)) * 100%) var(--space-0)
      var(--space-0));
}

.ecl-played-Q-2fb:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  clip-path: inset(var(--space-0) var(--space-0) var(--space-0)
      calc((1 - var(--audio-progress, 0)) * 100%));
}

@media (hover: hover) and (pointer: fine) {
  .ecl-track-KHE-B:not([aria-disabled="true"]):hover .ecl-rest-pbcDu {
    color: var(--color-text-tertiary);
  }
}

.ecl-bar-Jc0F3 {
  flex: 1 1 var(--space-0);
  min-width: var(--space-1);
  max-width: var(--space-4);
  height: calc(var(--audio-bar, 0) * 100%);
  border-radius: var(--radius-full);
  background-color: currentColor;
}

.ecl-rail-godph {
  inset-block-start: 50%;
  inset-inline: var(--space-0);
  height: var(--space-4);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-neutral-active);
  pointer-events: none;
  margin-block-start: calc(var(--space-2) * -1);
  position: absolute;
  overflow: hidden;
}

.ecl-railFill-C0clv {
  inset: var(--space-0);
  background-color: var(--color-text-accent);
  transform: scaleX(var(--audio-progress, 0));
  transform-origin: 0;
  position: absolute;
}

.ecl-railFill-C0clv:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  transform-origin: 100%;
}

.ecl-time-MQAJy {
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  flex: none;
}

.ecl-error-ctz5q {
  color: var(--color-text-danger);
  flex: none;
}

.ecl-rate-H-A17 {
  min-width: var(--space-32);
  font-variant-numeric: tabular-nums;
  flex: none;
}

.ecl-player-qE5Yg[data-failed] .ecl-bars-QsUvH, .ecl-player-qE5Yg[data-failed] .ecl-rail-godph {
  opacity: .4;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-rest-pbcDu {
    transition: none;
  }
}

.ecl-strip-xXXJg {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  animation: ecl-stripIn-p7VjW var(--duration-normal) var(--easing-entrance) both;
  flex: 1;
  display: flex;
}

.ecl-live-QdiiV {
  width: var(--space-8);
  height: var(--space-8);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-danger);
  animation: ecl-liveBreath-HtZ-A var(--motion-ambient-breath) var(--easing-standard)
    infinite alternate;
  flex: none;
}

.ecl-elapsed-IN8sV {
  min-width: var(--space-40);
  color: var(--color-text-primary);
  font-variant-numeric: tabular-nums;
  flex: none;
}

.ecl-levels-L8Jat {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2);
  min-width: var(--space-0);
  height: var(--size-control-xs);
  flex: 1;
  display: flex;
  overflow: hidden;
}

.ecl-level--lBW4 {
  width: var(--space-2);
  border-radius: var(--radius-full);
  background-color: var(--color-text-accent);
  height: 100%;
  transform: scaleY(var(--voice-level, 0));
  transition: transform var(--duration-fast) var(--easing-standard);
  flex: none;
}

.ecl-player-rlFFw {
  min-width: var(--space-0);
  flex: 1;
}

.ecl-refusedGlyph-zuBj1 {
  color: var(--color-text-danger);
  flex: none;
}

.ecl-refusedText-nVvYG {
  min-width: var(--space-0);
  color: var(--color-text-primary);
  flex: 1;
}

@keyframes ecl-stripIn-p7VjW {
  0% {
    opacity: 0;
    transform: translateX(var(--space-8));
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ecl-stripFade-l9G-j {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-liveBreath-HtZ-A {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-strip-xXXJg {
    animation-name: ecl-stripFade-l9G-j;
  }

  .ecl-live-QdiiV {
    animation: none;
  }

  .ecl-level--lBW4 {
    transition: none;
  }
}

.ecl-tile-IHw3l {
  aspect-ratio: 1;
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  width: 100%;
  animation: ecl-attachmentIn-mNN6H var(--duration-normal) var(--easing-entrance) both;
  display: block;
  position: relative;
  overflow: hidden;
}

.ecl-picture-E0leb {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ecl-tile-IHw3l:after {
  content: "";
  inset: var(--space-0);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
}

.ecl-blank-xwEiO {
  inset: var(--space-0);
  justify-content: center;
  align-items: center;
  gap: var(--space-6);
  padding: var(--space-8);
  color: var(--color-text-secondary);
  flex-direction: column;
  display: flex;
  position: absolute;
}

.ecl-blankName-MHJhz {
  max-width: 100%;
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-playMark-IMpE6 {
  width: var(--size-control-md);
  height: var(--size-control-md);
  margin: calc(var(--size-control-md) / -2);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-scrim);
  color: var(--color-text-on-accent);
  pointer-events: none;
  place-items: center;
  display: grid;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
}

.ecl-duration-kc-d2 {
  padding-inline: var(--space-4);
  border-radius: var(--radius-sm);
  background-color: var(--color-fill-scrim);
  color: var(--color-text-on-accent);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  position: absolute;
  inset-block-end: var(--space-6);
  inset-inline-start: var(--space-6);
}

.ecl-open-u6-rm {
  inset: var(--space-0);
  padding: var(--space-0);
  border-radius: inherit;
  cursor: zoom-in;
  transition: background-color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-open-u6-rm:hover {
    background-color: var(--color-fill-neutral-hover);
  }
}

.ecl-open-u6-rm:active {
  background-color: var(--color-fill-neutral-active);
}

.ecl-open-u6-rm:focus-visible {
  box-shadow: inset var(--glow-focus);
  outline: none;
}

.ecl-veil-ZZBFG {
  inset: var(--space-0);
  justify-content: center;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-8);
  background-color: var(--color-fill-scrim);
  color: var(--color-text-on-accent);
  text-align: center;
  animation: ecl-attachmentFade-KqrIF var(--duration-fast) var(--easing-standard) both;
  flex-direction: column;
  display: flex;
  position: absolute;
}

.ecl-veilText-e08pE {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ecl-failedGlyph-NDUgz {
  color: var(--color-text-on-accent);
}

.ecl-corner-cZCjw {
  gap: var(--space-2);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-raised);
  display: inline-flex;
  position: absolute;
  inset-block-start: var(--space-4);
  inset-inline-end: var(--space-4);
}

.ecl-row-cxhA5 {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-neutral);
  animation: ecl-attachmentIn-mNN6H var(--duration-normal) var(--easing-entrance) both;
  padding-inline-end: var(--space-8);
  display: flex;
  position: relative;
  overflow: hidden;
}

.ecl-mark-WwWwM {
  width: var(--size-control-lg);
  height: var(--size-control-lg);
  border-radius: var(--radius-md);
  background-color: var(--color-fill-neutral-hover);
  color: var(--color-text-secondary);
  flex: none;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.ecl-row-cxhA5[data-size="sm"] .ecl-mark-WwWwM {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
}

.ecl-row-cxhA5[data-kind="voice"] .ecl-mark-WwWwM, .ecl-row-cxhA5[data-kind="audio"] .ecl-mark-WwWwM {
  background-color: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

.ecl-row-cxhA5[data-state="failed"] .ecl-mark-WwWwM {
  background-color: var(--color-fill-danger-subtle);
  color: var(--color-text-danger);
}

.ecl-body-4HQV8 {
  gap: var(--space-2);
  min-width: var(--space-0);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ecl-name-9gQu0, .ecl-nameButton-zFPVZ {
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-nameButton-zFPVZ {
  max-width: 100%;
  padding: var(--space-0);
  border-radius: var(--radius-sm);
  text-align: start;
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-nameButton-zFPVZ:hover {
    color: var(--color-text-accent);
  }
}

.ecl-nameButton-zFPVZ:active {
  color: var(--color-text-accent);
}

.ecl-nameButton-zFPVZ:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-meta-xcI9v {
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-errorText-K9e-V {
  color: var(--color-text-danger);
}

.ecl-actions-Q50Pp {
  align-items: center;
  gap: var(--space-2);
  flex: none;
  display: inline-flex;
}

.ecl-download-tEOz1 {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  place-items: center;
  display: grid;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-download-tEOz1:hover {
    background-color: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-download-tEOz1:active {
  background-color: var(--color-fill-neutral-active);
  transform: scale(.96);
}

.ecl-download-tEOz1:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-progress-WKJfE {
  inset-block-end: var(--space-0);
  inset-inline: var(--space-0);
  height: var(--space-2);
  background-color: var(--color-fill-neutral-active);
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.ecl-progress-WKJfE:not([data-known]) {
  display: none;
}

.ecl-progressFill-nOLHQ {
  inset: var(--space-0);
  background-color: var(--color-fill-progress);
  transform: scaleX(var(--attachment-progress, 0));
  transform-origin: 0;
  transition: transform var(--duration-normal) var(--easing-standard);
  position: absolute;
}

.ecl-progressFill-nOLHQ:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  transform-origin: 100%;
}

.ecl-tile-IHw3l[data-leaving], .ecl-row-cxhA5[data-leaving] {
  pointer-events: none;
  animation: ecl-attachmentOut-lQgJc var(--duration-fast) var(--easing-exit) both;
}

@keyframes ecl-attachmentOut-lQgJc {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.96);
  }
}

@keyframes ecl-attachmentFadeOut-kOBPl {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ecl-attachmentIn-mNN6H {
  0% {
    opacity: 0;
    transform: scale(.96);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ecl-attachmentFade-KqrIF {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-tile-IHw3l, .ecl-row-cxhA5 {
    animation-name: ecl-attachmentFade-KqrIF;
  }

  .ecl-tile-IHw3l[data-leaving], .ecl-row-cxhA5[data-leaving] {
    animation-name: ecl-attachmentFadeOut-kOBPl;
  }

  .ecl-open-u6-rm, .ecl-nameButton-zFPVZ, .ecl-download-tEOz1, .ecl-progressFill-nOLHQ {
    transition: none;
  }

  .ecl-download-tEOz1:active {
    transform: none;
  }
}

.ecl-group-hZGSC {
  --attachment-cell: calc(var(--space-64) * 2);
  gap: var(--space-8);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-group-hZGSC[data-size="sm"] {
  --attachment-cell: var(--space-80);
}

.ecl-grid-PpJC6, .ecl-rows-VICnI {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ecl-grid-PpJC6 {
  grid-template-columns: repeat(auto-fill, var(--attachment-cell));
  gap: var(--space-8);
  display: grid;
}

.ecl-rows-VICnI {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.ecl-group-hZGSC[data-size="sm"] .ecl-rows-VICnI {
  gap: var(--space-8);
  flex-flow: wrap;
}

.ecl-item-dQ2c2 {
  min-width: 0;
}

.ecl-group-hZGSC[data-size="sm"] .ecl-rows-VICnI > .ecl-item-dQ2c2 {
  max-width: min(100%, calc(var(--space-96) * 3));
}

.ecl-group-hZGSC[data-align="end"] .ecl-grid-PpJC6 {
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}

.ecl-group-hZGSC[data-align="end"] .ecl-grid-PpJC6 > .ecl-item-dQ2c2 {
  width: var(--attachment-cell);
  flex: none;
}

.ecl-group-hZGSC[data-align="end"]:not([data-size="sm"]) .ecl-rows-VICnI {
  align-items: flex-end;
}

.ecl-group-hZGSC[data-align="end"]:not([data-size="sm"]) .ecl-rows-VICnI > .ecl-item-dQ2c2 {
  max-width: 100%;
}

.ecl-group-hZGSC[data-align="end"][data-size="sm"] .ecl-rows-VICnI {
  justify-content: flex-end;
}

.ecl-swap-H5rAa {
  flex: none;
  place-items: center;
  display: inline-grid;
}

.ecl-glyph-cxpia {
  transition: opacity var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
  grid-area: 1 / 1;
  display: inline-flex;
}

.ecl-glyph-cxpia[data-shown="false"] {
  opacity: 0;
  transition-duration: calc(var(--duration-fast) * .75);
  transition-timing-function: var(--easing-exit);
  transform: scale(.6);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-glyph-cxpia, .ecl-glyph-cxpia[data-shown="false"] {
    transition-property: opacity;
    transform: none;
  }
}

.ecl-region-Yum15 {
  margin-inline: calc(var(--space-4) * -1);
  transition: grid-template-rows var(--duration-fast) var(--easing-exit);
  grid-template-rows: 0fr;
  display: grid;
  position: relative;
}

.ecl-region-Yum15[data-open] {
  transition: grid-template-rows var(--duration-normal) var(--easing-entrance);
  grid-template-rows: 1fr;
}

.ecl-flush-9MiMa {
  margin-block: calc(var(--space-4) * -1);
}

.ecl-clip-G--ek {
  min-height: var(--space-0);
  overflow: clip;
}

.ecl-content-gEkv0 {
  padding: var(--space-4);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-region-Yum15, .ecl-region-Yum15[data-open] {
    transition: none;
  }
}

.ecl-list-wmyZi {
  gap: var(--space-4);
}

.ecl-row-wpZj3 {
  align-items: center;
  gap: var(--space-2);
  min-width: var(--space-0);
  min-height: var(--size-control-md);
  padding-inline: var(--space-2);
  border-radius: var(--radius-md);
  background-color: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  animation: ecl-queueIn-NsSRE var(--duration-normal) var(--easing-entrance) both;
  flex: 1;
  display: flex;
}

.ecl-body-EVzJx {
  align-items: center;
  gap: var(--space-6);
  min-width: var(--space-0);
  min-height: var(--size-control-sm);
  padding: var(--space-0) var(--space-4);
  border-radius: var(--radius-sm);
  color: inherit;
  text-align: start;
  transition: color var(--duration-fast) var(--easing-standard);
  background-color: #0000;
  border: none;
  flex: 1;
  display: flex;
}

.ecl-action-l-4PJ {
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-action-l-4PJ:hover {
    color: var(--color-text-primary);
  }
}

.ecl-action-l-4PJ:active {
  color: var(--color-text-primary);
}

.ecl-body-EVzJx:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-text-c9DKn {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-files-1ZwZr {
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  flex: none;
  display: inline-flex;
}

.ecl-remove-yW-gg {
  transition: opacity var(--duration-fast) var(--easing-standard);
  flex: none;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-remove-yW-gg {
    opacity: 0;
  }

  .ecl-row-wpZj3:hover .ecl-remove-yW-gg, .ecl-row-wpZj3:focus-within .ecl-remove-yW-gg {
    opacity: 1;
  }
}

.ecl-row-wpZj3[data-leaving] {
  pointer-events: none;
  animation: ecl-queueOut-VkR23 var(--duration-fast) var(--easing-exit) both;
}

@keyframes ecl-queueIn-NsSRE {
  0% {
    opacity: 0;
    transform: scale(.97);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ecl-queueOut-VkR23 {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(.97);
  }
}

@keyframes ecl-queueFadeIn-o9vcm {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-queueFadeOut-kdJde {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-row-wpZj3 {
    animation-name: ecl-queueFadeIn-o9vcm;
  }

  .ecl-row-wpZj3[data-leaving] {
    animation-name: ecl-queueFadeOut-kdJde;
  }
}

.ecl-stack-N56HM {
  --queue-peek: var(--space-8);
  --queue-pitch: calc(var(--size-control-md) + var(--space-4));
}

.ecl-pile-fnPlf {
  transform-origin: bottom;
  transition: opacity var(--duration-normal) var(--easing-entrance);
  padding-block-start: calc(var(--queue-peek) * 2);
  display: grid;
}

.ecl-card-qM2LE {
  align-items: center;
  gap: var(--space-2);
  min-width: var(--space-0);
  min-height: var(--size-control-md);
  padding-inline: var(--space-2);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
  color: var(--color-text-secondary);
  transform: translateY(calc(var(--queue-depth) * var(--queue-peek) * -1))
    scale(calc(1 - var(--queue-depth) * .05));
  transform-origin: bottom;
  transition: transform var(--duration-normal) var(--easing-spring),
    opacity var(--duration-fast) var(--easing-exit);
  animation: ecl-queueIn-NsSRE var(--duration-normal) var(--easing-entrance) backwards;
  grid-area: 1 / 1;
  display: flex;
}

.ecl-card-qM2LE[data-leaving] {
  opacity: 0;
}

.ecl-cardGrip-Uwvas {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  color: var(--color-text-tertiary);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-cardBody-r29rJ {
  align-items: center;
  gap: var(--space-6);
  min-width: var(--space-0);
  padding: var(--space-0) var(--space-4);
  flex: 1;
  display: flex;
}

.ecl-more-utH1l {
  padding-inline: var(--space-4);
  color: var(--color-text-tertiary);
  font-variant-numeric: tabular-nums;
  flex: none;
}

.ecl-pile-fnPlf[data-pulse="odd"] {
  animation: ecl-pilePressOdd-eJPeX calc(var(--duration-fast) * 2) var(--easing-standard);
}

.ecl-pile-fnPlf[data-pulse="even"] {
  animation: ecl-pilePressEven-7yn1s calc(var(--duration-fast) * 2) var(--easing-standard);
}

.ecl-overlay-mAfs7 {
  z-index: var(--z-dropdown);
  inset-inline: var(--space-4);
  bottom: var(--space-4);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-fast) var(--easing-exit);
  position: absolute;
}

.ecl-stack-N56HM .ecl-row-wpZj3 {
  background-color: var(--color-surface-raised);
  box-shadow: var(--shadow-raised);
  transform-origin: bottom;
}

.ecl-stack-N56HM:focus-within .ecl-overlay-mAfs7 {
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--duration-normal) var(--easing-entrance);
}

.ecl-stack-N56HM:focus-within .ecl-pile-fnPlf {
  opacity: 0;
  transition: opacity var(--duration-fast) var(--easing-exit);
}

.ecl-stack-N56HM:focus-within .ecl-row-wpZj3[data-fan]:not([data-leaving]) {
  animation: ecl-queueIn-NsSRE var(--duration-normal) var(--easing-entrance) both,
    ecl-queueFan-MS-g8 var(--duration-normal) var(--easing-spring) both;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-stack-N56HM:hover .ecl-overlay-mAfs7 {
    opacity: 1;
    pointer-events: auto;
    transition: opacity var(--duration-normal) var(--easing-entrance);
  }

  .ecl-stack-N56HM:hover .ecl-pile-fnPlf {
    opacity: 0;
    transition: opacity var(--duration-fast) var(--easing-exit);
  }

  .ecl-stack-N56HM:hover .ecl-row-wpZj3[data-fan]:not([data-leaving]) {
    animation: ecl-queueIn-NsSRE var(--duration-normal) var(--easing-entrance) both,
      ecl-queueFan-MS-g8 var(--duration-normal) var(--easing-spring) both;
  }
}

@keyframes ecl-queueFan-MS-g8 {
  0% {
    opacity: clamp(0, 3 - var(--queue-depth), 1);
    transform: translateY(calc(var(--queue-depth) * var(--queue-pitch) - min(var(--queue-depth), 2) *
            var(--queue-peek)))
      scale(calc(1 - min(var(--queue-depth), 2) * .05));
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes ecl-pilePressOdd-eJPeX {
  50% {
    transform: scale(.96);
  }
}

@keyframes ecl-pilePressEven-7yn1s {
  50% {
    transform: scale(.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-card-qM2LE {
    transition: opacity var(--duration-fast) var(--easing-exit);
    animation-name: ecl-queueFadeIn-o9vcm;
  }

  .ecl-pile-fnPlf[data-pulse="odd"], .ecl-pile-fnPlf[data-pulse="even"] {
    animation: none;
  }

  .ecl-stack-N56HM:focus-within .ecl-row-wpZj3[data-fan]:not([data-leaving]) {
    animation: ecl-queueFadeIn-o9vcm var(--duration-normal) var(--easing-entrance) both;
  }
}

@media (prefers-reduced-motion: reduce) and (hover: hover) and (pointer: fine) {
  .ecl-stack-N56HM:hover .ecl-row-wpZj3[data-fan]:not([data-leaving]) {
    animation: ecl-queueFadeIn-o9vcm var(--duration-normal) var(--easing-entrance) both;
  }
}

.ecl-composer-peQ9h {
  gap: var(--space-8);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ecl-bar-1F6sP {
  align-items: flex-end;
  gap: var(--space-8);
  display: flex;
}

.ecl-fieldWrap-h5mtW {
  grid-template-columns: minmax(var(--space-0), 1fr);
  flex: 1;
  min-width: 0;
  display: grid;
  position: relative;
}

.ecl-field-jtzZm {
  flex: 1;
  min-width: 0;
}

.ecl-ghost-9H67e {
  inset: var(--space-0);
  border: var(--space-0) solid transparent;
  color: var(--color-text-placeholder);
  white-space: pre-wrap;
  overflow-wrap: break-word;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}

.ecl-ghostTyped-5xdbG {
  visibility: hidden;
}

.ecl-ghostCap-6f3Ct {
  vertical-align: top;
  margin-inline-start: var(--space-6);
}

.ecl-words-uOkEo {
  display: inline-grid;
}

.ecl-word-4Yoo9 {
  visibility: hidden;
  grid-area: 1 / 1;
}

.ecl-word-4Yoo9[data-shown] {
  visibility: visible;
}

.ecl-suggestions-lpZdH {
  --fluid-radius: var(--radius-md);
  margin: var(--space-0);
  padding: var(--space-0);
  flex-direction: column;
  list-style: none;
  display: flex;
  position: relative;
}

.ecl-suggestion-nF-yh {
  min-width: var(--space-0);
  min-height: var(--size-control-md);
  padding-inline: var(--space-12);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: color var(--duration-fast) var(--easing-standard);
  align-items: center;
  display: flex;
  position: relative;
}

.ecl-suggestion-nF-yh[aria-selected="true"], .ecl-suggestion-nF-yh[data-fluid-lit] {
  color: var(--color-text-primary);
}

.ecl-suggestionText-CXKtv {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-field-jtzZm[data-auto-resize] {
  max-height: var(--message-composer-max-height, 15rem);
  overflow-y: auto;
}

.ecl-hint-eaD9p {
  color: var(--color-text-tertiary);
  margin: 0;
}

.ecl-compact-vQhML .ecl-bar-1F6sP {
  min-height: var(--size-control-lg);
  padding: var(--space-4) var(--space-8);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  background-color: var(--color-fill-raised-subtle);
  cursor: text;
  transition: border-color var(--duration-fast) var(--easing-standard);
  align-items: center;
}

.ecl-compact-vQhML .ecl-bar-1F6sP:focus-within {
  border-color: var(--color-border-default);
}

.ecl-composer-peQ9h.ecl-compact-vQhML .ecl-field-jtzZm, .ecl-composer-peQ9h.ecl-compact-vQhML .ecl-field-jtzZm:hover, .ecl-composer-peQ9h.ecl-compact-vQhML .ecl-field-jtzZm:focus-visible {
  min-height: 0;
  padding: var(--space-2) 0;
  resize: none;
  background-color: #0000;
}

.ecl-compact-vQhML:not(:focus-within) .ecl-hint-eaD9p {
  width: var(--space-1);
  height: var(--space-1);
  margin: calc(var(--space-1) * -1);
  clip-path: inset(50%);
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
}

.ecl-hintOver-oFZD8 {
  color: var(--color-text-danger);
}

.ecl-drop-faQv4 {
  inset: calc(var(--space-4) * -1);
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
  border-radius: var(--radius-xl);
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-popover);
  color: var(--color-text-primary);
  pointer-events: none;
  animation: ecl-dropIn--VQ82 var(--duration-fast) var(--easing-entrance) both;
  display: flex;
  position: absolute;
}

.ecl-dropMark-FfPAG {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent);
  color: var(--color-text-on-accent);
  place-items: center;
  display: grid;
}

@keyframes ecl-dropIn--VQ82 {
  0% {
    opacity: 0;
    transform: scale(.98);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ecl-dropFade-XK9NK {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-drop-faQv4 {
    animation-name: ecl-dropFade-XK9NK;
  }
}

.ecl-overlay-MeWA9 {
  z-index: var(--z-overlay);
  background: var(--color-fill-scrim);
  position: fixed;
  inset: 0;
}

.ecl-overlay-MeWA9[data-state="open"] {
  animation: ecl-viewerFadeIn-0VLlX var(--duration-normal) var(--easing-entrance);
}

.ecl-overlay-MeWA9[data-state="closed"] {
  animation: ecl-viewerFadeOut-XDNCZ var(--duration-fast) var(--easing-exit);
}

.ecl-content-UVDn- {
  z-index: var(--z-modal);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
}

.ecl-content-UVDn-:focus-visible {
  outline: none;
}

.ecl-content-UVDn-[data-state="open"] {
  animation: ecl-viewerFadeIn-0VLlX var(--duration-normal) var(--easing-entrance);
}

.ecl-content-UVDn-[data-state="closed"] {
  animation: ecl-viewerFadeOut-XDNCZ var(--duration-fast) var(--easing-exit);
}

.ecl-bar-Ev3Kv {
  align-items: center;
  gap: var(--space-16);
  min-height: var(--space-48);
  padding: var(--space-8) var(--space-12);
  border-bottom: var(--space-1) solid var(--color-border-subtle);
  background: var(--color-surface-overlay);
  flex: none;
  padding-inline-start: var(--space-20);
  display: flex;
}

.ecl-heading-XGChC {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ecl-name-8PALq {
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}

.ecl-meta-zD-i1 {
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-position-veOFK {
  color: var(--color-text-secondary);
  font-variant-numeric: tabular-nums;
  flex: none;
}

.ecl-barActions-jS6Lk {
  align-items: center;
  gap: var(--space-4);
  flex: none;
  display: inline-flex;
}

.ecl-link-WWBgl {
  width: var(--size-control-md);
  height: var(--size-control-md);
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    transform var(--duration-fast) var(--easing-standard);
  place-items: center;
  display: grid;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-link-WWBgl:hover {
    background-color: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-link-WWBgl:active {
  background-color: var(--color-fill-neutral-active);
  transform: scale(.96);
}

.ecl-link-WWBgl:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-stage-xdkGw {
  justify-content: center;
  align-items: center;
  gap: var(--space-16);
  min-height: 0;
  padding: var(--space-24) var(--space-16);
  flex: 1;
  display: flex;
  position: relative;
}

.ecl-step-u1mWS {
  background-color: var(--color-surface-overlay);
  box-shadow: var(--shadow-raised);
  flex: none;
}

.ecl-frame-G-RAN {
  pointer-events: none;
  min-width: 0;
  height: 100%;
  animation: ecl-frameRise-WB0Nv var(--duration-slow) var(--easing-entrance) both;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ecl-frame-G-RAN[data-direction="next"] {
  animation: ecl-frameFromEnd-qnezX var(--duration-normal) var(--easing-entrance) both;
}

.ecl-frame-G-RAN[data-direction="previous"] {
  animation: ecl-frameFromStart-mH-Vt var(--duration-normal) var(--easing-entrance) both;
}

.ecl-frame-G-RAN[data-direction="next"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  animation-name: ecl-frameFromStart-mH-Vt;
}

.ecl-frame-G-RAN[data-direction="previous"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  animation-name: ecl-frameFromEnd-qnezX;
}

.ecl-frame-G-RAN > * {
  pointer-events: auto;
}

.ecl-media-a5dnu {
  border-radius: var(--radius-lg);
  background-color: var(--color-surface-base);
  max-width: 100%;
  max-height: 100%;
  box-shadow: var(--shadow-modal);
  object-fit: contain;
  display: block;
}

.ecl-picture-SF398 {
  transition: opacity var(--duration-normal) var(--easing-standard);
}

.ecl-picture-SF398:not([data-loaded]) {
  opacity: 0;
}

.ecl-media-a5dnu:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-waiting-MqhPj {
  color: var(--color-text-on-accent);
  pointer-events: none;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.ecl-card-0-gf7 {
  align-items: center;
  gap: var(--space-20);
  width: min(100%, calc(var(--space-96) * 5));
  padding: var(--space-32) var(--space-24) var(--space-24);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-overlay);
  box-shadow: var(--shadow-modal);
  flex-direction: column;
  display: flex;
}

.ecl-cardMark-66Fpm {
  width: var(--space-64);
  height: var(--space-64);
  border-radius: var(--radius-full);
  background-color: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
  place-items: center;
  display: grid;
}

.ecl-cardPlayer-F1Pri {
  align-self: stretch;
}

.ecl-cardText-Huyi8 {
  color: var(--color-text-secondary);
  text-align: center;
  overflow-wrap: anywhere;
}

.ecl-failedGlyph-DWOae {
  color: var(--color-text-danger);
}

@keyframes ecl-viewerFadeIn-0VLlX {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-viewerFadeOut-XDNCZ {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ecl-frameRise-WB0Nv {
  0% {
    opacity: 0;
    transform: scale(.96);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ecl-frameFromEnd-qnezX {
  0% {
    opacity: 0;
    transform: translateX(var(--space-24));
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ecl-frameFromStart-mH-Vt {
  0% {
    opacity: 0;
    transform: translateX(calc(var(--space-24) * -1));
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-frame-G-RAN, .ecl-frame-G-RAN[data-direction="next"], .ecl-frame-G-RAN[data-direction="previous"] {
    animation-name: ecl-viewerFadeIn-0VLlX;
  }

  .ecl-link-WWBgl, .ecl-picture-SF398 {
    transition: none;
  }

  .ecl-link-WWBgl:active {
    transform: none;
  }
}

.ecl-ref-sJ--p {
  align-items: center;
  gap: var(--space-4);
  min-width: var(--space-0);
  max-width: 100%;
  display: inline-flex;
}

.ecl-trigger-HGgfn {
  align-items: center;
  gap: var(--space-8);
  min-width: var(--space-0);
  border-radius: var(--radius-sm);
  color: var(--color-text-primary);
  padding-inline-end: var(--space-2);
  text-decoration: none;
  display: inline-flex;
}

.ecl-triggerButton-Zj1Av {
  padding-block: var(--space-0);
  font: inherit;
  text-align: inherit;
  background: none;
  border: none;
  padding-inline-start: var(--space-0);
}

.ecl-trigger-HGgfn:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-triggerLink-ztYgq:hover .ecl-name-VzLht {
    text-decoration-line: underline;
  }
}

.ecl-mark-4D-VB {
  flex: none;
  display: inline-flex;
  position: relative;
}

.ecl-markBadge-yxFFd {
  display: flex;
  position: absolute;
  inset-block-end: calc(var(--space-4) * -1);
  inset-inline-end: calc(var(--space-4) * -1);
}

.ecl-name-VzLht {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-text-decoration-color: var(--color-border-strong);
  text-decoration-color: var(--color-border-strong);
  text-underline-offset: var(--space-2);
  overflow: hidden;
}

.ecl-peekLoading-vBri5 {
  padding-block: var(--space-8);
  justify-content: center;
  display: flex;
}

.ecl-time-gVXtm {
  font-variant-numeric: tabular-nums;
}

.ecl-unknown-BB0Zk {
  color: var(--color-text-tertiary);
}

.ecl-bone-BuWQQ {
  border-radius: var(--radius-sm);
  background: var(--color-fill-neutral);
  width: 100%;
  animation: ecl-breathe-3z-0R var(--motion-ambient-breath) var(--easing-standard)
    infinite alternate;
  display: block;
}

.ecl-bone-BuWQQ:where([data-shape="text"]) {
  height: var(--space-12);
}

.ecl-bone-BuWQQ:where([data-shape="title"]) {
  width: 60%;
  height: var(--space-20);
}

.ecl-bone-BuWQQ:where([data-shape="block"]) {
  height: 100%;
  min-height: var(--space-48);
  border-radius: var(--radius-md);
}

.ecl-bone-BuWQQ:where([data-shape="avatar"]) {
  width: var(--size-control-md);
  height: var(--size-control-md);
  border-radius: var(--radius-full);
  flex: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-bone-BuWQQ {
    animation: none;
  }
}

@keyframes ecl-breathe-3z-0R {
  0% {
    opacity: .45;
  }

  100% {
    opacity: 1;
  }
}

.ecl-accordion-Na9ur {
  --fluid-fill: var(--color-fill-raised-subtle);
  --fluid-radius: var(--radius-md);
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-4);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-raised);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ecl-item-g2E2n {
  border-radius: var(--radius-md);
  min-width: 0;
}

.ecl-heading-4ZiSR {
  font: inherit;
  margin: 0;
}

.ecl-trigger-vtIfZ {
  align-items: center;
  gap: var(--space-12);
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-12) var(--space-16);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-align: start;
  cursor: pointer;
  transition: box-shadow var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  display: flex;
  position: relative;
}

.ecl-title-F-2Fk {
  flex: 1;
  min-width: 0;
}

.ecl-meta-Gk-Jr {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-chevron-3o7fj {
  color: var(--color-text-tertiary);
  transition: transform var(--duration-normal) var(--easing-spring);
  flex: none;
}

.ecl-trigger-vtIfZ:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-trigger-vtIfZ:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-trigger-vtIfZ:disabled .ecl-meta-Gk-Jr, .ecl-trigger-vtIfZ:disabled .ecl-chevron-3o7fj {
  color: var(--color-text-disabled);
}

.ecl-item-g2E2n[data-open] > .ecl-heading-4ZiSR > .ecl-trigger-vtIfZ > .ecl-chevron-3o7fj {
  transform: rotate(180deg);
}

.ecl-disclosure-3OoVf {
  transition: grid-template-rows var(--duration-fast) var(--easing-exit);
  grid-template-rows: 0fr;
  display: grid;
}

.ecl-item-g2E2n[data-open] > .ecl-disclosure-3OoVf {
  transition: grid-template-rows var(--duration-normal) var(--easing-entrance);
  grid-template-rows: 1fr;
}

.ecl-region-otbtQ {
  min-height: 0;
  overflow: clip;
}

.ecl-content-Goijf {
  gap: var(--space-8);
  padding: var(--space-4) var(--space-16) var(--space-16);
  opacity: 0;
  transform: translateY(calc(var(--space-4) * -1));
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  flex-direction: column;
  display: flex;
}

.ecl-item-g2E2n[data-open] > .ecl-disclosure-3OoVf > .ecl-region-otbtQ > .ecl-content-Goijf {
  opacity: 1;
  transition: opacity var(--duration-normal) var(--easing-entrance),
    transform var(--duration-normal) var(--easing-entrance);
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-disclosure-3OoVf, .ecl-item-g2E2n[data-open] > .ecl-disclosure-3OoVf, .ecl-chevron-3o7fj {
    transition: none;
  }

  .ecl-content-Goijf, .ecl-item-g2E2n[data-open] > .ecl-disclosure-3OoVf > .ecl-region-otbtQ > .ecl-content-Goijf {
    transition: opacity var(--duration-fast) var(--easing-standard);
    transform: none;
  }
}

.ecl-feed-8aCZV {
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ecl-item-53DUH {
  gap: var(--space-12);
  min-width: 0;
  display: flex;
}

.ecl-rail-R7g7y {
  align-items: center;
  gap: var(--space-4);
  width: var(--size-control-sm);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ecl-mark-6IB1o {
  width: var(--size-control-sm);
  height: var(--size-control-sm);
  border-radius: var(--radius-full);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-neutral-2zaRk {
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
}

.ecl-accent-e6o0f {
  background: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

.ecl-success-6-8mK {
  background: var(--color-fill-success-subtle);
  color: var(--color-text-success);
}

.ecl-warning-158jO {
  background: var(--color-fill-warning-subtle);
  color: var(--color-text-warning);
}

.ecl-line-cf5aB {
  width: var(--space-2);
  background: var(--color-border-subtle);
  flex: 1;
}

.ecl-item-53DUH:last-child .ecl-line-cf5aB {
  display: none;
}

.ecl-content-VfKeI {
  gap: var(--space-8);
  min-width: 0;
  padding-block: var(--space-4) var(--space-20);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ecl-item-53DUH:last-child .ecl-content-VfKeI {
  padding-block-end: 0;
}

.ecl-header-h10UJ {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-8);
  display: flex;
}

.ecl-sentence-Zso3m {
  min-width: 0;
  color: var(--color-text-primary);
}

.ecl-time-R6kUa {
  color: var(--color-text-tertiary);
  white-space: nowrap;
  flex: none;
}

.ecl-quote-zChi8 {
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  background: var(--color-fill-raised-subtle);
  color: var(--color-text-secondary);
  margin: 0;
}

.ecl-transition--gLUc {
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-arrow-PjS32 {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-group-7P7sk {
  flex: none;
  align-items: center;
  display: inline-flex;
}

.ecl-item-pRy7k {
  border-radius: var(--radius-full);
  box-shadow: 0 0 0 var(--space-2) var(--color-surface-content);
  display: inline-flex;
}

.ecl-item-pRy7k + .ecl-item-pRy7k {
  margin-inline-start: calc(var(--space-6) * -1);
}

.ecl-more-iWzMG {
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
}

.ecl-md-1GDgx .ecl-more-iWzMG {
  min-width: var(--size-control-md);
  height: var(--size-control-md);
}

.ecl-sm-e1BlZ .ecl-more-iWzMG {
  min-width: var(--size-control-xs);
  height: var(--size-control-xs);
}

.ecl-breadcrumbs-3UM1e {
  min-width: 0;
}

.ecl-list--Vjuk {
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ecl-item-GQXTh {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: inline-flex;
}

.ecl-separator-cBLEa {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-item-GQXTh:first-child .ecl-separator-cBLEa {
  display: none;
}

.ecl-link-Xzkqf, .ecl-current-0iiPm {
  height: var(--size-control-xs);
  padding-inline: var(--space-4);
  border-radius: var(--radius-sm);
  white-space: nowrap;
  align-items: center;
  display: inline-flex;
}

.ecl-link-Xzkqf {
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  text-decoration: none;
}

.ecl-current-0iiPm {
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  overflow: hidden;
}

.ecl-overflow-B7l6H {
  min-width: var(--size-control-xs);
  justify-content: center;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-link-Xzkqf:hover {
    background: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-link-Xzkqf:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-overlay-725zj {
  z-index: var(--z-overlay);
  background: var(--color-fill-scrim);
  position: fixed;
  inset: 0;
}

.ecl-overlay-725zj[data-state="open"] {
  animation: ecl-fadeIn-nCZZx var(--duration-normal) var(--easing-entrance);
}

.ecl-overlay-725zj[data-state="closed"] {
  animation: ecl-fadeOut-RNW3p var(--duration-fast) var(--easing-exit);
}

.ecl-palette-K-E58 {
  --command-palette-width: 640px;
  --command-palette-top: 14vh;
  --command-palette-results-max: 384px;
  --command-palette-search-height: 56px;
  z-index: var(--z-modal);
  width: min(var(--command-palette-width), calc(100vw - var(--space-32)));
  max-height: calc(100vh - var(--command-palette-top) - var(--space-32));
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-overlay);
  box-shadow: var(--shadow-modal);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset-block-start: var(--command-palette-top);
  inset-inline-start: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.ecl-palette-K-E58[data-state="open"] {
  animation: ecl-paletteIn-ewqRA var(--duration-normal) var(--easing-entrance);
}

.ecl-palette-K-E58[data-state="closed"] {
  animation: ecl-paletteOut-m9spV var(--duration-fast) var(--easing-exit);
}

.ecl-search--QwOT {
  align-items: center;
  gap: var(--space-12);
  height: var(--command-palette-search-height);
  padding-inline: var(--space-16);
  border-block-end: var(--space-1) solid var(--color-border-subtle);
  flex: none;
  display: flex;
}

.ecl-searchIcon-Vvf04 {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-input-e5HVr {
  min-width: 0;
  height: 100%;
  color: var(--color-text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 0;
}

.ecl-input-e5HVr::placeholder {
  color: var(--color-text-placeholder);
}

.ecl-results-bQCxp {
  --fluid-radius: var(--radius-md);
  gap: var(--space-2);
  max-height: var(--command-palette-results-max);
  padding: var(--space-8);
  overscroll-behavior: contain;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.ecl-results-bQCxp[data-empty] {
  display: none;
}

.ecl-group-tFkfd {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.ecl-groupLabel-5XDbz {
  padding: var(--space-8) var(--space-8) var(--space-4);
  color: var(--color-text-tertiary);
}

.ecl-item-SRdQO {
  align-items: center;
  gap: var(--space-8);
  height: var(--size-control-md);
  padding-inline: var(--space-8);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  cursor: pointer;
  scroll-margin-block: var(--space-8);
  flex: none;
  display: flex;
  position: relative;
}

.ecl-item-SRdQO[aria-disabled="true"] {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-itemIcon-9ZgGo {
  color: var(--color-text-secondary);
  flex: none;
}

.ecl-itemText-pB-A- {
  align-items: baseline;
  gap: var(--space-8);
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.ecl-itemLabel-UPjgG {
  text-overflow: ellipsis;
  flex: 0 auto;
  min-width: 0;
  overflow: hidden;
}

.ecl-itemDescription-jzqyj {
  min-width: 0;
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  flex: 0 1000 auto;
  overflow: hidden;
}

.ecl-item-SRdQO[aria-disabled="true"] .ecl-itemIcon-9ZgGo, .ecl-item-SRdQO[aria-disabled="true"] .ecl-itemDescription-jzqyj {
  color: var(--color-text-disabled);
}

.ecl-itemHint-80lWz {
  color: var(--color-text-tertiary);
  flex: none;
}

.ecl-itemShortcut-fIezz {
  flex: none;
}

.ecl-empty-qpK-3 {
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-40);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.ecl-emptyIcon-wO3Io {
  color: var(--color-text-tertiary);
}

.ecl-emptyTitle-gPdlw {
  color: var(--color-text-primary);
}

.ecl-emptyHint-QR7bM {
  color: var(--color-text-secondary);
}

.ecl-footer-y8fhg {
  align-items: center;
  gap: var(--space-16);
  padding: var(--space-8) var(--space-16);
  border-block-start: var(--space-1) solid var(--color-border-subtle);
  background: var(--color-fill-raised-subtle);
  color: var(--color-text-tertiary);
  flex-wrap: wrap;
  flex: none;
  display: flex;
}

.ecl-hint-pfmpB {
  align-items: center;
  gap: var(--space-4);
  display: inline-flex;
}

.ecl-scope-L8V6s {
  margin-inline-start: auto;
}

.ecl-action-dcu3D {
  align-items: center;
  gap: var(--space-6);
  min-width: 0;
  color: var(--color-text-secondary);
  margin-inline-start: auto;
  display: inline-flex;
}

.ecl-scope-L8V6s + .ecl-action-dcu3D {
  margin-inline-start: var(--space-0);
}

.ecl-actionLabel-7nxGu {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

@keyframes ecl-fadeIn-nCZZx {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-fadeOut-RNW3p {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ecl-paletteIn-ewqRA {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(calc(var(--space-8) * -1));
  }

  100% {
    opacity: 1;
    transform: translateX(-50%);
  }
}

@keyframes ecl-paletteOut-m9spV {
  0% {
    opacity: 1;
    transform: translateX(-50%);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(calc(var(--space-8) * -1));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-palette-K-E58[data-state="open"] {
    animation-name: ecl-fadeIn-nCZZx;
  }

  .ecl-palette-K-E58[data-state="closed"] {
    animation-name: ecl-fadeOut-RNW3p;
  }
}

.ecl-bar-pBPbV {
  gap: var(--space-8);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-header-14ICk {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-12);
  display: flex;
}

.ecl-label-TG8CR {
  color: var(--color-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-value-DcMGD {
  color: var(--color-text-primary);
  flex: none;
}

.ecl-track-W3iOU {
  --progress-sweep: 40%;
  height: var(--space-6);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  position: relative;
  overflow: hidden;
}

.ecl-track-W3iOU.ecl-sm-TsOpX {
  height: var(--space-4);
}

.ecl-indicator-U0M05 {
  border-radius: var(--radius-full);
  background: var(--color-fill-progress);
  width: 100%;
  height: 100%;
  transform: translateX(calc(var(--progress-value, 0%) - 100%));
  transition: transform var(--duration-normal) var(--easing-standard);
}

.ecl-track-W3iOU[data-indeterminate] .ecl-indicator-U0M05 {
  width: var(--progress-sweep);
  animation: ecl-sweep-xEq5y calc(var(--duration-slow) * 5) var(--easing-standard)
    infinite;
  transform: none;
}

@keyframes ecl-sweep-xEq5y {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(250%);
  }
}

.ecl-ring-PhXT1 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.ecl-ringSm-LFxC5 {
  width: var(--space-16);
  height: var(--space-16);
}

.ecl-ringMd-k5zVG {
  width: var(--space-24);
  height: var(--space-24);
}

.ecl-ringLg-dDKvP {
  width: var(--space-48);
  height: var(--space-48);
}

.ecl-dial-VNW-7 {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.ecl-ringTrack-bhScn {
  fill: none;
  stroke: var(--color-fill-neutral);
}

.ecl-ringIndicator-wD7aJ {
  fill: none;
  stroke: var(--color-fill-progress);
  stroke-linecap: round;
  transition: stroke-dasharray var(--duration-normal) var(--easing-standard);
}

.ecl-ring-PhXT1[data-indeterminate] .ecl-dial-VNW-7 {
  animation: ecl-turn-Q2t54 calc(var(--duration-slow) * 3) linear infinite;
}

@keyframes ecl-turn-Q2t54 {
  0% {
    transform: rotate(-90deg);
  }

  100% {
    transform: rotate(270deg);
  }
}

.ecl-ringValue-R9y99 {
  color: var(--color-text-primary);
  position: absolute;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-indicator-U0M05, .ecl-ringIndicator-wD7aJ {
    transition: none;
  }

  .ecl-track-W3iOU[data-indeterminate] .ecl-indicator-U0M05 {
    margin-inline: auto;
    animation: none;
  }

  .ecl-ring-PhXT1[data-indeterminate] .ecl-dial-VNW-7 {
    animation: none;
  }
}

.ecl-dropzone-5Wiyl {
  --dropzone-progress-width: 240px;
  justify-content: center;
  align-items: center;
  gap: var(--space-12);
  min-width: 0;
  padding: var(--space-32) var(--space-24);
  border: var(--space-2) dashed var(--color-border-default);
  border-radius: var(--radius-2xl);
  background: var(--color-fill-raised-subtle);
  text-align: center;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ecl-input-xXSu3 {
  width: var(--space-1);
  height: var(--space-1);
  opacity: 0;
  pointer-events: none;
  margin: 0;
  position: absolute;
}

.ecl-mark-y0fmG {
  width: var(--space-40);
  height: var(--space-40);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-title-w-sze {
  color: var(--color-text-primary);
}

.ecl-hint-aDiNW {
  color: var(--color-text-tertiary);
}

.ecl-progress-1HPbq {
  width: min(var(--dropzone-progress-width), 100%);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-dropzone-5Wiyl[data-state="idle"]:hover:not([data-disabled], [data-drag-over]) {
    border-color: var(--color-border-strong);
  }
}

.ecl-dropzone-5Wiyl[data-drag-over] {
  background: var(--color-fill-accent-subtle);
  border-color: #0000;
}

.ecl-dropzone-5Wiyl[data-drag-over] .ecl-mark-y0fmG {
  background: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

.ecl-dropzone-5Wiyl[data-state="uploading"] {
  cursor: progress;
  border-style: solid;
}

.ecl-dropzone-5Wiyl[data-state="error"] {
  border-color: var(--color-border-danger);
  background: var(--color-fill-danger-subtle);
}

.ecl-dropzone-5Wiyl[data-state="error"] .ecl-mark-y0fmG {
  background: var(--color-fill-danger-subtle);
  color: var(--color-text-danger);
}

.ecl-dropzone-5Wiyl[data-state="error"] .ecl-hint-aDiNW {
  color: var(--color-text-danger);
}

.ecl-input-xXSu3:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-input-xXSu3:disabled {
  cursor: not-allowed;
}

.ecl-dropzone-5Wiyl:has(.ecl-input-xXSu3:focus-visible) {
  box-shadow: var(--glow-focus);
}

.ecl-dropzone-5Wiyl[data-disabled] {
  border-color: var(--color-border-subtle);
  cursor: not-allowed;
}

.ecl-dropzone-5Wiyl[data-disabled] .ecl-title-w-sze, .ecl-dropzone-5Wiyl[data-disabled] .ecl-hint-aDiNW {
  color: var(--color-text-disabled);
}

.ecl-row-hn7NA {
  --file-row-progress-width: 64px;
  align-items: center;
  gap: var(--space-12);
  min-width: 0;
  padding: var(--space-8) var(--space-12);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-lg);
  background: var(--color-fill-neutral);
  display: flex;
}

.ecl-rowMark-Bh6dk {
  width: var(--size-control-md);
  height: var(--size-control-md);
  border-radius: var(--radius-md);
  background: var(--color-fill-neutral-hover);
  color: var(--color-text-secondary);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-text-IzA4C {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ecl-name-eN3Bf {
  color: var(--color-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-meta-XEGbC {
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-rowProgress-cJpTb {
  width: var(--file-row-progress-width);
  flex: none;
}

.ecl-percent-QG7Ky {
  color: var(--color-text-secondary);
  flex: none;
}

.ecl-row-hn7NA[data-state="error"] {
  background: var(--color-fill-danger-subtle);
  border-color: #0000;
}

.ecl-row-hn7NA[data-state="error"] .ecl-rowMark-Bh6dk {
  background: var(--color-fill-danger-subtle);
  color: var(--color-text-danger);
}

.ecl-row-hn7NA[data-state="error"] .ecl-meta-XEGbC {
  color: var(--color-text-danger);
}

.ecl-chip-T5jQF {
  align-items: center;
  gap: var(--space-6);
  height: var(--size-control-sm);
  padding-inline: var(--space-12);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  -webkit-user-select: none;
  user-select: none;
  border: none;
  flex: none;
  display: inline-flex;
}

.ecl-count-muzWc {
  color: var(--color-text-tertiary);
}

.ecl-chevron-ET9xt {
  transition: transform var(--duration-fast) var(--easing-standard);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-chip-T5jQF:hover:not(:disabled, [data-selected]) {
    background: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-chip-T5jQF[data-open] {
  background: var(--color-fill-neutral-active);
  color: var(--color-text-primary);
}

.ecl-chip-T5jQF[data-open] .ecl-chevron-ET9xt {
  transform: rotate(180deg);
}

.ecl-chip-T5jQF[data-selected] {
  background: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

.ecl-chip-T5jQF[data-selected] .ecl-count-muzWc {
  color: var(--color-text-accent);
}

.ecl-chip-T5jQF:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

.ecl-chip-T5jQF:disabled {
  color: var(--color-text-disabled);
  cursor: not-allowed;
}

.ecl-chip-T5jQF:disabled .ecl-count-muzWc {
  color: var(--color-text-disabled);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-chevron-ET9xt {
    transition: none;
  }
}

.ecl-link-0-8Um {
  align-items: center;
  gap: var(--space-4);
  padding-inline: var(--space-2);
  border-radius: var(--radius-xs);
  color: var(--color-text-accent);
  text-underline-offset: var(--space-2);
  text-decoration: none;
  display: inline-flex;
}

.ecl-inline-NwRjN {
  display: inline;
}

.ecl-glyph-SHxLC {
  transition: transform var(--duration-fast) var(--easing-standard);
  flex: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-link-0-8Um:hover {
    text-decoration: underline;
  }

  .ecl-standalone-Vmovp:hover .ecl-glyph-SHxLC {
    transform: translateX(var(--space-2));
  }
}

.ecl-link-0-8Um:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-glyph-SHxLC {
    transition: none;
  }

  .ecl-standalone-Vmovp:hover .ecl-glyph-SHxLC {
    transform: none;
  }
}

.ecl-card---ZY0 {
  --selection-card-indicator-edge: 1.5px;
  gap: var(--space-8);
  min-width: 0;
  padding: var(--space-16);
  border: var(--space-1) solid var(--color-border-default);
  border-radius: var(--radius-2xl);
  background: var(--color-fill-raised-subtle);
  cursor: pointer;
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  flex-direction: column;
  display: flex;
  position: relative;
}

.ecl-input-tp9ZS {
  width: var(--space-1);
  height: var(--space-1);
  opacity: 0;
  pointer-events: none;
  margin: 0;
  position: absolute;
}

.ecl-top-qMqDj {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-12);
  display: flex;
}

.ecl-title-W-CAb {
  min-width: 0;
  color: var(--color-text-primary);
}

.ecl-indicator-wkmlw {
  width: var(--size-indicator-md);
  height: var(--size-indicator-md);
  border: var(--selection-card-indicator-edge) solid var(--color-border-default);
  color: var(--color-text-on-accent);
  transition: background-color var(--duration-fast) var(--easing-standard),
    border-color var(--duration-fast) var(--easing-standard);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-radio-CUVcF {
  border-radius: var(--radius-full);
}

.ecl-checkbox-j09cz {
  border-radius: var(--radius-sm);
}

.ecl-mark-DMGVZ {
  opacity: 0;
}

.ecl-indicator-wkmlw .ecl-mark-DMGVZ {
  width: var(--size-indicator-sm);
  height: var(--size-indicator-sm);
}

.ecl-dot-JpY6R {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background: var(--color-text-on-accent);
}

.ecl-description-yIRjt {
  color: var(--color-text-secondary);
}

.ecl-meta-Jf0u6 {
  align-items: baseline;
  gap: var(--space-4);
  margin-block-start: auto;
  display: flex;
}

.ecl-price-GMLJb {
  color: var(--color-text-primary);
}

.ecl-unit-SQbXZ {
  color: var(--color-text-tertiary);
}

@media (hover: hover) and (pointer: fine) {
  .ecl-card---ZY0:hover:not(:has(.ecl-input-tp9ZS:checked, .ecl-input-tp9ZS:disabled)) {
    border-color: var(--color-border-strong);
    background: var(--color-fill-neutral);
  }
}

.ecl-card---ZY0:has(.ecl-input-tp9ZS:checked) {
  background: var(--color-fill-accent-subtle);
}

.ecl-card---ZY0:has(.ecl-input-tp9ZS:checked) .ecl-indicator-wkmlw {
  border-color: var(--color-fill-accent);
  background: var(--color-fill-accent);
}

.ecl-card---ZY0:has(.ecl-input-tp9ZS:checked) .ecl-mark-DMGVZ {
  opacity: 1;
}

.ecl-card---ZY0:has(.ecl-input-tp9ZS:checked) .ecl-price-GMLJb {
  color: var(--color-text-accent);
}

.ecl-input-tp9ZS:focus-visible {
  box-shadow: none;
  outline: none;
}

.ecl-card---ZY0:has(.ecl-input-tp9ZS:focus-visible) {
  box-shadow: var(--glow-focus);
}

.ecl-card---ZY0:has(.ecl-input-tp9ZS:disabled) {
  cursor: not-allowed;
}

:is(.ecl-card---ZY0:has(.ecl-input-tp9ZS:disabled) .ecl-title-W-CAb, .ecl-card---ZY0:has(.ecl-input-tp9ZS:disabled) .ecl-description-yIRjt, .ecl-card---ZY0:has(.ecl-input-tp9ZS:disabled) .ecl-price-GMLJb, .ecl-card---ZY0:has(.ecl-input-tp9ZS:disabled) .ecl-unit-SQbXZ) {
  color: var(--color-text-disabled);
}

.ecl-overlay-SnSTi {
  z-index: var(--z-overlay);
  background: var(--color-fill-scrim);
  position: fixed;
  inset: 0;
}

.ecl-overlay-SnSTi[data-state="open"] {
  animation: ecl-scrimIn-M4UO- var(--duration-slow) var(--easing-entrance);
}

.ecl-overlay-SnSTi[data-state="closed"] {
  animation: ecl-scrimOut-7uuiE var(--duration-normal) var(--easing-exit);
}

.ecl-content-q5pqR {
  --sheet-width: 600px;
  --sheet-sign: 1;
  inset-block: var(--sheet-inset-block-start, var(--space-0))
    var(--sheet-inset-block-end, var(--space-0));
  z-index: var(--z-modal);
  width: min(var(--sheet-width), calc(100vw - var(--space-32)));
  border-inline-start: var(--space-1) solid var(--color-border-subtle);
  background: var(--color-surface-raised);
  box-shadow: var(--shadow-popover);
  touch-action: pan-y;
  flex-direction: column;
  display: flex;
  position: fixed;
  inset-inline-end: var(--sheet-inset-inline-end, var(--space-0));
  overflow: hidden;
}

.ecl-content-q5pqR[data-swiping], .ecl-content-q5pqR[data-settling], .ecl-content-q5pqR[data-swiped] {
  transform: translateX(var(--swipe-offset, var(--space-0)));
}

.ecl-content-q5pqR[data-side="start"] {
  --sheet-sign: -1;
  inset-inline: var(--sheet-inset-inline-start, var(--space-0)) auto;
  border-inline-start: none;
  border-inline-end: var(--space-1) solid var(--color-border-subtle);
}

.ecl-content-q5pqR:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  --sheet-sign: -1;
}

.ecl-content-q5pqR[data-side="start"]:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  --sheet-sign: 1;
}

.ecl-content-q5pqR:focus-visible {
  outline: none;
}

.ecl-content-q5pqR[data-state="open"] {
  animation: ecl-sheetIn-1y1y6 var(--duration-slow) var(--easing-spring-soft);
}

.ecl-content-q5pqR[data-state="closed"] {
  animation: ecl-sheetOut-vSYxI var(--duration-normal) var(--easing-exit);
}

.ecl-content-q5pqR[data-settling] {
  transition: transform var(--duration-normal) var(--easing-spring);
}

.ecl-content-q5pqR[data-state="closed"][data-swiped] {
  animation: ecl-sheetSwipeOut-7vqTV var(--duration-normal) var(--easing-exit);
}

.ecl-sm-DKYCZ {
  --sheet-width: 480px;
}

.ecl-md--UQNl {
  --sheet-width: 600px;
}

.ecl-lg-XE4sp {
  --sheet-width: 680px;
}

.ecl-xl-oOxoP {
  --sheet-width: 860px;
}

.ecl-head-xW-jW {
  align-items: flex-start;
  gap: var(--space-8);
  padding: var(--space-20) var(--space-16) var(--space-0) var(--space-24);
  flex: none;
  display: flex;
}

.ecl-heading-byg8A {
  gap: var(--space-4);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.ecl-title-DUK2K {
  color: var(--color-text-primary);
  margin: 0;
}

.ecl-description-L6LcP {
  color: var(--color-text-secondary);
  margin: 0;
}

.ecl-bodyWrap-ZUk0Y {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  position: relative;
}

.ecl-body-WWup2 {
  gap: var(--space-16);
  min-height: 0;
  padding: var(--space-20) var(--space-24);
  color: var(--color-text-secondary);
  touch-action: pan-y;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

@supports not (animation-timeline: scroll()) {
  .ecl-bodyWrap-ZUk0Y:after {
    content: "";
    block-size: var(--space-32);
    background: linear-gradient(to top,
      var(--color-surface-raised),
      transparent);
    opacity: 0;
    transition: opacity var(--duration-fast) var(--easing-standard);
    pointer-events: none;
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
  }

  .ecl-bodyWrap-ZUk0Y[data-more]:after {
    opacity: 1;
  }
}

.ecl-footer-swI1Q {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-12);
  padding: var(--space-12) var(--space-24) var(--space-20);
  flex: none;
  display: flex;
}

.ecl-note--ohEz {
  min-width: 0;
  color: var(--color-text-tertiary);
  flex: 1;
}

.ecl-actions-1pQVb {
  align-items: center;
  gap: var(--space-8);
  flex: none;
  display: flex;
}

@keyframes ecl-scrimIn-M4UO- {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-scrimOut-7uuiE {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ecl-sheetIn-1y1y6 {
  0% {
    opacity: 0;
    transform: translateX(calc(var(--space-24) * var(--sheet-sign)));
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes ecl-sheetOut-vSYxI {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(calc(var(--space-24) * var(--sheet-sign)));
  }
}

@keyframes ecl-sheetSwipeOut-7vqTV {
  0% {
    transform: translateX(var(--swipe-offset, var(--space-0)));
  }

  100% {
    transform: translateX(calc(100% * var(--sheet-sign)));
  }
}

@keyframes ecl-sheetFadeIn-qLlIR {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ecl-sheetFadeOut-mA6aC {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (max-width: 640px) {
  .ecl-content-q5pqR, .ecl-content-q5pqR[data-side="start"] {
    width: 100vw;
    box-shadow: var(--shadow-popover),
      calc(var(--space-24) * var(--sheet-sign)) var(--space-0) var(--space-0)
        var(--space-0) var(--color-surface-raised);
    border-inline: none;
    inset: 0;
  }

  .ecl-head-xW-jW {
    padding-inline: var(--space-20) var(--space-12);
  }

  .ecl-body-WWup2, .ecl-footer-swI1Q {
    padding-inline: var(--space-20);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-content-q5pqR[data-state="open"] {
    animation: ecl-sheetFadeIn-qLlIR var(--duration-slow) var(--easing-standard);
  }

  .ecl-content-q5pqR[data-state="closed"], .ecl-content-q5pqR[data-state="closed"][data-swiped] {
    animation: ecl-sheetFadeOut-mA6aC var(--duration-normal) var(--easing-standard);
  }

  .ecl-content-q5pqR[data-settling] {
    transition: none;
  }

  .ecl-overlay-SnSTi[data-state="open"] {
    animation: ecl-scrimIn-M4UO- var(--duration-slow) var(--easing-standard);
  }

  .ecl-overlay-SnSTi[data-state="closed"] {
    animation: ecl-scrimOut-7uuiE var(--duration-normal) var(--easing-standard);
  }
}

.ecl-card-pJgTT {
  --stat-card-line: 1.5px;
  --stat-card-tone: var(--color-text-secondary);
  --stat-card-tone-fill: var(--color-fill-neutral);
  gap: var(--space-12);
  min-width: 0;
  padding: var(--space-20);
  border: var(--space-1) solid var(--color-border-subtle);
  border-radius: var(--radius-2xl);
  background: var(--color-surface-raised);
  flex-direction: column;
  display: flex;
}

.ecl-card-pJgTT[data-trend="up"] {
  --stat-card-tone: var(--color-text-success);
  --stat-card-tone-fill: var(--color-fill-success-subtle);
}

.ecl-card-pJgTT[data-trend="down"] {
  --stat-card-tone: var(--color-text-danger);
  --stat-card-tone-fill: var(--color-fill-danger-subtle);
}

.ecl-compact-KeoAX {
  gap: var(--space-4);
  padding: var(--space-12) var(--space-16);
}

.ecl-label-RvQPj {
  color: var(--color-text-secondary);
}

.ecl-value-g2nEV {
  color: var(--color-text-primary);
}

.ecl-change-AomBr {
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-delta-rYceR {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-6) var(--space-2) var(--space-4);
  border-radius: var(--radius-full);
  background: var(--stat-card-tone-fill);
  color: var(--stat-card-tone);
  white-space: nowrap;
  display: inline-flex;
}

.ecl-period-TSr9R {
  color: var(--color-text-tertiary);
}

.ecl-note-fNUVj {
  color: var(--color-text-secondary);
  margin-block-start: calc(var(--space-4) * -1);
}

.ecl-compact-KeoAX .ecl-note-fNUVj {
  margin-block-start: var(--space-0);
}

.ecl-sparkline-OTI9n {
  height: var(--space-48);
  margin-block-start: auto;
  margin-inline-end: var(--space-4);
  display: block;
  position: relative;
}

.ecl-plot-DwSU8 {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.ecl-area-FD73E {
  fill: var(--stat-card-tone-fill);
  stroke: none;
}

.ecl-line-Gqk3V {
  fill: none;
  stroke: var(--stat-card-tone);
  stroke-width: var(--stat-card-line);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.ecl-last-VSu-Z {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background: var(--stat-card-tone);
  position: absolute;
  inset-block-start: var(--stat-card-last);
  inset-inline-end: 0;
  transform: translate(50%, -50%);
}

.ecl-steps-V0rZV {
  --steps-marker-edge: 1.5px;
  --steps-connector-min: 24px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ecl-horizontal--z6c1 {
  align-items: flex-start;
  gap: var(--space-12);
}

.ecl-vertical-9TW7Z {
  flex-direction: column;
}

.ecl-step-d38Ru {
  gap: var(--space-8);
  min-width: 0;
  display: flex;
}

.ecl-vertical-9TW7Z .ecl-step-d38Ru {
  gap: var(--space-12);
}

.ecl-horizontal--z6c1 .ecl-step-d38Ru:not(:last-child) {
  flex: 1;
}

.ecl-rail-LlJFg {
  align-items: center;
  gap: var(--space-4);
  flex-direction: column;
  flex: none;
  display: flex;
}

.ecl-marker-lFkXL {
  width: var(--size-control-xs);
  height: var(--size-control-xs);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  color: var(--color-text-tertiary);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ecl-text-4Uz4p {
  gap: var(--space-2);
  min-width: 0;
  flex-direction: column;
  padding-block-start: var(--space-2);
  display: flex;
}

.ecl-vertical-9TW7Z .ecl-text-4Uz4p {
  padding-block-end: var(--space-20);
}

.ecl-title-sbG4- {
  color: var(--color-text-secondary);
}

.ecl-description-9LMV5 {
  color: var(--color-text-tertiary);
}

.ecl-line-mcK-K {
  background: var(--color-border-default);
  flex: 1;
}

.ecl-horizontal--z6c1 .ecl-line-mcK-K {
  min-width: var(--steps-connector-min);
  height: var(--space-2);
  margin-block-start: calc((var(--size-control-xs) - var(--space-2)) / 2);
}

.ecl-vertical-9TW7Z .ecl-line-mcK-K {
  width: var(--space-2);
}

.ecl-back-T4sEO {
  border-radius: var(--radius-sm);
  text-align: start;
  cursor: pointer;
  transition: box-shadow var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ecl-back-T4sEO:focus-visible {
  box-shadow: var(--glow-focus);
  outline: none;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-back-T4sEO:hover .ecl-title-sbG4- {
    text-decoration: underline;
  }
}

.ecl-step-d38Ru[data-state="done"] .ecl-marker-lFkXL {
  background: var(--color-fill-accent);
  color: var(--color-text-on-accent);
}

.ecl-step-d38Ru[data-state="done"] .ecl-title-sbG4- {
  color: var(--color-text-primary);
}

.ecl-step-d38Ru[data-state="done"] .ecl-line-mcK-K {
  background: var(--color-fill-accent);
}

.ecl-step-d38Ru[data-state="current"] .ecl-marker-lFkXL {
  background: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

.ecl-step-d38Ru[data-state="current"] .ecl-title-sbG4- {
  color: var(--color-text-primary);
}

.ecl-step-d38Ru[data-state="error"] .ecl-marker-lFkXL {
  border: var(--steps-marker-edge) solid var(--color-border-danger);
  background: var(--color-fill-danger-subtle);
  color: var(--color-text-danger);
}

.ecl-step-d38Ru[data-state="error"] .ecl-title-sbG4- {
  color: var(--color-text-danger);
}

.ecl-steps-V0rZV[data-variant="inline"] {
  align-items: center;
  gap: var(--space-12);
}

.ecl-steps-V0rZV[data-variant="inline"] .ecl-step-d38Ru {
  flex: none;
  align-items: center;
}

.ecl-steps-V0rZV[data-variant="inline"] .ecl-text-4Uz4p {
  padding-block-start: var(--space-0);
}

.ecl-steps-V0rZV[data-variant="inline"] .ecl-step-d38Ru:not([data-state="current"], [data-state="error"]) .ecl-marker-lFkXL {
  background: var(--color-fill-neutral);
  color: var(--color-text-tertiary);
}

.ecl-steps-V0rZV[data-variant="inline"] .ecl-step-d38Ru:not([data-state="current"], [data-state="error"]) .ecl-title-sbG4- {
  color: var(--color-text-tertiary);
}

.ecl-tag-nlL0z {
  align-items: center;
  gap: var(--space-6);
  max-width: 100%;
  height: var(--size-control-xs);
  padding-inline: var(--space-8);
  border-radius: var(--radius-md);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  display: inline-flex;
}

.ecl-sm-Wo978 {
  gap: var(--space-4);
  height: var(--space-20);
  padding-inline: var(--space-6);
}

.ecl-label-pu6eU {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ecl-dot-oQwOs {
  width: var(--space-6);
  height: var(--space-6);
  border-radius: var(--radius-full);
  background: currentColor;
  flex: none;
}

.ecl-neutral-ZCWTc {
  background: var(--color-fill-neutral);
  color: var(--color-text-primary);
}

.ecl-accent-CV4Cp {
  background: var(--color-fill-accent-subtle);
  color: var(--color-text-accent);
}

.ecl-success-Grsx9 {
  background: var(--color-fill-success-subtle);
  color: var(--color-text-success);
}

.ecl-warning-2Dfj- {
  background: var(--color-fill-warning-subtle);
  color: var(--color-text-warning);
}

.ecl-danger-NiyCs {
  background: var(--color-fill-danger-subtle);
  color: var(--color-text-danger);
}

.ecl-coloured-6-owK[data-colour="solid"] {
  background: var(--tag-colour);
  color: var(--tag-colour-ink);
}

.ecl-coloured-6-owK[data-colour="subtle"] {
  isolation: isolate;
  color: var(--color-text-primary);
  position: relative;
}

.ecl-coloured-6-owK[data-colour="subtle"]:after {
  content: "";
  inset: var(--space-0);
  z-index: -1;
  border-radius: inherit;
  background: var(--tag-colour);
  -webkit-mask-image: linear-gradient(var(--color-fill-accent-subtle),
    var(--color-fill-accent-subtle));
  mask-image: linear-gradient(var(--color-fill-accent-subtle),
    var(--color-fill-accent-subtle));
  position: absolute;
}

.ecl-coloured-6-owK[data-colour="subtle"] .ecl-dot-oQwOs {
  background: var(--tag-colour);
}

.ecl-remove-oQrZ6 {
  --tag-remove-rest: .7;
  border-radius: var(--radius-sm);
  color: inherit;
  cursor: pointer;
  opacity: var(--tag-remove-rest);
  transition: opacity var(--duration-fast) var(--easing-standard);
  background: none;
  border: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-remove-oQrZ6:hover {
    opacity: 1;
  }
}

.ecl-remove-oQrZ6:focus-visible {
  box-shadow: var(--glow-focus);
  opacity: 1;
  outline: none;
}