@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}}.flash{font-size:var(--step--1);font-family:var(--font-body);font-weight:500;padding:1.5em;text-align:center;line-height:1;position:fixed;z-index:100000;left:0;width:100vw;top:-3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase;color:#fff;animation:flashAppearAndDisappear 2s forwards ease-out;transition-property:margin-top;transition-duration:var(--t-2)}.flash:after{content:"✕";position:absolute;right:2em;top:50%;transform:translateY(-50%);display:block;color:var(--wit);z-index:100001;font-size:var(--step-1)}.flash strong{color:var(--wit)}.flash--info{background-color:#666666f2}.flash--notice{background-color:#6cb193f2}.flash--alert,.flash--error{animation:flashAppearAndDisappear 7s forwards ease-out;background-color:var(--india)}.flash--hidden{animation:flashDisappear 175ms forwards ease-out}.flash--replaced{margin-top:-4em;box-shadow:0 0 1em var(--shadowless)}@keyframes flashAppearAndDisappear{0%{top:-4em;box-shadow:0 0 1em var(--shadowless)}3%{top:-4em;box-shadow:0 0 1em var(--shadowless)}6%{top:0;box-shadow:0 0 1em var(--shadow-m)}95%{top:0;box-shadow:0 0 1em var(--shadow-m)}to{top:-4em;box-shadow:0 0 1em var(--shadowless)}}@keyframes flashDisappear{0%{top:0;box-shadow:0 0 1em var(--shadow-m)}to{top:-4em;box-shadow:0 0 1em var(--shadowless)}}