@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,ec-list[data-animate] a:has(>e-list-row){animation:.3s cubic-bezier(.4,0,.2,1) backwards ecListRowFadeIn}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);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:#0000}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);width:100%;max-width:100%;padding:var(--s-1) 0;box-sizing:border-box;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;user-select:none;align-items:center;gap:var(--s-2);display:flex}e-list-header>e-header-field[ec-sort]:hover,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 .2s}e-list-header>e-header-field[ec-sort] [data-sort-icon]{transition:transform .2s}}e-list-header>e-header-field[ec-sort]:hover [data-sort-icon]{transform:scale(1.2)}e-list-row{gap:var(--s-1);border-bottom:1px solid var(--color-border-default);align-items:center;width:100%;display:flex;position:relative}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,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 .2s}}e-list-row:hover{color:var(--color-text)}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=auto],e-list-row>e-field[width=auto]{flex:none;max-width:none}e-list-row[expandable]{cursor:pointer}e-list-row[expandable]>e-field[caret]{text-align:center}@media (prefers-reduced-motion:no-preference){e-list-row[expandable]>e-field[caret]{transition:transform .2s}}e-list-row[expanded]>e-field[caret]{transform:rotate(90deg)}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:content-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[actions-wide]{--ec-list-actions-width:6rem}e-list-row ec-fa-icon[role=button]{cursor:pointer}e-list-details{background-color:var(--color-surface-variant);border-bottom:1px solid var(--color-border);width:100%;display:none}html[data-theme=dark] e-list-details{background-color:var(--ec-list-hover-background-color);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)}@media (width<=750px){e-list-details e-list-row>e-field:not([label]),e-list-header{display:none}}@media (width<=750px) and (width>=451px){e-list-row{gap:var(--s-2);padding-left:var(--s-1);grid-template-columns:1fr 1fr;display:grid;position:relative}ec-list[sortable] e-list-row[data-id]{padding-left:var(--s0)}e-list-row>e-field{padding:var(--s-2) var(--s-1);flex-wrap:wrap;align-items:flex-start;gap:0;display:flex}e-list-row>e-field[label]:before{content:attr(label);width:100%;color:var(--color-text-secondary);font-size:var(--step--1);font-weight:600;display:block}e-list-row>e-field[width]{flex:none;max-width:none}e-list-row[expandable]>e-field[caret]{top:var(--s-1);right:var(--s-1);position:absolute}e-list-row>e-field[actions]{grid-area:1/3}e-list-row>[drag-handle]{top:var(--s-1);transform:none}}@media (width<=450px){e-list-row{padding-left:var(--s-1);flex-direction:column;align-items:flex-start;gap:0;position:relative}ec-list[sortable] e-list-row[data-id]{padding-left:var(--s0)}e-list-row>e-field{padding:var(--s-2) var(--s-1);flex-wrap:wrap;align-items:flex-start;gap:0;display:flex}e-list-row>e-field[label]:before{content:attr(label);width:100%;color:var(--color-text-secondary);font-size:var(--step--1);font-weight:600;display:block}e-list-row>e-field[width]{flex:none;max-width:none}e-list-row[expandable]>e-field[caret],e-list-row>e-field[actions]{top:var(--s-1);right:var(--s-1);position:absolute}e-list-row>[drag-handle]{top:var(--s-1);transform:none}}ec-list[sortable] e-list-header:before{content:"";flex:0 0 calc(24px + var(--s-1))}ec-list[sortable] e-list-row[data-id]{padding-left:calc(24px + var(--s-1) + var(--s-1))}e-list-row>[drag-handle]{padding:var(--s-2);cursor:grab;color:var(--color-text-secondary);border-radius:var(--border-radius);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:#306ee866}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:#0000}html[data-theme=rainbow] e-list-details{background:linear-gradient(90deg,#f042420a,#f9e71f0a,#22c3220a,#306ee80a,#c23cdd0a);border-color:#306ee833}html[data-theme=rainbow] e-comment{background-color:#ffffffb3;border-color:#306ee826}html[data-theme=rainbow] e-tag{color:#441b98;background:linear-gradient(90deg,#f042421f,#f9e71f1f,#22c3221f,#306ee81f,#c23cdd1f)}}