@layer components {[pi-list-item]>a,[pi-list-item]>button,[pi-list-item]{all:unset;display:inline-grid;grid-auto-flow:column;grid-auto-columns:fit-content(100%) 1fr min-content;gap:4px 16px;align-content:center;align-items:center;box-sizing:border-box;min-height:var(--pi-list-item-size);min-width:var(--pi-list-item-size);padding:var(--pi-list-item-padding);background-color:var(--pi-list-item-bg-color);color:var(--pi-list-item-color);border-radius:var(--pi-list-item-border-radius);outline:2px solid rgba(0,0,0,0);outline-offset:1px;font:normal 400 .8125rem/1rem var(--pi-font-family);font-weight:600}[pi-list-item]>a:hover,[pi-list-item]>button:hover,[pi-list-item]:hover{background-color:var(--pi-list-item-bg-color-hover)}[pi-list-item]>a:active,[pi-list-item]>button:active,[pi-list-item]:active{background-color:var(--pi-list-item-bg-color-active)}[pi-list-item]>a:focus-visible,[pi-list-item]>button:focus-visible,[pi-list-item]:focus-visible{outline:var(--custom-outline, 2px solid var(--pi-color-accent-1-500));outline-offset:1px;transition:outline-color 100ms ease-out}[pi-list]{padding:unset;margin:unset;transition:grid-template-rows 400ms ease-in 0s,visibility 400ms ease-in 0s,min-height 400ms ease-in 0s;display:grid;grid-template-rows:1fr;row-gap:0;transform-origin:top center;visibility:visible;padding:3px;margin:-3px}[pi-list]>ul,[pi-list]>ol,[pi-list]>dl{padding:unset;margin:unset;transition:grid-template-rows 400ms ease-in 0s,visibility 400ms ease-in 0s,min-height 400ms ease-in 0s;list-style-type:none;display:grid;overflow-y:hidden}[pi-list]>ul:not([pi-list=collapsed]),[pi-list]>ol:not([pi-list=collapsed]),[pi-list]>dl:not([pi-list=collapsed]){min-height:100%}[pi-list=collapsed]{transition:grid-template-rows 200ms ease-out 0s,visibility 200ms ease-out 0s,min-height 200ms ease-out 0s;grid-template-rows:0fr;grid-auto-rows:0fr;overflow-y:hidden;visibility:hidden;cursor:pointer}[pi-list=collapsed]>*{min-height:0}[pi-list=collapsed]>ul,[pi-list=collapsed]>ol,[pi-list=collapsed]>dl{transition:grid-template-rows 200ms ease-out 0s,visibility 200ms ease-out 0s,min-height 200ms ease-out 0s;min-height:0}[pi-list]>:not([pi-list=collapsed]){margin-block-start:var(--pi-list-row-gap, 4px)}[pi-list] li>[pi-list-item]{width:100%}[pi-list]>:nth-child(1 of :not([pi-list=collapsed])){margin-block-start:0}[pi-list=collapsed][pi-list]>*{margin-block-start:0}[pi-list-item]{--pi-list-item-size: 56px;--pi-list-item-color: var(--pi-color-neutral-900);--pi-list-item-color-secondary: var(--pi-color-neutral-500);--pi-list-item-color-secondary-active: var(--pi-color-neutral-700);--pi-list-item-bg-color: transparent;--pi-list-item-bg-color-hover: var(--pi-color-neutral-100);--pi-list-item-bg-color-active: var(--pi-color-neutral-200);--pi-list-item-border-radius: 0;--pi-list-item-padding: 8px 16px;--pi-list-item-title-color-override: initial;--pi-list-item-title-color: var(--pi-color-neutral-700);--pi-list-item-title-color-active: var(--pi-color-neutral-900);--pi-list-item-description-color: var(--pi-color-neutral-500);--pi-list-item-description-color-hover: var(--pi-color-neutral-600);--pi-list-item-description-color-active: var(--pi-color-neutral-700);--pi-list-item-icon-color: var(--pi-color-neutral-500);--pi-list-item-icon-color-hover: var(--pi-color-neutral-600);--pi-list-item-icon-color-active: var(--pi-color-neutral-700);--pi-list-item-stroke-color: var(--pi-color-neutral-350);--pi-list-item-stroke-color-active: var(--pi-color-neutral-400);--pi-list-item-divider-color: var(--pi-color-neutral-300);position:relative}[pi-list-item]:hover,[pi-list-item]:active,[pi-list-item]:focus-visible{--pi-list-item-border-radius: var(--pi-size-border-radius-8);--pi-list-item-title-color: var(--pi-list-item-title-color-active);--pi-list-item-stroke-color: var(--pi-list-item-stroke-color-active)}[pi-list-item]:hover{--pi-list-item-description-color: var(--pi-list-item-description-color-hover);--pi-list-item-icon-color: var(--pi-list-item-icon-color-hover)}[pi-list-item]:active,[pi-list-item]:focus-visible{--pi-list-item-description-color: var(--pi-list-item-description-color-active);--pi-list-item-icon-color: var(--pi-list-item-icon-color-active)}[pi-list-item][pi-size="40"]{--pi-list-item-size: 40px}[pi-list-item]:is([pi-size="48"],[pi-size=small]){--pi-list-item-size: 48px}[pi-list-item]:is([pi-size="56"],[pi-size=medium]){--pi-list-item-size: 56px}[pi-list-item]:is([pi-size="64"],[pi-size=large]){--pi-list-item-size: 64px}[pi-list-item][pi-stroke]{--pi-list-item-border-radius: var(--pi-size-border-radius-20);--pi-list-item-padding: 8px 24px;border:1px solid var(--pi-list-item-stroke-color)}[pi-list-item][pi-dense]:is(:not([pi-stroke])){--pi-list-item-padding: 8px 0;background:rgba(0,0,0,0)}[pi-list-item][pi-divider]:is(:not([pi-stroke])){padding-bottom:9px;border-bottom:1px solid var(--pi-list-item-divider-color)}[pi-list-item][pi-divider]:is(:not([pi-stroke])):hover,[pi-list-item][pi-divider]:is(:not([pi-stroke])):active,[pi-list-item][pi-divider]:is(:not([pi-stroke]))[pi-list-item=active]{border-bottom-color:rgba(0,0,0,0)}[pi-list-item][disabled],[pi-list-item][pi-disabled]{pointer-events:none;opacity:.48}[pi-list-item][pi-variant=secondary]{--pi-list-item-color: var(--pi-list-item-color-secondary);--pi-list-item-title-color: var(--pi-list-item-color-secondary)}[pi-list-item][pi-variant=secondary]:hover,[pi-list-item][pi-variant=secondary]:active,[pi-list-item][pi-variant=secondary]:focus-visible{--pi-list-item-color: var(--pi-list-item-color-secondary-active);--pi-list-item-title-color: var(--pi-list-item-color-secondary-active)}[pi-list-item][pi-color=accent-1]{--pi-list-item-title-color-override: var(--pi-color-accent-1-600)}[pi-list-item][pi-color=accent-2]{--pi-list-item-title-color-override: var(--pi-color-accent-2-600)}[pi-list-item][pi-color=neutral]{--pi-list-item-title-color-override: var(--pi-color-neutral-700)}[pi-list-item][pi-align=top] [slot=before]{align-self:start}[pi-list-item]>a,[pi-list-item]>button{cursor:pointer;text-decoration:none !important;position:absolute;inset:0}[pi-list-item] img[src^=pi-ic-][src$=".svg"]{display:inline-block;box-sizing:border-box;width:24px;height:24px;padding:2px}[pi-list-item] [pi-list-item-title]{grid-row:1/2;white-space:nowrap;color:var(--pi-list-item-title-color-override, var(--pi-list-item-title-color))}[pi-list-item] [pi-list-item-description]{font:normal 400 .75rem/1rem var(--pi-font-family);color:var(--pi-list-item-description-color);grid-row:2/3}[pi-list-item] [pi-list-item-title]:not(:has(~[pi-list-item-description])){grid-row:1/3}[pi-list-item] [slot=before]{grid-row:1/3;grid-column:1/2;color:var(--pi-list-item-icon-color);--pi-icon-size: 20px}[pi-list-item] [slot=before]~:not([slot]){grid-column:2/3}[pi-list-item] [slot=after]{grid-row:1/3;grid-column:3/4;color:var(--pi-list-item-icon-color);transition:transform 200ms ease;--pi-icon-size: 20px}[pi-list-item]:has(+[pi-list]:not([pi-list=collapsed])) [slot=after]{transform:rotate(180deg)}[pi-list-item]+[pi-list]{margin-inline-start:32px;padding-block:0;margin-block-start:var(--pi-list-row-gap, 4px);margin-block-end:0}[pi-list-item]+[pi-list][pi-list=collapsed]{margin-block-start:0}[pi-list-item][pi-non-interactive]{cursor:default}[pi-list-item][pi-non-interactive]:hover,[pi-list-item][pi-non-interactive]:active{background-color:var(--pi-list-item-bg-color)}[pi-list-item][pi-non-interactive]>a,[pi-list-item][pi-non-interactive]>button{cursor:default}[pi-list-item][pi-non-interactive]>a:hover,[pi-list-item][pi-non-interactive]>a:active,[pi-list-item][pi-non-interactive]>button:hover,[pi-list-item][pi-non-interactive]>button:active{background-color:var(--pi-list-item-bg-color)}[pi-list-item=active]{--pi-list-item-border-radius: var(--pi-size-border-radius-8);--pi-list-item-title-color: var(--pi-list-item-title-color-active);--pi-list-item-description-color: var(--pi-list-item-description-color-active);--pi-list-item-icon-color: var(--pi-list-item-icon-color-active);--pi-list-item-stroke-color: var(--pi-list-item-stroke-color-active);background-color:var(--pi-list-item-bg-color-active)}[pi-list-item=active][pi-variant=secondary]{--pi-list-item-title-color: var(--pi-list-item-color-secondary-active)}a[pi-list-item],button[pi-list-item],label[pi-list-item]{cursor:pointer}}