/* [project]/node_modules/.pnpm/@eclypsion+ui@0.11.0_@types+react-dom@19.3.0_@types+react@19.3.0__@types+react@19.3.0_r_ad6db83759f4a344241ca870a1688659/node_modules/@eclypsion/ui/dist/styles.css [app-client] (css) */
.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-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-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-block-B4ZFK {
  width: 100%;
}

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

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

.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-menu-EozgP {
  --menu-min-width: 196px;
  --menu-max-width: 420px;
  --menu-max-height: 320px;
  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);
  scroll-padding-block: 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 auto;
}

.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-itemDanger-S77hH .ecl-itemIcon-ejFAM {
  color: inherit;
}

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

.ecl-itemHint-dNPKM {
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  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-itemHint-dNPKM, .ecl-item-YXxzb[data-highlighted] .ecl-itemNote-cwrnt {
  color: var(--color-text-on-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-icon-md);
  height: var(--size-icon-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)translateY(-2px);
  }

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

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

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

@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-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: left;
  transform-origin: var(--radix-tooltip-content-transform-origin);
}

.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;
}

@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-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"] {
    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"] {
    animation: ecl-contentFadeOut-7VuX- var(--duration-fast) var(--easing-standard);
  }
}

.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);
  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);
  }
}

.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-slow) var(--easing-standard);
  position: absolute;
  top: 0;
  left: 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);
  overflow-clip-margin: var(--space-2);
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow: clip;
}

.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) {
  .ecl-group-5RLZg, .ecl-groupRegion-kjsgR, .ecl-groupItems-5wkby {
    flex-direction: row;
    align-items: center;
  }

  .ecl-groupRegion-kjsgR, .ecl-group-5RLZg:not([data-open]) > .ecl-groupRegion-kjsgR {
    display: flex;
  }

  .ecl-groupItems-5wkby {
    overflow: visible;
  }

  .ecl-group-5RLZg:not([data-open]) .ecl-groupItems-5wkby > * {
    opacity: 1;
    transform: none;
  }

  .ecl-group-5RLZg {
    margin-top: 0;
  }

  .ecl-item-I4gIt {
    flex: none;
    width: auto;
  }

  .ecl-navGroupRow-Pxfny {
    display: none;
  }

  [data-compact="collapsible"] .ecl-group-5RLZg, [data-compact="collapsible"] .ecl-groupItems-5wkby {
    flex-direction: column;
    align-items: stretch;
  }

  [data-compact="collapsible"] .ecl-group-5RLZg > .ecl-groupRegion-kjsgR {
    display: grid;
  }

  [data-compact="collapsible"] .ecl-groupItems-5wkby {
    overflow: clip;
  }

  [data-compact="collapsible"] .ecl-group-5RLZg:not([data-open]) .ecl-groupItems-5wkby > * {
    opacity: 0;
  }

  [data-compact="collapsible"] .ecl-group-5RLZg {
    margin-top: var(--space-12);
  }

  [data-compact="collapsible"] .ecl-item-I4gIt {
    width: 100%;
  }

  [data-compact="collapsible"] .ecl-navGroupRow-Pxfny {
    display: flex;
  }

  [data-compact="collapsible"] .ecl-navIndicator-8X-iU {
    transition: none;
  }

  [data-compact="collapsible"][data-open] > .ecl-navIndicator-8X-iU {
    animation: ecl-navIndicatorIn-A4GLP var(--duration-normal) var(--easing-standard) both;
  }
}

@keyframes ecl-navIndicatorIn-A4GLP {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.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-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: 1;
  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: 1;
  overflow: hidden;
}

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

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

.ecl-identityButton-jsiK- .ecl-identityName-9w-4- {
  flex: 0 auto;
}

.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);
  }
}

