@layer components{.pui-page__aside{contain:size;inline-size:var(--pui-page-aside-inline-size);border-inline-start:var(--stroke-sm) solid var(--border-clr-subtle);grid-area:pui-page-aside}.pui-page__aside:is([data-state=closed],[data-drawer-state=open]){inline-size:calc(var(--control-height-sm) + 2 * var(--space-s))}.pui-page__aside:is([data-state=closed],[data-drawer-state=open]) .pui-page-aside__header{padding-inline:var(--space-s)}.pui-page__aside[data-state=closed] .pui-page-aside__heading{display:none}.pui-page-aside__backdrop{display:none}.pui-page-aside__panel{gap:var(--space-s);max-block-size:min(100%, calc(100dvh - var(--space-2xl)));flex-direction:column;display:flex;position:sticky;inset-block-start:0}.pui-page-aside__header{align-items:start;gap:var(--space-xs);padding-inline:var(--pui-gutter-inline,var(--space-l));display:flex}.pui-page-aside__heading{gap:var(--space-3xs);min-inline-size:0;min-block-size:var(--control-height-sm);flex:1;align-content:center;display:grid}.pui-page-aside__title{font-size:var(--step-0);font-weight:var(--fw-semibold);margin:0}.pui-page-aside__description{font-size:var(--step--1);color:var(--text-clr-muted);margin:0}.pui-page-aside__toggle{flex-shrink:0}.pui-page-aside__content{--pui-record-fields-columns:minmax(0, 1fr);align-content:start;gap:var(--space-s);min-block-size:0;padding-inline:var(--pui-gutter-inline,var(--space-l));overscroll-behavior:contain;padding-block-end:var(--space-s);display:grid;overflow-y:auto}.pui-page-aside__content[hidden]{display:none}@media (width<=56em){.pui-page__aside[data-drawer-state=open] .pui-page-aside__backdrop{z-index:var(--layer-4);background:var(--bg-clr-backdrop);display:block;position:fixed;inset:0}.pui-page__aside[data-drawer-state=open] .pui-page-aside__panel{z-index:var(--layer-5);inline-size:min(var(--pui-page-aside-inline-size), 100vw);max-block-size:none;background:var(--bg-clr-surface);border-inline-start:var(--stroke-sm) solid var(--border-clr-base);box-shadow:var(--shadow-spark-lg);animation:pui-page-aside-slide-in var(--duration-base) var(--ease-out);padding-block-start:var(--space-s);position:fixed;inset-block:0;inset-inline-end:0}}@keyframes pui-page-aside-slide-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.pui-page-aside__panel{animation:none}}}