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