@media (max-width: 767px) {
  .ecl-shell-nT0QD {
    grid-template-columns: minmax(var(--space-0), 1fr);
    grid-template-rows: auto 1fr var(--shell-status-row);
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

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

  .ecl-nav-xmMKv {
    min-width: 0;
    margin: var(--space-8) var(--space-8) var(--space-0);
    padding: var(--space-8);
    scrollbar-gutter: auto;
    scrollbar-width: none;
    flex-direction: row;
    grid-area: 1 / 1 / 2 / -1;
    align-items: center;
    overflow: auto hidden;
  }

  .ecl-nav-xmMKv::-webkit-scrollbar {
    display: none;
  }

  .ecl-navHeader-0ubcC {
    flex: none;
  }

  .ecl-navHeader-0ubcC, .ecl-navItems-zJ4AU {
    flex-direction: row;
    align-items: center;
  }

  .ecl-nav-xmMKv[data-compact="collapsible"] {
    flex-wrap: wrap;
    overflow: visible;
  }

  .ecl-nav-xmMKv[data-compact="collapsible"] .ecl-navHeader-0ubcC {
    flex: 1 1 var(--space-0);
  }

  .ecl-nav-xmMKv[data-compact="collapsible"] .ecl-navToggle-gfxZA {
    margin-inline-start: auto;
    display: inline-flex;
  }

  .ecl-nav-xmMKv[data-compact="collapsible"] > .ecl-navItems-zJ4AU {
    flex-direction: column;
    flex-basis: 100%;
    align-items: stretch;
  }

  .ecl-nav-xmMKv[data-compact="collapsible"]:not([data-open]) > .ecl-navItems-zJ4AU {
    display: none;
  }

  .ecl-nav-xmMKv[data-compact="collapsible"][data-open] > .ecl-navItems-zJ4AU {
    animation: ecl-navListIn-1VIHN var(--duration-normal) var(--easing-entrance) both;
  }

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

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

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .ecl-nav-xmMKv[data-compact="collapsible"][data-open] > .ecl-navItems-zJ4AU {
    animation: ecl-navListFade-OreHL var(--duration-normal) var(--easing-standard) both;
  }
}

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

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

@keyframes ecl-navListFade-OreHL {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 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);
}

.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-headerToggle-nH4IC {
  flex: none;
  margin-inline-start: calc(var(--space-8) * -1);
  display: inline-flex;
}

.ecl-sectionHead-iw5bg {
  min-width: 0;
  height: var(--size-control-xs);
  padding-inline: var(--space-12);
  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-top-NSBg3 {
    min-width: 0;
    padding: var(--space-12) var(--space-12) var(--space-0);
    grid-area: 1 / 2 / 2 / 4;
  }

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

  .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-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: 1 / 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);
  }
}

@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] {
    transition: opacity var(--duration-normal) var(--easing-standard),
      visibility calc(var(--duration-slow) * 1.2);
    transform: none;
  }
}

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

  .ecl-top-NSBg3 {
    min-width: 0;
    padding: var(--space-8) var(--space-8) var(--space-0);
    grid-area: 3 / 1 / 4 / -1;
  }

  .ecl-top-NSBg3:empty, .ecl-headerToggle-nH4IC, .ecl-sectionHead-iw5bg {
    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: 4 / 1 / 5 / -1;
  }

  .ecl-status-hFiHn[data-navigation] {
    grid-area: 5 / 1 / 6 / -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-badge-rgupV {
  align-items: center;
  gap: var(--space-4);
  height: var(--size-control-xs);
  padding-inline: var(--space-8);
  border-radius: var(--radius-full);
  white-space: nowrap;
  display: inline-flex;
}

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

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

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

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

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

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

.ecl-card-lNpW9 {
  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;
  overflow: hidden;
}

.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-actions-RRTAD {
  align-items: center;
  gap: var(--space-8);
  margin-inline-start: auto;
  display: flex;
}

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

.ecl-bodyFlush-7P8gl {
  padding: 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-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-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-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), .ecl-box-v6JLF[data-state="indeterminate"]:hover:not(:disabled) {
    background: var(--color-fill-accent-hover);
    border-color: var(--color-fill-accent-hover);
  }
}

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

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

.ecl-box-v6JLF: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"] {
  background: var(--color-fill-disabled);
  border-color: var(--color-border-default);
}

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

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

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

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

.ecl-sizeLg-KfeUw {
  width: var(--size-icon-lg);
  height: var(--size-icon-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-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: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 var(--duration-fast) var(--easing-entrance);
}

.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;
}

.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;
  }
}

.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 {
    transition: none;
  }

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

.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);
  display: flex;
}

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

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

