:root{--pui-hi:color-mix(in srgb, var(--itr-white) 70%, transparent);--pui-depth:0 24px 48px -20px color-mix(in srgb, var(--itr-navy-900) 28%, transparent);--pui-glow-strength:30%}.dark{--pui-hi:color-mix(in srgb, var(--itr-white) 7%, transparent);--pui-depth:0 24px 48px -16px color-mix(in srgb, var(--itr-neutral-950) 80%, transparent);--pui-glow-strength:40%}.pui-surface{box-shadow:inset 0 1px 0 var(--pui-hi), var(--pui-depth), var(--itr-shadow-md)}.pui-key{--pui-key:var(--itr-secondary-400);--pui-key-ring:var(--itr-stroke-selected);z-index:1;box-shadow:0 0 0 1px var(--pui-key-ring), 0 0 0 4px color-mix(in srgb, var(--pui-key) 12%, transparent), 0 8px 28px -6px color-mix(in srgb, var(--pui-key) var(--pui-glow-strength), transparent), var(--itr-shadow-md);position:relative;translate:0 -1px}.pui-key--success{--pui-key:var(--itr-icon-success);--pui-key-ring:var(--itr-stroke-success)}.pui-key--warning{--pui-key:var(--itr-icon-warning);--pui-key-ring:var(--itr-stroke-warning)}.pui-key--error{--pui-key:var(--itr-icon-error);--pui-key-ring:var(--itr-stroke-error)}