.global-notices {
	text-align: right;
	pointer-events: none;

	z-index: z-index("root", ".global-notices");
	position: fixed;
	top: var(--masterbar-height);
	right: 0;
	bottom: auto;
	left: 0;

	.is-section-checkout & {
		top: var(--masterbar-checkout-height);
	}

	@include breakpoint-deprecated( ">660px" ) {
		top: calc(var(--masterbar-height) + 16px);
		right: 16px;
		left: auto;
		max-width: calc(100% - 32px);

		.is-section-checkout & {
			top: calc(var(--masterbar-checkout-height) + 16px);
		}
	}

	@include breakpoint-deprecated( ">960px" ) {
		top: calc(var(--masterbar-height) + 24px);
		right: 24px;
		max-width: calc(100% - 48px);

		.is-section-checkout & {
			top: calc(var(--masterbar-checkout-height) + 24px);
		}
	}

	@include breakpoint-deprecated( ">1040px" ) {
		right: 32px;
		max-width: calc(100% - 64px);
	}
}

.layout.has-header-section .global-notices {
	--masterbar-height: 66px;
	@media only screen and (min-width: 782px) {
		--masterbar-height: 78px;
	}
}

.global-notices .calypso-notice {
	flex-wrap: nowrap;
	margin-bottom: 0;
	text-align: left;
	pointer-events: auto;
	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);

	.calypso-notice__icon-wrapper {
		border-radius: 0;
	}

	@include breakpoint-deprecated( ">660px" ) {
		display: flex;
		overflow: hidden;
		margin-bottom: 24px;
		border-radius: 2px;

		.calypso-notice__icon-wrapper {
			border-radius: 2px 0 0 3px;
		}
	}
}
