.b-alert{--b-alert-accent: #2563eb;--b-alert-surface: #eff6ff;display:flex;align-items:flex-start;gap:1rem;padding:var(--b-alert-padding, 20px);border-inline-start:var(--b-alert-border-width, 4px) solid var(--b-alert-accent);border-radius:var(--b-alert-radius, 8px);background:var(--b-alert-surface);color:var(--b-alert-accent)}.b-alert--info{--b-alert-accent: #2563eb;--b-alert-surface: #eff6ff}.b-alert--success{--b-alert-accent: #15803d;--b-alert-surface: #f0fdf4}.b-alert--warning{--b-alert-accent: #b45309;--b-alert-surface: #fffbeb}.b-alert--danger{--b-alert-accent: #b91c1c;--b-alert-surface: #fef2f2}.b-alert--palette-custom{--b-alert-accent: var(--b-alert-custom-accent);--b-alert-surface: var(--b-alert-custom-surface)}.b-alert__body{flex:1;min-width:0}.b-alert__icon{display:grid;flex:0 0 auto;place-items:center;width:calc(var(--b-alert-icon-size, 22px) + 20px);height:calc(var(--b-alert-icon-size, 22px) + 20px);border-radius:12px;background:transparent;color:var(--b-alert-icon-color, var(--b-alert-accent))}.b-alert__icon .b-icon-svg{width:var(--b-alert-icon-size, 22px);height:var(--b-alert-icon-size, 22px)}.b-alert__title{display:block;margin-block-end:.25em;color:var(--b-alert-title-color, #0f172a);font-size:var(--b-alert-title-size, 16px)}.b-alert__text{color:var(--b-alert-text-color, #334155);font-size:var(--b-alert-text-size, 14px)}.b-alert__text>:first-child{margin-block-start:0}.b-alert__text>:last-child{margin-block-end:0}.b-alert__dismiss{flex-shrink:0;min-width:44px;min-height:44px;border:0;border-radius:var(--b-alert-dismiss-radius, 8px);background:var(--b-alert-dismiss-bg, transparent);font-size:1.25em;line-height:1;color:inherit;cursor:pointer}.b-alert--layout-banner{align-items:center;border:0;background:var(--b-alert-accent);color:#fff}.b-alert--layout-banner.b-alert--palette-custom{background:var(--b-alert-banner-bg, #6600ff);color:var(--b-alert-banner-color, #fff)}.b-alert--layout-banner .b-alert__title,.b-alert--layout-banner .b-alert__text{color:inherit}.b-alert--layout-banner .b-alert__dismiss{background:#0003;color:inherit}.b-alert--layout-icon_card{align-items:center;border:1px solid rgb(148 163 184 / 35%);border-inline-start-width:1px;box-shadow:0 12px 34px #0f172a17}.b-alert--layout-icon_card .b-alert__icon{background:var(--b-alert-icon-bg, #dbeafe);color:var(--b-alert-icon-color, var(--b-alert-accent))}.b-alert__action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:40px;padding-inline:16px;border-radius:var(--b-alert-action-radius, 8px);background:var(--b-alert-action-bg, #2563eb);color:var(--b-alert-action-color, #fff);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .16s ease}.b-alert__action:hover{background:var(--b-alert-action-hover, #1d4ed8);color:var(--b-alert-action-color, #fff)}.b-alert__action:focus-visible{outline:2px solid currentColor;outline-offset:2px}.b-alert__dismiss:hover{filter:brightness(.94)}.b-alert__dismiss:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (max-width: 640px){.b-alert{flex-wrap:wrap}.b-alert__action{width:100%}}@media (prefers-reduced-motion: reduce){.b-alert__action{transition:none}}