@layer bz.l2{.bz-alert{position:relative;display:flex;align-items:flex-start;gap:var(--bz-space-2-5);padding:var(--bz-space-3) var(--bz-space-3-5) var(--bz-space-3) calc(var(--bz-stripe-width) + var(--bz-space-3-5));border-radius:var(--bz-radius-md);background:var(--bz-alert-fill)}.bz-stripe{position:absolute;inset:0 auto 0 0;width:var(--bz-stripe-width);border-start-start-radius:var(--bz-radius-md);border-end-start-radius:var(--bz-radius-md);pointer-events:none}.bz-alert--success{--_bz-alert-stripe: var(--bz-stripe-healthy);--_bz-alert-ink: var(--bz-status-healthy-ink)}.bz-alert--warning{--_bz-alert-stripe: var(--bz-stripe-degraded);--_bz-alert-ink: var(--bz-status-degraded-ink)}.bz-alert--error{--_bz-alert-stripe: var(--bz-stripe-error);--_bz-alert-ink: var(--bz-status-error-ink)}.bz-alert--info{--_bz-alert-stripe: var(--bz-stripe-info);--_bz-alert-ink: var(--bz-status-info-ink)}.bz-alert .bz-stripe{background:var(--_bz-alert-stripe)}.bz-alert__icon{flex:none;color:var(--_bz-alert-ink)}.bz-alert__text{display:flex;flex:1;flex-direction:column;gap:var(--bz-alert-text-gap);min-width:0}.bz-alert__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--bz-space-2)}.bz-alert__title{color:var(--bz-ink-heading);font-size:var(--bz-text-body-size);font-weight:600}.bz-alert__label{color:var(--_bz-alert-ink);font-family:var(--bz-text-mono-xs-family);font-size:var(--bz-text-mono-xs-size);letter-spacing:var(--bz-text-mono-xs-ls)}.bz-alert__body{color:var(--bz-ink-body);font-size:var(--bz-text-caption-size);line-height:var(--bz-text-caption-lh)}.bz-alert__actions{display:flex;gap:var(--bz-space-3-5);margin-block-start:var(--bz-space-1-5)}.bz-alert__action{position:relative;padding:0;border:0;background:transparent;color:var(--bz-accent-link);font:inherit;font-size:var(--bz-text-caption-size);font-weight:600;cursor:pointer;text-decoration:underline transparent;text-underline-offset:var(--bz-alert-underline-offset);transition:text-decoration-color var(--bz-dur-fast) var(--bz-ease-standard)}.bz-alert__action:hover{text-decoration-color:currentColor}.bz-alert__action--secondary{color:var(--bz-ink-body)}.bz-alert__action:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:max(100%,var(--bz-hit-target-desktop));height:var(--bz-hit-target-desktop);transform:translate(-50%,-50%)}.bz-alert__dismiss{position:relative;display:grid;place-items:center;flex:none;width:var(--bz-alert-dismiss-size);height:var(--bz-alert-dismiss-size);margin-block:calc(-1 * var(--bz-space-1));margin-inline-end:calc(-1 * var(--bz-space-1-5));padding:0;border:0;border-radius:var(--bz-radius-xs);background:transparent;color:var(--bz-ink-secondary);cursor:pointer;transition:background-color var(--bz-dur-fast) var(--bz-ease-standard)}.bz-alert__dismiss:hover{background:var(--bz-line-hairline)}.bz-alert__dismiss:after{content:"";position:absolute;inset:calc((var(--bz-alert-dismiss-size) - var(--bz-hit-target-desktop)) / 2)}.bz-alert--warning .bz-alert__dismiss,.bz-alert--error .bz-alert__dismiss{display:none}bz-alert{display:block}bz-alert[hidden]{display:none}@media(pointer:coarse){.bz-alert__action:after{width:max(100%,var(--bz-hit-target-touch));height:var(--bz-hit-target-touch)}.bz-alert__dismiss:after{inset:calc((var(--bz-alert-dismiss-size) - var(--bz-hit-target-touch)) / 2)}}}
