@layer components{.pui-alert{gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-sm);border:var(--stroke-sm) solid var(--border-clr-base);border-left:var(--stroke-lg) solid var(--border-clr-strong);background:var(--bg-clr-surface-2);grid-template-columns:auto 1fr;display:grid}.pui-alert .pui-alert__icon{color:var(--text-clr-muted);place-items:center;display:grid}.pui-alert .pui-alert__content{gap:2px;display:grid}.pui-alert .pui-alert__title{font-weight:var(--fw-bold);font-size:var(--step--1);margin:0}.pui-alert .pui-alert__body{color:var(--text-clr-muted);font-size:var(--step--1);margin:0}.pui-alert[data-tone=brand]{background:var(--bg-clr-brand-soft);border-color:var(--border-clr-base);border-left-color:var(--border-clr-brand)}.pui-alert[data-tone=brand] .pui-alert__icon{color:var(--text-clr-brand)}.pui-alert[data-tone=success]{background:var(--bg-clr-success-soft);border-color:var(--border-clr-base);border-left-color:var(--border-clr-success)}.pui-alert[data-tone=success] .pui-alert__icon{color:var(--text-clr-success)}.pui-alert[data-tone=warning]{background:var(--bg-clr-warning-soft);border-color:var(--border-clr-base);border-left-color:var(--border-clr-warning)}.pui-alert[data-tone=warning] .pui-alert__icon{color:var(--text-clr-warning)}.pui-alert[data-tone=danger]{background:var(--bg-clr-danger-soft);border-color:var(--border-clr-base);border-left-color:var(--border-clr-danger)}.pui-alert[data-tone=danger] .pui-alert__icon{color:var(--text-clr-danger)}.pui-badge{align-items:center;gap:var(--control-gap);min-height:var(--control-height-sm);padding-inline:var(--control-inline-pad-sm);font-size:var(--step--2);line-height:var(--lh-control);font-weight:var(--fw-control);border-radius:var(--radius-pill);background:var(--bg-clr-surface-2);color:var(--text-clr-base);border:var(--stroke-sm) solid var(--border-clr-base);white-space:nowrap;display:inline-flex}.pui-badge .pui-badge__dot{background:currentColor;border-radius:50%;width:.5em;height:.5em}.pui-badge[data-tone=brand]{background:var(--bg-clr-brand-soft);color:var(--text-clr-brand);border-color:#0000}.pui-badge[data-tone=success]{background:var(--bg-clr-success-soft);color:var(--text-clr-success);border-color:#0000}.pui-badge[data-tone=warning]{background:var(--bg-clr-warning-soft);color:var(--text-clr-warning);border-color:#0000}.pui-badge[data-tone=danger]{background:var(--bg-clr-danger-soft);color:var(--text-clr-danger);border-color:#0000}.pui-badge[data-tone=solid]{background:var(--bg-clr-dark);color:var(--text-clr-inverse);border-color:#0000}.pui-badge-list{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.pui-page-header{justify-content:space-between;align-items:center;gap:var(--space-s);border-block-end:var(--stroke-sm) solid var(--border-clr-subtle);grid-template-columns:minmax(0,1fr) auto;padding-block-end:var(--space-s);display:grid}.pui-page-header__heading{gap:var(--space-3xs);min-inline-size:0;display:grid}.pui-page-header__title{font-family:var(--ff-display);font-size:var(--step-2);font-weight:var(--fw-display);letter-spacing:var(--ls-display);margin:0}.pui-page-header__title:is(h2,h3){font-size:var(--step-1);font-weight:var(--fw-semibold);letter-spacing:normal}.pui-page-header__description{font-size:var(--step--1);color:var(--text-clr-muted);margin:0}.pui-page-header__actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.pui-breadcrumb{justify-content:space-between;align-items:center;gap:var(--space-s);display:flex}.pui-breadcrumb__trail{align-items:center;gap:var(--space-2xs);font-size:var(--step--1);color:var(--text-clr-muted);flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.pui-breadcrumb__actions{align-items:center;gap:var(--space-2xs);flex:none;display:inline-flex}.pui-breadcrumb__item{align-items:center;gap:var(--space-2xs);overflow-wrap:anywhere;min-inline-size:0;display:inline-flex}.pui-breadcrumb__link{color:var(--text-clr-muted);text-decoration:none}.pui-breadcrumb__link:hover{color:var(--text-clr-base)}.pui-breadcrumb__link:focus-visible{outline:var(--outline-width) solid var(--outline-clr-base);outline-offset:var(--outline-offset)}.pui-breadcrumb__sep{color:var(--border-clr-base)}.pui-breadcrumb__item[aria-current=page]{color:var(--text-clr-base);font-weight:var(--fw-semibold)}.pui-select{width:100%;display:inline-block;position:relative}.pui-select__control{appearance:none;width:100%;font:inherit;background:var(--bg-clr-surface);border:var(--stroke-sm) solid var(--border-clr-input);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-clr-base);transition:border-color var(--duration-fast) var(--ease-base);padding:.65em 2.4em .65em .85em}.pui-select__control:focus-visible{border-color:var(--border-clr-brand);outline:var(--outline-width) solid var(--outline-clr-base);outline-offset:var(--outline-offset)}.pui-select__control:disabled{background:var(--bg-clr-surface-2);color:var(--text-clr-muted);cursor:not-allowed}.pui-field[data-readonly=true] .pui-select__control{background:var(--bg-clr-surface-2);cursor:default}.pui-select__caret{pointer-events:none;color:var(--text-clr-muted);position:absolute;top:50%;right:.85em;transform:translateY(-50%)}.pui-field[data-status=error] .pui-select__control{border-color:var(--border-clr-danger)}.pui-field[data-status=success] .pui-select__control{border-color:var(--border-clr-success)}.pui-segmented{background:var(--bg-clr-surface-2);border:var(--stroke-sm) solid var(--border-clr-base);border-radius:var(--radius-sm);gap:2px;padding:3px;display:inline-flex}.pui-segmented__item{appearance:none;font:inherit;font-size:var(--step--1);font-weight:var(--fw-semibold);color:var(--text-clr-muted);border-radius:calc(var(--radius-sm) - 1px);cursor:pointer;background:0 0;border:0;padding:.4em .85em;transition:background .12s,color .12s}.pui-segmented__item:hover{color:var(--text-clr-base)}.pui-segmented__item[aria-pressed=true]{background:var(--bg-clr-surface);color:var(--text-clr-base);box-shadow:0 1px 2px #0f153014}.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}}}