::view-transition-old(.tag){height:100%}::view-transition-new(.tag){height:100%}@layer components{.bookmarks{grid-template-columns:subgrid;grid-column:1/-1;display:grid}.tags{background-color:var(--bg);flex-wrap:wrap;grid-column:page;gap:.5rem .25rem;padding-block-start:1rem;padding-block-end:calc(var(--page-y-padding) / 2);display:flex}@media (width>=1280px){.tags{z-index:1;position:sticky;top:0}}a.tag{border:.125em solid var(--line);border-radius:999px;padding:.5em .75em;font-size:12px;text-decoration-color:#0000;transition:background .2s}a.tag:hover,a.tag:focus-visible{background-color:var(--lightningcss-light,var(--line))var(--lightningcss-dark,var(--line))}@media not (prefers-reduced-motion:reduce){a.tag{view-transition-name:auto;view-transition-name:attr(id type(<custom-ident>), none);view-transition-class:tag}a.tag>span{view-transition-name:auto;view-transition-name:attr(id type(<custom-ident>), none);view-transition-class:tag-text}}a.tag:has(svg){color:var(--text);background:var(--line)}a.tag:has(svg):hover,a.tag:has(svg):focus-visible{background:var(--bg)}a.tag>svg{vertical-align:middle;width:12px;height:12px;translate:0 -1px}.horizontal-scroll{grid-column:page;overflow-x:auto}@media (width>=1280px){.horizontal-scroll{overflow-x:clip}}.horizontal-scroll>small{color:var(--primary-600);text-wrap:balance}table.sortable{border:0;inline-size:100%;min-inline-size:700px;font-size:1rem}table.sortable th{text-align:start;color:var(--text-lighter);background-color:var(--bg);z-index:1;border:0;padding:1em;font-size:.9rem}@media (width>=1280px){table.sortable th{position:sticky;top:84px}}table.sortable th:not(.no-sort){cursor:pointer}table.sortable th:not(.no-sort):hover,table.sortable th:not(.no-sort):focus-visible{background-color:var(--lightningcss-light,var(--bg))var(--lightningcss-dark,var(--bg-light))}table.sortable th svg{vertical-align:text-bottom;width:16px;height:16px;margin-inline-start:.5ch;display:none}table.sortable th[aria-sort=ascending]>svg:first-of-type,table.sortable th[aria-sort=descending]>svg:last-of-type{display:inline-block}table.sortable td{border-block-color:var(--line);white-space:nowrap;border-inline:0;padding:.5em 1em}table.sortable td:first-child{padding-inline-end:3rem}table.sortable td:nth-child(2){color:var(--text-light);font-size:.9rem}table.sortable td a{align-items:center;gap:1ch;display:inline-flex}table.sortable td a:has(img){translate:0 2px}table.sortable td a img{background:var(--bg);block-size:20px;inline-size:20px}}
