:root {
	--color-loader: var(--sr-accent-blue);
	--bg-opacity: #ffffff60;
}
.sr-show-loader {
	width: fit-content;
	position: relative;
}
.sr-loader-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	display: none;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--bg-opacity);
}
.sr-loader-active {
	position: relative;
	overflow: hidden;
}
.sr-loader-active .sr-loader-wrap {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.sr-loader {
	border: 3px solid var(--color-loader);
	border-bottom-color: transparent;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.sr-loader.sr-loader--md {
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
	border-width: 4px;
}
.sr-loader.sr-loader--sm {
	width: 25px;
	min-width: 25px;
	height: 25px;
	min-height: 25px;
}
.sr-loader.sr-loader--xs {
	width: 15px;
	min-width: 15px;
	height: 15px;
	min-height: 15px;
	border-width: 2px;
}
[role="searchWrap"] [role="loader"],
.sr-loader-wrap [role="loader"] {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
[role="searchWrap"] [role="loader"] {
	width: 100%;
	max-width: 300px;
}
.sr-loader-wrap [role="loader"] {
	width: 100%;
	max-width: 300px;
}
[role="searchWrap"][data-active="Y"] [role="loader"] {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}