.dna-pixel-canvas[data-v-47d2c89c]{display:block;height:100%;width:100%}.list-row{align-items:center;border-bottom:1px solid var(--hairline);box-sizing:border-box;color:inherit;display:flex;justify-content:space-between;padding:32px 0;position:relative;text-decoration:none;transition:background-color .3s,padding-left .35s cubic-bezier(.25,1,.5,1)}.list-row:before{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 9%,transparent),transparent 68%);content:"";inset:8px 0;opacity:0;pointer-events:none;position:absolute;transform:scaleX(.96);transform-origin:left;transition:opacity .35s,transform .35s}.list-row:focus-visible,.list-row:hover{padding-left:12px}.list-row:focus-visible:before,.list-row:hover:before{opacity:1;transform:scaleX(1)}.list-row:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.row-meta{align-items:center;display:flex;gap:24px;min-width:160px}.row-index{color:var(--secondary);display:inline-block;font-family:monospace;font-size:.9rem;font-weight:700;padding:5px 8px;position:relative}.row-index:after,.row-index:before{border-color:var(--primary);border-style:solid;border-width:0;content:"";height:8px;opacity:0;pointer-events:none;position:absolute;transform:scale(.4);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.95,.2,1);width:8px}.row-index:before{border-left-width:1px;border-top-width:1px;left:0;top:0}.row-index:after{border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.list-row:focus-visible .row-index:after,.list-row:focus-visible .row-index:before,.list-row:hover .row-index:after,.list-row:hover .row-index:before{opacity:1;transform:scale(1);transition-delay:.14s}.row-meta-text{color:var(--text-faint);font-family:monospace;font-size:.8rem;transition:color .3s}.list-row:focus-visible .row-meta-text,.list-row:hover .row-meta-text{color:var(--text-dim)}.row-body{min-width:0}.row-body,.row-info{align-items:center;display:flex;flex-grow:1}.row-info{gap:24px;justify-content:space-between;padding-right:48px}.row-title{color:var(--text-main);font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:0;margin:0;text-transform:none;transition:transform .3s cubic-bezier(.25,1,.5,1)}.row-title .title-text{background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,var(--primary),var(--secondary));background-position:0 0;background-size:100% 100%;color:var(--text-main);position:relative;-webkit-text-fill-color:currentColor;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:color .35s cubic-bezier(.25,1,.5,1),-webkit-text-fill-color .35s}.list-row:hover .row-title{transform:translate(8px)}.list-row:focus-visible .row-title .title-text,.list-row:hover .row-title .title-text{color:transparent;-webkit-text-fill-color:transparent}.row-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.row-tag{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:4px;color:var(--text-dim);font-family:monospace;font-size:.7rem;font-weight:700;padding:4px 10px;text-transform:uppercase;transition:transform .3s,color .3s,border-color .3s}.list-row:focus-visible .row-tag,.list-row:hover .row-tag{border-color:var(--hairline-strong);color:var(--text-main);transform:translateY(-2px)}.list-row:focus-visible .row-tag:nth-child(2),.list-row:hover .row-tag:nth-child(2){transition-delay:.04s}.list-row:focus-visible .row-tag:nth-child(3),.list-row:hover .row-tag:nth-child(3){transition-delay:.08s}.list-row:focus-visible .row-tag:nth-child(4),.list-row:hover .row-tag:nth-child(4){transition-delay:.12s}.row-action{align-items:center;border:1px solid var(--hairline);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s cubic-bezier(.25,1,.5,1);width:40px}.arrow-symbol{color:var(--text-faint);display:inline-block;font-size:1.2rem;transition:transform .3s,color .3s}.list-row:hover .row-action{background-color:color-mix(in srgb,var(--primary) 8%,transparent);border-color:var(--hairline-strong)}.list-row:hover .arrow-symbol{color:var(--text-main);transform:rotate(-45deg)}@media(max-width:900px){.row-info{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:768px){.list-row{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 0}.list-row:hover .row-title{transform:none}.row-body{width:100%}.row-info{padding-right:0}.row-action{align-self:flex-end}}