.uikit-notification-block{--uikit-nb-accent:var(--uikit-color-info);--uikit-nb-soft:var(--uikit-color-info-soft);display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--uikit-radius);background:var(--uikit-nb-soft);color:var(--uikit-text);font-family:var(--uikit-font);font-size:var(--uikit-text-md);line-height:1.5;box-sizing:border-box}.uikit-notification-block--primary{--uikit-nb-accent:var(--uikit-color-primary);--uikit-nb-soft:var(--uikit-color-primary-soft)}.uikit-notification-block--success{--uikit-nb-accent:var(--uikit-color-success);--uikit-nb-soft:var(--uikit-color-success-soft)}.uikit-notification-block--warning{--uikit-nb-accent:var(--uikit-color-warning);--uikit-nb-soft:var(--uikit-color-warning-soft)}.uikit-notification-block--danger{--uikit-nb-accent:var(--uikit-color-danger);--uikit-nb-soft:var(--uikit-color-danger-soft)}.uikit-notification-block--neutral{--uikit-nb-accent:var(--uikit-text-muted);--uikit-nb-soft:var(--uikit-bg-muted)}.uikit-notification-block--bordered{border-left:3px solid var(--uikit-nb-accent)}.uikit-notification-block--compact{gap:8px;padding:8px 10px;font-size:var(--uikit-text-sm)}.uikit-notification-block__icon{display:inline-flex;flex-shrink:0;margin-top:2px;color:var(--uikit-nb-accent)}.uikit-notification-block__body{flex:1;min-width:0}.uikit-notification-block__title{font-weight:600;margin-bottom:2px}.uikit-notification-block__content{color:var(--uikit-text-muted);overflow-wrap:break-word}.uikit-notification-block__close{display:inline-flex;flex-shrink:0;padding:2px;margin:0;border:none;background:none;border-radius:var(--uikit-radius-sm);color:var(--uikit-text-faint);cursor:pointer}.uikit-notification-block__close:hover{color:var(--uikit-text)}.uikit-notification-block__close:focus-visible{outline:none;box-shadow:var(--uikit-focus-ring)}