.sc-alert {
	border-radius: var(--sc-alert-border-radius, var(--sc-border-radius-medium));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: var(--sc-input-font-family);
	font-size: var(--sc-button-font-size-medium);
	font-weight: var(--sc-font-weight-normal);
	line-height: var(--sc-line-height-dense);
	padding: var(--sc-spacing-large);
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	background: var(--sc-alert-background-color, var(--sc-color-white));
	border: var(--sc-alert-border, var(--sc-input-border));
	border-top: solid var(--sc-alert-border-width, 3px);
	-webkit-box-shadow: var(--sc-shadow-small);
	box-shadow: var(--sc-shadow-small);
	color: var(--sc-alert-color, var(--sc-input-label-color));
}

.sc-alert ul {
	line-height: 1.4em;
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 20px;
}

.sc-alert[hidden] {
	display: none !important;
}

.sc-alert__text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.sc-alert__alert--primary {
	border-top-color: var(--sc-alert-primary-border-color, var(--sc-color-primary-500));
}

.sc-alert__alert--primary a {
	color: var(--sc-color-primary-900);
}

.sc-alert__alert--primary .sc-alert__title {
	color: var(--sc-alert-title-color, var(--sc-color-gray-800));
}

.sc-alert__alert--primary .sc-alert__icon {
	color: var(--sc-alert-primary-icon-color, var(--sc-color-primary-500));
}

.sc-alert__alert--info {
	border-top-color: var(--sc-alert-info-border-color, var(--sc-color-info-500));
}

.sc-alert__alert--info a {
	color: var(--sc-color-info-900);
}

.sc-alert__alert--info .sc-alert__title {
	color: var(--sc-alert-title-color, var(--sc-color-gray-800));
}

.sc-alert__alert--info .sc-alert__icon {
	color: var(--sc-alert-info-icon-color, var(--sc-color-info-500));
}

.sc-alert__alert--danger {
	border-top-color: var(--sc-alert-danger-border-color, var(--sc-color-danger-500));
}

.sc-alert__alert--danger a {
	color: var(--sc-color-danger-900);
}

.sc-alert__alert--danger .sc-alert__title {
	color: var(--sc-alert-title-color, var(--sc-color-gray-800));
}

.sc-alert__alert--danger .sc-alert__icon {
	color: var(--sc-alert-danger-icon-color, var(--sc-color-danger-500));
}

.sc-alert__alert--warning {
	border-top-color: var(--sc-alert-warning-border-color, var(--sc-color-warning-500));
}

.sc-alert__alert--warning a {
	color: var(--sc-color-warning-900);
}

.sc-alert__alert--warning .sc-alert__title {
	color: var(--sc-alert-title-color, var(--sc-color-gray-800));
}

.sc-alert__alert--warning .sc-alert__icon {
	color: var(--sc-alert-warning-icon-color, var(--sc-color-warning-500));
}

.sc-alert__alert--success {
	border-top-color: var(--sc-alert-success-border-color, var(--sc-color-success-500));
}

.sc-alert__alert--success a {
	color: var(--sc-color-success-900);
}

.sc-alert__alert--success .sc-alert__title {
	color: var(--sc-alert-title-color, var(--sc-color-gray-800));
}

.sc-alert__alert--success .sc-alert__icon {
	color: var(--sc-alert-success-icon-color, var(--sc-color-success-500));
}

.sc-alert__icon {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: var(--sc-font-size-large);
	-webkit-padding-end: var(--sc-spacing-medium);
	padding-inline-end: var(--sc-spacing-medium);
}

.sc-alert__title {
	font-weight: var(--sc-font-weight-semibold);
}

.sc-alert__sr-only {
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.sc-alert__close {
	border-radius: var(--sc-border-radius-small);
	cursor: pointer;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: auto;
	padding: var(--sc-spacing-x-small);
	-webkit-transition: background-color var(--sc-transition-fast) ease;
	transition: background-color var(--sc-transition-fast) ease;
}

.sc-alert__close svg {
	height: 1em;
	width: 1em;
}

.sc-alert__is-rtl {
	text-align: right;
}

.sc-alert__is-rtl.alert-close {
	margin-left: unset;
	margin-right: auto;
}

.sc-alert__is-rtl ::slotted(ul) {
	margin: 0;
	padding: 0 20px 0 0;
}