@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';
@import '_content/RazorClassLibrary/RazorClassLibrary.uy6hifhpi1.bundle.scp.css';

/* /Components/Layout/NotificationCentrePanel.razor.rz.scp.css */
/*
	Each entry's dismiss button sits over its message bar's top right, where v4's was: v5 wraps a bar's content in a span of
	its own, so the button cannot be given the bar's dismiss slot, and the bar's own dismiss has no callback (see the markup).
	The bar keeps room on that side so a long title does not run under the button.
*/
.notification-centre-entry[b-qgpu371wx0] {
	position: relative;
	width: 100%;
}

.notification-centre-entry[b-qgpu371wx0]  fluent-message-bar {
	padding-inline-end: 36px;
	box-sizing: border-box;
}

.notification-centre-entry[b-qgpu371wx0]  .notification-centre-dismiss {
	position: absolute;
	top: 8px;
	inset-inline-end: 8px;
}