.ecl-hintIcon-5TQCb {
  width: var(--space-16);
  height: var(--space-16);
  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);
}

.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);
  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 {
  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-sm-WI7Iv {
  height: var(--size-control-sm);
  gap: var(--space-6);
  padding-inline: var(--space-8);
}

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

.ecl-lg-34DoP {
  height: var(--size-control-lg);
  gap: var(--space-8);
  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-appearing-70kAA {
    transition: opacity var(--duration-normal) var(--easing-standard);
    transform: none;
  }

  @starting-style {
    .ecl-appearing-70kAA {
      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 {
  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-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)translateY(-2px);
  }

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

@keyframes ecl-surfaceOut-LSnQR {
  0% {
    opacity: 1;
    transform: none;
  }

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

@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-chip-v1TU- {
  max-width: 100%;
}

.ecl-chipLabel-QBTlX {
  min-width: var(--space-0);
  text-overflow: ellipsis;
  overflow: hidden;
}

[data-disabled] > .ecl-chip-v1TU- {
  color: var(--color-text-disabled);
}

.ecl-remove-hAtW2 {
  width: var(--size-icon-md);
  height: var(--size-icon-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-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;
  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-empty-MWlqY {
  padding-block: var(--space-6) var(--space-12);
  padding-inline: var(--space-12);
  color: var(--color-text-tertiary);
}

@media (prefers-reduced-motion: reduce) {
  .ecl-remove-hAtW2, .ecl-remove-hAtW2:active:not(:disabled) {
    transition: color var(--duration-fast) var(--easing-standard),
      background-color var(--duration-fast) var(--easing-standard);
    transform: none;
  }
}

.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-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-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-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-normal) var(--easing-entrance);
}

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

.ecl-content-PCozo {
  --dialog-width: 520px;
  --dialog-max-height: 760px;
  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);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.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-normal) var(--easing-entrance);
}

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

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

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

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

.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;
}

.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: 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 {
  align-items: center;
  gap: var(--space-8);
  margin-inline-start: auto;
  display: flex;
}

.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%, -50%)scale(.97);
  }

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

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

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

@media (max-width: 640px) {
  .ecl-content-PCozo {
    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;
    width: 100vw;
    max-height: 88vh;
    inset-block: auto 0;
    transform: translate(-50%);
  }

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

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

  .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);
  }
}

@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));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-content-PCozo[data-state="open"], .ecl-content-PCozo[data-state="closed"] {
    animation: none;
  }

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

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

.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-16);
  scroll-snap-type: x proximity;
  min-width: 0;
  margin: calc(var(--space-8) * -1);
  padding: var(--space-8);
  scroll-padding-inline: var(--space-8);
  display: flex;
  overflow-x: auto;
}

.ecl-column--GhxJ, .ecl-addColumn-CrjjA {
  width: var(--layout-nav);
  scroll-snap-align: start;
  flex: none;
  min-width: 0;
}

.ecl-column--GhxJ {
  gap: var(--space-8);
  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);
}

.ecl-head-oAaSY {
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  min-height: var(--size-control-sm);
  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);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ecl-footer-hy7E9 {
  align-items: flex-start;
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.ecl-card-UpL9c {
  border-radius: var(--radius-xl);
  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);
  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);
  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-thumb-hover: 1.1;
  --slider-thumb-held: 1.25;
  --slider-ratio: 0;
  --slider-progress: calc(var(--slider-ratio) * 100%);
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
}

.ecl-range-MKhpk {
  min-width: 0;
  height: var(--slider-thumb);
  appearance: none;
  cursor: pointer;
  background: none;
  flex: 1;
  margin: 0;
}

.ecl-range-MKhpk:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.ecl-range-MKhpk::-webkit-slider-runnable-track {
  height: var(--slider-track);
  border-radius: var(--radius-full);
  background: linear-gradient(to right,
    var(--color-fill-progress) var(--slider-progress),
    var(--color-fill-neutral) var(--slider-progress));
}

