@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-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-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)}}