/* Authentication feedback must stay above the modal backdrop and mobile toolbar. */
body.o2-dark-ui .notifyjs-corner {
	position: fixed !important;
	top: max(16px, env(safe-area-inset-top)) !important;
	right: auto !important;
	bottom: auto !important;
	left: 50% !important;
	z-index: 2147483647 !important;
	width: min(420px, calc(100vw - 32px)) !important;
	margin: 0 !important;
	transform: translateX(-50%) !important;
	pointer-events: none !important;
}

body.o2-dark-ui .notifyjs-corner .notifyjs-wrapper,
body.o2-dark-ui .notifyjs-corner .notifyjs-container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
}

body.o2-dark-ui .notifyjs-corner .notifyjs-mweb-base {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 16px !important;
	color: #e8fff1 !important;
	background: rgba(25, 78, 51, .96) !important;
	border: 1px solid rgba(110, 231, 166, .55) !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 36px rgba(0, 0, 0, .45) !important;
	backdrop-filter: blur(14px) !important;
	-webkit-backdrop-filter: blur(14px) !important;
	line-height: 1.8 !important;
	text-align: right !important;
	pointer-events: auto !important;
}

body.o2-dark-ui .notifyjs-corner .notifyjs-mweb-error {
	color: #ffe8e6 !important;
	background: rgba(105, 35, 31, .97) !important;
	border-color: rgba(255, 129, 119, .62) !important;
}

body.o2-dark-ui .notifyjs-corner .notifyjs-mweb-info,
body.o2-dark-ui .notifyjs-corner .notifyjs-mweb-warn {
	color: #fff4d7 !important;
	background: rgba(91, 66, 22, .97) !important;
	border-color: rgba(245, 196, 92, .58) !important;
}

@media (max-width: 767px) {
	body.o2-dark-ui .notifyjs-corner {
		top: max(12px, env(safe-area-inset-top)) !important;
		width: calc(100vw - 24px) !important;
	}
}