.ecl-range-MKhpk::-moz-range-track {
  height: var(--slider-track);
  border-radius: var(--radius-full);
  background: linear-gradient(to right,
    var(--color-fill-progress) var(--slider-progress),
    var(--color-fill-neutral) var(--slider-progress));
  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);
  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);
  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-tip-PKI5Y {
  bottom: calc(100% + var(--space-8));
  left: calc(var(--slider-thumb) / 2 + (100% - var(--slider-thumb)) * var(--slider-ratio));
  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(-50%, var(--space-2));
  transform-origin: bottom;
  transition: opacity var(--duration-fast) var(--easing-exit),
    transform var(--duration-fast) var(--easing-exit);
  position: absolute;
}

.ecl-slider-svqW6[data-dragging="true"] .ecl-tip-PKI5Y, .ecl-range-MKhpk:focus-visible + .ecl-tip-PKI5Y {
  opacity: 1;
  transform: translate(-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: none;
  }

  .ecl-range-MKhpk::-moz-range-thumb {
    transition: none;
  }

  .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-slider-svqW6[data-dragging="true"] .ecl-tip-PKI5Y, .ecl-range-MKhpk:focus-visible + .ecl-tip-PKI5Y {
    transform: translate(-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);
  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;
  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-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)translateY(-2px);
  }

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

@keyframes ecl-peekOut-pqZz- {
  0% {
    opacity: 1;
    transform: none;
  }

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

@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 {
  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;
  bottom: 0;
}

.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-frame-CW-hc {
  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);
  position: sticky;
}

.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);
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .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-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;
  overflow: hidden;
}

.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 {
  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;
}

@media (prefers-reduced-motion: reduce) {
  .ecl-row-7Oie3, .ecl-sortButton-GF0xe, .ecl-sortMark-M5ibP {
    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;
}

.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: none;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

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

.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);
}

.ecl-leadAfter-mWKDI .ecl-crumbSlot-aitao:first-child .ecl-crumb-F0oHE {
  margin-inline-start: var(--space-0);
}

@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 1 var(--space-0);
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-8);
  min-width: 0;
  display: flex;
}

.ecl-body-gp9DE {
  gap: var(--space-24);
  padding: var(--space-32);
  animation: ecl-pageBodyIn-IQTgU var(--duration-normal) var(--easing-entrance) both;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.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-pageBodyIn-IQTgU {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ecl-body-gp9DE {
    animation: ecl-pageBodyFade-5E0TF var(--duration-normal) var(--easing-standard) both;
  }
}

@keyframes ecl-pageBodyFade-5E0TF {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@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;
  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-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)translateY(-2px);
  }

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

@keyframes ecl-cardOut-8qjx7 {
  0% {
    opacity: 1;
    transform: none;
  }

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

@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-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-icon-md);
  height: var(--size-icon-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 var(--duration-fast) var(--easing-entrance),
    transform var(--duration-fast) var(--easing-entrance);
  display: block;
  transform: scale(.4);
}

.ecl-dotBox-lgOEH[data-state="checked"] .ecl-dot-GGX9R {
  opacity: 1;
  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-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);
}

@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 {
    transition: opacity var(--duration-fast) var(--easing-standard);
    transform: none;
  }

  .ecl-dotBox-lgOEH[data-state="checked"] .ecl-dot-GGX9R, .ecl-dotBox-lgOEH:active:not(:disabled) {
    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 {
  align-items: flex-start;
  min-width: 0;
  display: flex;
  position: relative;
}

.ecl-row-8QUsd {
  gap: var(--space-12);
  padding-block: var(--space-12);
}

.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-card-R8tOG {
  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);
}

@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-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: var(--space-2);
}

.ecl-lead-0PsdQ {
  color: var(--color-text-secondary);
  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);
  text-decoration: line-through;
}

.ecl-note-FXv0B {
  color: var(--color-text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ecl-trailing-tuTSM {
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  display: flex;
}

.ecl-row-8QUsd > .ecl-trailing-tuTSM {
  flex: none;
}

.ecl-card-R8tOG .ecl-trailing-tuTSM {
  margin-block-start: var(--space-4);
}

.ecl-meta-g-gAw {
  color: var(--color-text-tertiary);
  white-space: nowrap;
}

.ecl-nav-fnATA {
  gap: var(--space-20);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.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;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-item-ASFLA:hover {
    background: var(--color-fill-neutral);
    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);
}

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

.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 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.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;
}

@media (pointer: coarse) {
  .ecl-item-ASFLA {
    min-height: var(--space-48);
  }
}

.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);
  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;
  transition: background-color var(--duration-fast) var(--easing-standard),
    box-shadow var(--duration-fast) var(--easing-standard);
  border: none;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.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);
}

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

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

