@layer components{.pui-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pui-icon svg{display:block}.pui-icon[data-size=sm] svg{width:1rem;height:1rem}.pui-icon[data-size=md] svg{width:1.25rem;height:1.25rem}.pui-icon[data-size=lg] svg{width:1.5rem;height:1.5rem}.pui-icon[data-animation=spin]{animation:pui-icon-spin var(--duration-slow) linear infinite}@media (prefers-reduced-motion:reduce){.pui-icon[data-animation=spin]{animation:none}}@keyframes pui-icon-spin{to{transform:rotate(360deg)}}.pui-spinner{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pui-spinner[data-size=sm]{--pui-spinner-size:1rem}.pui-spinner[data-size=md]{--pui-spinner-size:1.5rem}.pui-spinner[data-size=lg]{--pui-spinner-size:2rem}.pui-spinner[data-size=xl]{--pui-spinner-size:2.75rem}.pui-spinner[data-size] .pui-icon svg{width:var(--pui-spinner-size,1.5rem);height:var(--pui-spinner-size,1.5rem)}.pui-spinner .pui-spinner__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pui-spinner[data-size] .pui-icon{animation-timing-function:steps(8,end)}.pui-spinner svg path:first-child{opacity:.13}.pui-spinner svg path:nth-child(2){opacity:.22}.pui-spinner svg path:nth-child(3){opacity:.33}.pui-spinner svg path:nth-child(4){opacity:.45}.pui-spinner svg path:nth-child(5){opacity:.58}.pui-spinner svg path:nth-child(6){opacity:.72}.pui-spinner svg path:nth-child(7){opacity:.86}.pui-spinner svg path:nth-child(8){opacity:1}.pui-btn,.pui-icon-btn{justify-content:center;align-items:center;gap:var(--control-gap);font-weight:var(--fw-control);border:var(--stroke-sm) solid var(--border-clr-input);border-radius:var(--radius-sm);background:var(--bg-clr-surface);color:var(--text-clr-base);cursor:pointer;line-height:var(--lh-control);transition:transform var(--duration-fast) var(--ease-base), background-color var(--duration-base) var(--ease-base), border-color var(--duration-base) var(--ease-base);text-decoration:none;display:inline-flex;position:relative}:is(.pui-btn,.pui-icon-btn):hover:not(:disabled){background:var(--bg-clr-surface-2)}:is(.pui-btn,.pui-icon-btn):active:not(:disabled){transform:translateY(1px)}:is(.pui-btn,.pui-icon-btn):focus-visible{outline:var(--outline-width) solid var(--btn-ring,var(--border-clr-strong));outline-offset:var(--outline-offset)}:is(.pui-btn,.pui-icon-btn):disabled,:is(.pui-btn,.pui-icon-btn)[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}:is(.pui-btn,.pui-icon-btn)[data-state=loading]{opacity:1}:is(.pui-btn,.pui-icon-btn)[aria-disabled=true]{pointer-events:none}:is(.pui-btn,.pui-icon-btn)[data-state=loading]{cursor:progress}:is(.pui-btn,.pui-icon-btn)[data-variant=primary]{background:var(--bg-clr-brand);color:var(--bg-clr-brand-ink);border-color:var(--bg-clr-brand);box-shadow:var(--shadow-brand);--btn-ring:var(--outline-clr-base)}:is(.pui-btn,.pui-icon-btn)[data-variant=primary]:hover:not(:disabled){background:var(--bg-clr-brand-hover);border-color:var(--bg-clr-brand-hover)}:is(.pui-btn,.pui-icon-btn)[data-variant=secondary]{background:var(--bg-clr-surface);color:var(--text-clr-base)}:is(.pui-btn,.pui-icon-btn)[data-variant=ghost]{color:var(--text-clr-base);background:0 0;border-color:#0000}:is(.pui-btn,.pui-icon-btn)[data-variant=ghost]:hover:not(:disabled){background:var(--bg-clr-surface-2)}:is(.pui-btn,.pui-icon-btn)[data-variant=danger]{background:var(--bg-clr-danger);color:var(--bg-clr-danger-ink);border-color:var(--bg-clr-danger);--btn-ring:var(--border-clr-danger)}:is(.pui-btn,.pui-icon-btn)[data-variant=danger]:hover:not(:disabled){background:var(--bg-clr-danger-hover);border-color:var(--bg-clr-danger-hover)}:is(.pui-btn,.pui-icon-btn)[data-size=md]{min-height:var(--control-height-md);padding-inline:var(--control-inline-pad-md);font-size:var(--step--1)}:is(.pui-btn,.pui-icon-btn)[data-size=sm]{min-height:var(--control-height-sm);padding-inline:var(--control-inline-pad-sm);font-size:var(--step--2)}:is(.pui-btn,.pui-icon-btn) .pui-btn__spinner{place-items:center;display:grid;position:absolute;inset:0}:is(.pui-btn,.pui-icon-btn) .pui-btn__spinner .pui-spinner{--pui-spinner-size:1.25rem}:is(.pui-btn,.pui-icon-btn)[data-size=sm] .pui-btn__spinner .pui-spinner{--pui-spinner-size:1rem}.pui-btn[data-variant=link]{color:var(--text-clr-brand);text-underline-offset:3px;--btn-ring:var(--outline-clr-base);background:0 0;border:0;text-decoration:underline}.pui-btn[data-variant=link]:hover:not(:disabled){color:var(--text-clr-brand-hover);background:0 0}.pui-btn[data-block=true]{width:100%}.pui-btn[data-state=loading] .pui-btn__icon,.pui-btn[data-state=loading] .pui-btn__label{opacity:0}.pui-btn .pui-btn__icon{flex:none;display:inline-flex}.pui-btn .pui-btn__label{justify-content:center;align-items:center;display:inline-flex}.pui-icon-btn{gap:0}.pui-icon-btn[data-size]{padding-inline:0}.pui-icon-btn[data-size=md]{width:var(--control-height-md)}.pui-icon-btn[data-size=sm]{width:var(--control-height-sm)}.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-btn,.pui-icon-btn{justify-content:center;align-items:center;gap:var(--control-gap);font-weight:var(--fw-control);border:var(--stroke-sm) solid var(--border-clr-input);border-radius:var(--radius-sm);background:var(--bg-clr-surface);color:var(--text-clr-base);cursor:pointer;line-height:var(--lh-control);transition:transform var(--duration-fast) var(--ease-base), background-color var(--duration-base) var(--ease-base), border-color var(--duration-base) var(--ease-base);text-decoration:none;display:inline-flex;position:relative}:is(.pui-btn,.pui-icon-btn):hover:not(:disabled){background:var(--bg-clr-surface-2)}:is(.pui-btn,.pui-icon-btn):active:not(:disabled){transform:translateY(1px)}:is(.pui-btn,.pui-icon-btn):focus-visible{outline:var(--outline-width) solid var(--btn-ring,var(--border-clr-strong));outline-offset:var(--outline-offset)}:is(.pui-btn,.pui-icon-btn):disabled,:is(.pui-btn,.pui-icon-btn)[aria-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}:is(.pui-btn,.pui-icon-btn)[data-state=loading]{opacity:1}:is(.pui-btn,.pui-icon-btn)[aria-disabled=true]{pointer-events:none}:is(.pui-btn,.pui-icon-btn)[data-state=loading]{cursor:progress}:is(.pui-btn,.pui-icon-btn)[data-variant=primary]{background:var(--bg-clr-brand);color:var(--bg-clr-brand-ink);border-color:var(--bg-clr-brand);box-shadow:var(--shadow-brand);--btn-ring:var(--outline-clr-base)}:is(.pui-btn,.pui-icon-btn)[data-variant=primary]:hover:not(:disabled){background:var(--bg-clr-brand-hover);border-color:var(--bg-clr-brand-hover)}:is(.pui-btn,.pui-icon-btn)[data-variant=secondary]{background:var(--bg-clr-surface);color:var(--text-clr-base)}:is(.pui-btn,.pui-icon-btn)[data-variant=ghost]{color:var(--text-clr-base);background:0 0;border-color:#0000}:is(.pui-btn,.pui-icon-btn)[data-variant=ghost]:hover:not(:disabled){background:var(--bg-clr-surface-2)}:is(.pui-btn,.pui-icon-btn)[data-variant=danger]{background:var(--bg-clr-danger);color:var(--bg-clr-danger-ink);border-color:var(--bg-clr-danger);--btn-ring:var(--border-clr-danger)}:is(.pui-btn,.pui-icon-btn)[data-variant=danger]:hover:not(:disabled){background:var(--bg-clr-danger-hover);border-color:var(--bg-clr-danger-hover)}:is(.pui-btn,.pui-icon-btn)[data-size=md]{min-height:var(--control-height-md);padding-inline:var(--control-inline-pad-md);font-size:var(--step--1)}:is(.pui-btn,.pui-icon-btn)[data-size=sm]{min-height:var(--control-height-sm);padding-inline:var(--control-inline-pad-sm);font-size:var(--step--2)}:is(.pui-btn,.pui-icon-btn) .pui-btn__spinner{place-items:center;display:grid;position:absolute;inset:0}:is(.pui-btn,.pui-icon-btn) .pui-btn__spinner .pui-spinner{--pui-spinner-size:1.25rem}:is(.pui-btn,.pui-icon-btn)[data-size=sm] .pui-btn__spinner .pui-spinner{--pui-spinner-size:1rem}.pui-btn[data-variant=link]{color:var(--text-clr-brand);text-underline-offset:3px;--btn-ring:var(--outline-clr-base);background:0 0;border:0;text-decoration:underline}.pui-btn[data-variant=link]:hover:not(:disabled){color:var(--text-clr-brand-hover);background:0 0}.pui-btn[data-block=true]{width:100%}.pui-btn[data-state=loading] .pui-btn__icon,.pui-btn[data-state=loading] .pui-btn__label{opacity:0}.pui-btn .pui-btn__icon{flex:none;display:inline-flex}.pui-btn .pui-btn__label{justify-content:center;align-items:center;display:inline-flex}.pui-icon-btn{gap:0}.pui-icon-btn[data-size]{padding-inline:0}.pui-icon-btn[data-size=md]{width:var(--control-height-md)}.pui-icon-btn[data-size=sm]{width:var(--control-height-sm)}.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-inputgroup{border:var(--stroke-sm) solid var(--border-clr-input);border-radius:var(--radius-sm);display:flex;overflow:hidden}.pui-inputgroup:focus-within{border-color:var(--border-clr-brand)}.pui-inputgroup:has(.pui-input:focus-visible){outline:var(--outline-width) solid var(--outline-clr-base);outline-offset:var(--outline-offset)}.pui-inputgroup .pui-input{border:0;border-radius:0}.pui-inputgroup .pui-input:focus-visible{outline:none}.pui-inputgroup__addon{background:var(--bg-clr-surface-2);font-family:var(--ff-mono);font-size:var(--step--1);border-inline-start:var(--stroke-sm) solid var(--border-clr-base);white-space:nowrap;place-items:center;padding-inline:.85em;display:grid}.pui-inputgroup__addon[data-position=prefix]{border-inline-start:0;border-inline-end:var(--stroke-sm) solid var(--border-clr-base)}.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}}}