@layer components{.pbar{--pbar-w:600px;--pbar-fs:17px;width:min(var(--pbar-w), 100%);flex-direction:column;align-items:center;gap:16px;display:flex}.pbar__label{color:#14203a;align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:19px;display:inline-flex}.ai-apps{color:#1e2a44bf;align-items:center;gap:12px;margin-left:6px;display:inline-flex}.ai-apps__icon{flex:none;width:20px;height:20px}.pbar--on-cobalt .ai-apps{color:#ffffffd9}@media (max-width:400px){.ai-apps{gap:9px}.ai-apps__icon{width:18px;height:18px}}.pbar__bar{background:#14203a;border:1px solid #2a3a5e;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:74px;padding:16px 12px 16px 26px;display:flex;box-shadow:0 2px 4px #14203a1f,0 14px 32px -10px #14203a38}.pbar__text{min-width:0;font-family:var(--font-mono);font-size:var(--pbar-fs);color:#c9d3e8;text-align:left;white-space:nowrap;-webkit-user-select:all;user-select:all;line-height:1.45}.pbar__text b{color:#fff;font-weight:700}.pbar__note{color:#5b6478;font-size:16px;line-height:19px}.pbar__icon{color:var(--color-white);margin:auto;position:absolute;inset:0}.pbar__icon--done,.is-copied .pbar__icon--copy{opacity:0}.is-copied .pbar__icon--done{opacity:1}.pbar--on-cobalt{--pbar-w:560px;--pbar-fs:16px}.pbar--on-cobalt .pbar__label{color:#fff}.pbar--on-cobalt .pbar__note{color:#e8edff}.pbar--on-cobalt .pbar__bar{box-shadow:0 2px 4px #0d143324,0 14px 32px -10px #0d143347}@media (max-width:640px){.pbar{--pbar-fs:14px}.pbar__bar{min-height:64px;padding:12px 12px 12px 18px}.pbar__text{white-space:normal}}@media (prefers-reduced-motion:no-preference){.is-copied .pbar__icon--done{animation:.32s cubic-bezier(.2,.8,.2,1.2) both pbar-done}}@keyframes pbar-done{0%{opacity:0;transform:scale(.6)}}}