@layer components.list{@keyframes ecListRowFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){ec-list[data-animate] e-list-row{animation:ecListRowFadeIn var(--duration-ui) var(--ease-out-quint) backwards}ec-list[data-animate] a:has(>e-list-row){animation:ecListRowFadeIn var(--duration-ui) var(--ease-out-quint) backwards}ec-list[data-animate] e-list-row:first-child,ec-list[data-animate] a:first-child{animation-delay:0s}ec-list[data-animate] e-list-row:nth-child(2),ec-list[data-animate] a:nth-child(2){animation-delay:30ms}ec-list[data-animate] e-list-row:nth-child(3),ec-list[data-animate] a:nth-child(3){animation-delay:60ms}ec-list[data-animate] e-list-row:nth-child(4),ec-list[data-animate] a:nth-child(4){animation-delay:90ms}ec-list[data-animate] e-list-row:nth-child(5),ec-list[data-animate] a:nth-child(5){animation-delay:.12s}ec-list[data-animate] e-list-row:nth-child(6),ec-list[data-animate] a:nth-child(6){animation-delay:.15s}ec-list[data-animate] e-list-row:nth-child(7),ec-list[data-animate] a:nth-child(7){animation-delay:.18s}ec-list[data-animate] e-list-row:nth-child(8),ec-list[data-animate] a:nth-child(8){animation-delay:.21s}ec-list[data-animate] e-list-row:nth-child(9),ec-list[data-animate] a:nth-child(9){animation-delay:.24s}ec-list[data-animate] e-list-row:nth-child(10),ec-list[data-animate] a:nth-child(10){animation-delay:.27s}ec-list[data-animate] e-list-row:nth-child(n+11),ec-list[data-animate] a:nth-child(n+11){animation-delay:.3s}}e-filter-tabs{gap:var(--space-rem-3xs);padding:var(--space-rem-3xs);-webkit-overflow-scrolling:touch;border-radius:9999px;flex-wrap:nowrap;max-width:100%;display:inline-flex;overflow-x:auto}e-filter-tabs button{justify-content:center;align-items:center;gap:var(--space-rem-3xs);padding:var(--space-rem-3xs) var(--space-rem-s);cursor:pointer;color:var(--color-text);font-size:var(--step--1);font-weight:500;font-family:var(--font-family);-webkit-user-select:none;user-select:none;border:1px solid var(--gray-300);white-space:nowrap;background:0 0;border-radius:9999px;flex-shrink:0;display:inline-flex}e-filter-tabs button:has(ec-badge){padding-right:var(--space-rem-3xs)}html[data-theme=dark] e-filter-tabs button{border-color:var(--color-border-default)}e-filter-tabs button:hover{border-color:var(--color-primary)}e-filter-tabs button:active{transform:scale(var(--interactive-scale))}e-filter-tabs button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}e-filter-tabs button[aria-pressed=true]{background:var(--color-primary);color:var(--white);border-color:transparent}e-filter-tabs button:hover ec-badge{background-color:var(--color-primary);--_badge-color:var(--white)}e-filter-tabs button[aria-pressed=true] ec-badge{background-color:var(--white);--_badge-color:var(--color-primary)}@media (prefers-reduced-motion:no-preference){e-filter-tabs button{transition:transform var(--interactive-transition-duration) ease-out, background-color var(--interactive-transition-duration) ease, color var(--interactive-transition-duration) ease, border-color var(--interactive-transition-duration) ease}}e-list-header{gap:var(--s-1);box-sizing:border-box;width:100%;max-width:100%;height:var(--list-row-min-height,56px);align-items:center;padding:0;display:flex}e-list-header>e-header-field{padding:var(--s-1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}e-list-header>e-header-field[ec-sort]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--s-2);display:flex}e-list-header>e-header-field[ec-sort]:hover{color:var(--color-primary)}e-list-header>e-header-field[ec-sort]:focus-visible{color:var(--color-primary)}e-list-header>e-header-field[ec-sort]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}e-list-header>e-header-field[ec-sort] [data-sort-icon]{font-size:.8em}@media (prefers-reduced-motion:no-preference){e-list-header>e-header-field[ec-sort]{transition:color var(--duration-micro) ease}e-list-header>e-header-field[ec-sort] [data-sort-icon]{transition:transform var(--duration-micro) ease}}e-list-header>e-header-field[ec-sort]:hover [data-sort-icon]{transform:scale(1.2)}e-list-row{box-sizing:border-box;gap:var(--s-1);border-bottom:1px solid var(--color-border-default);width:100%;min-height:var(--list-row-min-height,56px);align-items:center;display:flex;position:relative}e-list-row[data-state=dimmed]:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" preserveAspectRatio=\"none\" width=\"100%25\" height=\"100%25\"><line x1=\"0\" y1=\"100%25\" x2=\"100%25\" y2=\"0\" stroke=\"%23ef4444\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"/></svg>");background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}a:has(>e-list-row){color:inherit;border-bottom:1px solid var(--color-border-default);width:100%;text-decoration:none;display:flex}a:has(>e-list-row):last-of-type{border-bottom:none}a:has(>e-list-row)>e-list-row{border-bottom:none}a:has(>e-list-row):focus-visible{outline:none}a:has(>e-list-row):focus-visible>e-list-row{outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){e-list-row{transition:color var(--duration-micro) ease, transform var(--interactive-transition-duration) var(--ease-out-quint)}}e-list-row:hover{color:var(--color-text)}@media (prefers-reduced-motion:no-preference){a:has(>e-list-row):active>e-list-row{transform:scale(var(--interactive-scale))}}e-list-row:last-of-type{border-bottom:none}e-list-row>e-field{padding:var(--s-1);text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}e-list-row>e-field a{margin-right:var(--s-2);text-decoration:none}e-list-row>e-field a:last-child{margin-right:0}e-list-row>e-field a:hover{text-decoration:none}e-list-header>e-header-field[width="5"],e-list-row>e-field[width="5"]{flex:0 5%;max-width:5%}e-list-header>e-header-field[width="10"],e-list-row>e-field[width="10"]{flex:0 10%;max-width:10%}e-list-header>e-header-field[width="15"],e-list-row>e-field[width="15"]{flex:0 15%;max-width:15%}e-list-header>e-header-field[width="20"],e-list-row>e-field[width="20"]{flex:0 20%;max-width:20%}e-list-header>e-header-field[width="25"],e-list-row>e-field[width="25"]{flex:0 25%;max-width:25%}e-list-header>e-header-field[width="30"],e-list-row>e-field[width="30"]{flex:0 30%;max-width:30%}e-list-header>e-header-field[width="33"],e-list-row>e-field[width="33"]{flex:0 33.333%;max-width:33.333%}e-list-header>e-header-field[width="40"],e-list-row>e-field[width="40"]{flex:0 40%;max-width:40%}e-list-header>e-header-field[width="50"],e-list-row>e-field[width="50"]{flex:0 50%;max-width:50%}e-list-header>e-header-field[width="60"],e-list-row>e-field[width="60"]{flex:0 60%;max-width:60%}e-list-header>e-header-field[width="70"],e-list-row>e-field[width="70"]{flex:0 70%;max-width:70%}e-list-header>e-header-field[width="35"],e-list-row>e-field[width="35"]{flex:0 35%;max-width:35%}e-list-header>e-header-field[width="4"],e-list-row>e-field[width="4"]{flex:0 4%;max-width:4%}e-list-header>e-header-field[width="6"],e-list-row>e-field[width="6"]{flex:0 6%;max-width:6%}e-list-header>e-header-field[width="7"],e-list-row>e-field[width="7"]{flex:0 7%;max-width:7%}e-list-header>e-header-field[width="8"],e-list-row>e-field[width="8"]{flex:0 8%;max-width:8%}e-list-header>e-header-field[width="9"],e-list-row>e-field[width="9"]{flex:0 9%;max-width:9%}e-list-header>e-header-field[width="11"],e-list-row>e-field[width="11"]{flex:0 11%;max-width:11%}e-list-header>e-header-field[width="12"],e-list-row>e-field[width="12"]{flex:0 12%;max-width:12%}e-list-header>e-header-field[width="13"],e-list-row>e-field[width="13"]{flex:0 13%;max-width:13%}e-list-header>e-header-field[width="14"],e-list-row>e-field[width="14"]{flex:0 14%;max-width:14%}e-list-header>e-header-field[width=auto],e-list-row>e-field[width=auto]{flex:none;max-width:none}e-list-row[expandable]{cursor:pointer}e-list-row>e-field[caret]{text-align:center;width:2.5rem;padding-inline:var(--s-2);flex:none}e-list-header>e-header-field[caret]{width:2.5rem;padding-inline:var(--s-2);flex:none}@media (prefers-reduced-motion:no-preference){e-list-row[expandable]>e-field[caret] ec-fa-icon{transition:transform var(--duration-micro) ease}}e-list-row[expanded]>e-field[caret] ec-fa-icon{transform:rotate(90deg)}e-list-header>e-header-field[align=center]{text-align:center;justify-content:center;align-items:center;display:flex}e-list-row>e-field[align=center]{text-align:center;justify-content:center;align-items:center;display:flex}e-list-header>e-header-field[align=right]{text-align:right;justify-content:flex-end;align-items:center;display:flex}e-list-row>e-field[align=right]{text-align:right;justify-content:flex-end;align-items:center;display:flex}e-list-header>e-header-field[actions],e-list-row>e-field[actions]{flex:0 0 var(--ec-list-actions-width,4rem);text-align:right;box-sizing:border-box;justify-content:flex-end;align-items:center;gap:var(--s-1);margin-left:auto;display:flex}e-list-row>e-field[actions]{cursor:default;overflow:visible}ec-list{--ec-list-media-width:2.75rem;--ec-list-drag-handle-width:24px;container:ec-list/inline-size}e-list-header>e-header-field[media],e-list-row>e-field[media]{width:var(--ec-list-media-width,2.75rem);padding:var(--s-1) 0;flex:none;justify-content:center;align-items:center;display:flex;overflow:visible}ec-list[actions-wide]{--ec-list-actions-width:6rem}e-list-row ec-fa-icon[role=button]{cursor:pointer}e-list-details{border-bottom:1px solid var(--color-border);width:100%;display:none}html[data-theme=dark] e-list-details{border-color:var(--color-border-default)}e-list-details[visible]{display:block}e-comment{padding:var(--s-1);margin-bottom:var(--s-1);background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);display:block}html[data-theme=dark] e-comment{background-color:var(--card-background-color);border-color:var(--color-border-default)}e-comment:last-child{margin-bottom:0}e-comment-header{gap:var(--s0);margin-bottom:var(--s-2);font-size:var(--s-1);align-items:center;display:flex}e-date{color:var(--color-text-secondary)}e-comment-body{white-space:pre-wrap;font-size:var(--s0);line-height:1.5;display:block}e-no-content{color:var(--color-text-secondary);font-style:italic;display:block}e-tag{padding:var(--s-3) var(--s-2);background-color:var(--color-surface-variant);border-radius:var(--border-radius);font-size:var(--s-1);margin:var(--s-3);display:inline-block}html[data-theme=dark] e-tag{background-color:var(--gray-700)}@container ec-list (width<=750px){e-list-header{align-items:center;column-gap:var(--s-1);row-gap:var(--s-3);width:100%;max-width:100%;height:auto;padding:var(--s-1) 0;box-sizing:border-box;flex-wrap:wrap;display:flex}e-list-header>e-header-field{white-space:normal;min-width:0;max-width:none;font-size:var(--step--2);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);flex:0 auto;order:3;padding:0;font-weight:400;overflow:visible}e-list-header>e-header-field[width]{max-width:none}e-list-header>e-header-field[width]:not([primary]):not([trailing]){flex:0 auto}e-list-header>e-header-field[primary]{font-size:var(--step--1);color:var(--color-text);text-transform:none;letter-spacing:normal;flex:100%;order:1;font-weight:600}e-list-header:not(:has(>e-header-field[primary]))>e-header-field:not([actions]):not([media]):not([caret]):not([trailing]){font-size:var(--step--1);color:var(--color-text);text-transform:none;letter-spacing:normal;flex:100%;order:1;font-weight:600}e-list-header:not(:has(>e-header-field[primary]))>e-header-field:not([actions]):not([media]):not([caret]):not([trailing])~e-header-field:not([actions]):not([media]):not([caret]):not([trailing]){font-size:var(--step--2);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;flex:0 auto;order:3;font-weight:400}e-list-header>e-header-field[ec-sort]{display:inline-flex}e-list-header>e-header-field[actions],e-list-header>e-header-field[media],e-list-header>e-header-field[hide-mobile]{display:none}e-list-header:has(>e-header-field[actions]){padding-right:calc(var(--ec-list-actions-width,4rem) + var(--s-1))}e-list-header:has(>e-header-field[media]){padding-left:calc(var(--ec-list-media-width,2.75rem) + var(--s-1))}ec-list[sortable]:has(e-list-row[data-id]) e-list-header:has(>e-header-field[media]){padding-left:calc(var(--ec-list-drag-handle-width,24px) + var(--s-1) + var(--ec-list-media-width,2.75rem) + var(--s-1))}e-list-row{align-items:center;column-gap:var(--s-1);row-gap:var(--s-2);padding:var(--s-1) 0;border:0;border-bottom:1px solid var(--color-border-default);box-sizing:border-box;background:0 0;border-radius:0;flex-wrap:wrap;margin:0;display:flex;position:relative}e-list-row:last-of-type{border-bottom:none}a:has(>e-list-row):last-of-type>e-list-row{border-bottom:none}a:has(>e-list-row){border-bottom:none;display:block}e-list-row>e-field{text-align:left;min-width:0;max-width:none;font-size:var(--step--1);color:var(--color-text-secondary);flex:0 auto;order:3;padding:0;overflow:visible}e-list-row>e-field[width]:not([primary]):not([trailing]){flex:0 auto;max-width:none}e-list-row>e-field[primary]{white-space:normal;max-width:none;font-size:var(--step-0);color:var(--color-text);flex:auto;order:1;font-weight:600}e-list-row:not(:has(>e-field[trailing]))>e-field[primary]{flex-basis:100%}e-list-row:not(:has(>e-field[primary]))>e-field:not([media]):not([actions]):not([caret]):not([trailing]){max-width:none;font-size:var(--step-0);color:var(--color-text);flex:100%;order:1;font-weight:600}e-list-row:not(:has(>e-field[primary]))>e-field:not([media]):not([actions]):not([caret]):not([trailing])~e-field:not([media]):not([actions]):not([caret]):not([trailing]){font-size:var(--step--1);color:var(--color-text-secondary);flex:0 auto;order:3;font-weight:400}e-list-row:has(>e-field[primary])>e-field:not([primary]):not([media]):not([actions]):not([caret]):not([trailing]):not([hide-mobile])~e-field:not([primary]):not([media]):not([actions]):not([caret]):not([trailing]):not([hide-mobile]){align-items:center;gap:var(--s-2);white-space:normal;overflow-wrap:anywhere;display:flex}e-list-row:not(:has(>e-field[primary]))>e-field:not([media]):not([actions]):not([caret]):not([trailing]):not([hide-mobile])~e-field:not([media]):not([actions]):not([caret]):not([trailing]):not([hide-mobile])~e-field:not([media]):not([actions]):not([caret]):not([trailing]):not([hide-mobile]){align-items:center;gap:var(--s-2);white-space:normal;overflow-wrap:anywhere;display:flex}e-list-row>e-field[trailing]{color:var(--color-text);flex:none;order:2;margin-left:auto;font-weight:600}e-list-row>e-field[media]{position:absolute;top:50%;left:0;transform:translateY(-50%)}e-list-row:has(>e-field[media]){padding-left:calc(var(--ec-list-media-width,2.5rem) + var(--s-1))}e-list-row>e-field[actions]{position:absolute;top:50%;right:0;overflow:visible;transform:translateY(-50%)}e-list-row:has(>e-field[actions]){padding-right:calc(var(--ec-list-actions-width,4rem) + var(--s-1))}e-list-row[expandable]>e-field[caret]{position:absolute;top:50%;right:0;transform:translateY(-50%)}e-list-row[expandable]:has(>e-field[caret]){padding-right:calc(2.5rem + var(--s-1))}e-list-row[expandable]:has(>e-field[caret]):has(>e-field[actions])>e-field[caret]{right:calc(var(--ec-list-actions-width,4rem) + var(--s-1))}e-list-row[expandable]:has(>e-field[caret]):has(>e-field[actions]){padding-right:calc(var(--ec-list-actions-width,4rem) + 2.5rem + var(--s-1))}e-list-row>e-field:first-child:has(>ec-fa-icon:only-child){width:var(--ec-list-media-width,2.75rem);flex:none;order:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}e-list-row>e-field:first-child:has(>ec-avatar:only-child){width:var(--ec-list-media-width,2.75rem);flex:none;order:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}e-list-row>e-field:first-child:has(>ec-image:only-child){width:var(--ec-list-media-width,2.75rem);flex:none;order:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)}e-list-row:has(>e-field:first-child:has(>ec-fa-icon:only-child)){padding-left:calc(var(--ec-list-media-width,2.75rem) + var(--s-1))}e-list-row:has(>e-field:first-child:has(>ec-avatar:only-child)){padding-left:calc(var(--ec-list-media-width,2.75rem) + var(--s-1))}e-list-row:has(>e-field:first-child:has(>ec-image:only-child)){padding-left:calc(var(--ec-list-media-width,2.75rem) + var(--s-1))}e-list-row>e-field ec-cluster:has(>ec-fa-icon:first-child){--cluster-wrap:nowrap}e-list-row>e-field[hide-mobile],e-list-header>e-header-field[hide-mobile]{display:none}ec-list[sortable] e-list-row[data-id]:not(:has(>e-field[media])){padding-left:calc(var(--ec-list-drag-handle-width,24px) + var(--s-1) + var(--s-1))}ec-list[sortable] e-list-row[data-id]:has(>e-field[media]){padding-left:calc(var(--ec-list-drag-handle-width,24px) + var(--s-1) + var(--ec-list-media-width,2.75rem) + var(--s-1))}ec-list[sortable] e-list-row[data-id]:has(>e-field[media])>e-field[media]{left:calc(var(--ec-list-drag-handle-width,24px) + var(--s-1))}e-list-row>[drag-handle]{position:absolute;top:50%;left:0;transform:translateY(-50%)}}ec-list[sortable]:has(e-list-row[data-id]) e-list-header{padding-left:calc(var(--ec-list-drag-handle-width,24px) + var(--s-1) + var(--s-1))}ec-list[sortable] e-list-row[data-id]{padding-left:calc(var(--ec-list-drag-handle-width,24px) + var(--s-1) + var(--s-1))}e-list-row>[drag-handle]{box-sizing:border-box;width:var(--ec-list-drag-handle-width,24px);min-width:24px;height:max(24px, var(--list-row-min-height,56px));min-height:24px;padding:var(--s-2);cursor:grab;color:var(--color-text-secondary);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}e-list-row>[drag-handle]:hover{color:var(--color-primary)}e-list-row>[drag-handle]:active{cursor:grabbing}e-list-row[data-dragging]{opacity:.3;background:color-mix(in srgb, var(--color-primary) 15%, transparent);border:2px dashed var(--color-primary);border-radius:var(--border-radius);-webkit-user-select:none;user-select:none;transform:scale(.97)}ec-list[data-drag-active] e-list-row{-webkit-user-select:none;user-select:none}e-list-row[data-drag-over]{background:color-mix(in srgb, var(--color-primary) 8%, transparent);position:relative}e-list-row[data-drag-over]:before{content:"";background:var(--color-primary);height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--color-primary) 50%, transparent);border-radius:3px;position:absolute;top:-3px;left:0;right:0}e-list-row[data-drag-over]:after{content:"↑";color:var(--color-primary);font-size:1rem;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}e-list-row[draggable=true] img{pointer-events:none;-webkit-user-drag:none;user-drag:none}e-list-row[dropdown-open]{z-index:calc(var(--z-index-sticky) + 1);position:relative}html[data-theme=rainbow] e-filter-tabs button{color:#4e1fad;border-color:rgba(48,110,232,.4)}html[data-theme=rainbow] e-filter-tabs button:hover{border-color:#6226d9}html[data-theme=rainbow] e-filter-tabs button[aria-pressed=true]{color:var(--white);background:linear-gradient(90deg,#f04242,#f48c25,#f9e71f,#22c322,#306ee8,#c23cdd);border-color:transparent}html[data-theme=rainbow] e-list-details{border-color:rgba(48,110,232,.2)}html[data-theme=rainbow] e-comment{background-color:rgba(255,255,255,.7);border-color:rgba(48,110,232,.15)}html[data-theme=rainbow] e-tag{color:#441b98;background:linear-gradient(90deg,rgba(240,66,66,.12),rgba(249,231,31,.12),rgba(34,195,34,.12),rgba(48,110,232,.12),rgba(194,60,221,.12))}}