@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[data-state="checked"] {
  background-color: var(--color-fill-accent-subtle);
  border: none;
}

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

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

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

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

@media (hover: hover) and (pointer: fine) {
  .ecl-track-y39nP:active:not(:disabled) .ecl-knob-a15oT {
    transform: scale(.96);
  }

  .ecl-track-y39nP[data-state="checked"]:active:not(:disabled) .ecl-knob-a15oT {
    transform: translateX(var(--switch-travel)) scale(.96);
  }
}

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

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

  .ecl-track-y39nP:active:not(:disabled) .ecl-knob-a15oT {
    transform: none;
  }

  .ecl-track-y39nP[data-state="checked"]:active:not(:disabled) .ecl-knob-a15oT {
    transform: translateX(var(--switch-travel));
  }
}

.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-icon-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-fast) var(--easing-standard),
    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-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-listAction-GpH0a {
  align-items: center;
  gap: var(--space-8);
  flex: none;
  display: flex;
}

.ecl-tab-z8eTm {
  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);
}

.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;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-root-bPJni[data-variant="line"] .ecl-tab-z8eTm:hover:not(:disabled, [aria-disabled="true"], [data-state="active"]) {
    background-color: var(--color-fill-neutral-hover);
  }
}

.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;
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm {
  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"], [data-state="active"]) {
    background-color: var(--color-fill-neutral-hover);
    color: var(--color-text-primary);
  }
}

.ecl-root-bPJni[data-variant="segmented"] .ecl-tab-z8eTm[data-state="active"] {
  background-color: var(--color-fill-raised);
  box-shadow: var(--shadow-raised);
  color: var(--color-text-primary);
}

.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 {
    transition: none;
  }
}

.ecl-field-vRtSS {
  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-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;
}

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-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-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-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-count-FhoLJ {
  min-width: var(--size-icon-md);
  height: var(--size-icon-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);
  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"] {
  background: var(--color-fill-neutral);
}

.ecl-alert-o96pK[data-tone="info"] {
  background: var(--color-fill-accent-subtle);
}

.ecl-alert-o96pK[data-tone="success"] {
  background: var(--color-fill-success-subtle);
}

.ecl-alert-o96pK[data-tone="warning"] {
  background: var(--color-fill-warning-subtle);
}

.ecl-alert-o96pK[data-tone="danger"] {
  background: 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-composer-peQ9h {
  gap: var(--space-8);
  flex-direction: column;
  display: flex;
}

.ecl-attachments-QD1on {
  gap: var(--space-8);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ecl-attachment-A723- {
  align-items: center;
  gap: var(--space-4);
  max-width: 100%;
  padding-inline: var(--space-4) var(--space-8);
  border-radius: var(--radius-full);
  background: var(--color-fill-neutral);
  color: var(--color-text-secondary);
  display: flex;
}

.ecl-attachmentName-8isN- {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 16rem;
  overflow: hidden;
}

.ecl-attachmentMeta-T7EBF {
  color: var(--color-text-tertiary);
  flex-shrink: 0;
}

.ecl-bar-1F6sP {
  align-items: flex-end;
  gap: var(--space-8);
  display: flex;
}

.ecl-field-jtzZm {
  flex: 1;
  min-width: 0;
}

.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-hintOver-oFZD8 {
  color: var(--color-text-danger);
}

.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-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-track-LisER {
  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;
}

.ecl-fill-ofN3I {
  grid-auto-columns: minmax(var(--space-0), 1fr);
  grid-auto-flow: column;
  display: grid;
}

.ecl-segment-qEST2 {
  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-sm);
  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;
}

@media (hover: hover) and (pointer: fine) {
  .ecl-segment-qEST2:hover {
    color: var(--color-text-primary);
  }
}

.ecl-segment-qEST2[aria-checked="true"] {
  background-color: var(--color-surface-elevated);
  box-shadow: var(--shadow-raised);
  color: var(--color-text-primary);
}

.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 {
    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-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;
  }
}