@layer component{.filter-pane{container-type:inline-size;list-style-type:none;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1rem;width:100%}@container (width > 40rem){.filter-pane{flex-direction:row}}.filter-pane .filter-pane__handle{flex-shrink:0;display:flex;align-items:center}.filter-pane .filter-pane__handle svg{width:2rem;height:auto}.filter-pane .filter-pane__handle svg path{stroke:var(--taling-a5)}.filter-pane .filter-pane__handle:hover{cursor:move}.filter-pane .filter-pane__info{flex-basis:100%;display:grid;gap:.5rem}.filter-pane .filter-pane__info span{display:block;font-weight:500}@container (width > 40rem){.filter-pane .filter-pane__info span{display:inline}}.filter-pane .filter-pane__actions{display:flex;flex-direction:row;gap:.5rem;flex-shrink:0}.filter-pane:has(+.filter-pane){margin-block-end:.5rem}}[data-listing]{scrollbar-width:none;overflow-x:scroll}[data-listing] table{min-width:100%;text-align:left;border-spacing:0 .5rem}[data-listing] table tbody{background-color:var(--clr-pane-light);font-weight:500}[data-listing] table tbody tr{box-shadow:var(--box-shadow);border-radius:var(--br-s)}[data-listing] table td,[data-listing] table th{white-space:nowrap;word-wrap:none;padding-inline:1rem;padding-block:.5rem}:is([data-listing] table td,[data-listing] table th):first-of-type{border-top-left-radius:var(--br-s);border-bottom-left-radius:var(--br-s)}:is([data-listing] table td,[data-listing] table th):last-of-type{border-top-right-radius:var(--br-s);border-bottom-right-radius:var(--br-s)}[data-listing] table td>form{display:inline}@layer component{nav[data-nav=main]{height:100vh;margin-block:2rem;max-width:300px}nav[data-nav=main] svg{width:1.125rem;height:1.125rem}nav[data-nav=main] ul{margin-inline:0;padding-inline:0;list-style-type:none}nav[data-nav=main] li>div{display:flex;align-items:center;padding-inline:.5rem;padding-block:.5rem;margin-block-end:.25rem;border-radius:var(--br-s);position:relative}nav[data-nav=main] a{color:var(--clr-text);font-size:var(--step--1);margin-inline-start:.5rem;text-decoration:none;font-weight:500}nav[data-nav=main] a:before{content:"";position:absolute;inset:0}nav[data-nav=main] li>ul div{padding-inline-start:2rem}nav[data-nav=main] ul ul a{font-size:var(--step--1)}nav[data-nav=main] li:has(>div>[aria-current=page]) div{background-color:var(--clr-pane-light);box-shadow:var(--bs)}nav[data-nav=main] div:hover{background-color:var(--clr-pane-light);box-shadow:var(--bs);cursor:pointer}nav[data-nav=main] .add-new-btn{margin-inline-start:auto}}