onlyoffice.github.io/sdkjs-plugins/content/pixabay/plugin_style.css

.blur {
	filter: blur(3px);
}

.flex {
	display: flex;
}

.flexSize {
	flex: 1;
}

.flexCenter {
	align-items: center;
	justify-content: center;
}

.flexCol {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
}

/* loader */

.cssload-container {
	z-index: 1;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.cssload-loading i {
	width: 19px;
	height: 19px;
	display: inline-block;
	border-radius: 50%;
	background: rgb(68, 68, 68);
}

.cssload-loading i:first-child {
	opacity: 0;
	animation: cssload-loading-ani2 0.58s linear infinite;
	-o-animation: cssload-loading-ani2 0.58s linear infinite;
	-ms-animation: cssload-loading-ani2 0.58s linear infinite;
	-webkit-animation: cssload-loading-ani2 0.58s linear infinite;
	-moz-animation: cssload-loading-ani2 0.58s linear infinite;
	transform: translate(-19px);
	-o-transform: translate(-19px);
	-ms-transform: translate(-19px);
	-webkit-transform: translate(-19px);
	-moz-transform: translate(-19px);
}

.cssload-loading i:nth-child(2),
.cssload-loading i:nth-child(3) {
	animation: cssload-loading-ani3 0.58s linear infinite;
	-o-animation: cssload-loading-ani3 0.58s linear infinite;
	-ms-animation: cssload-loading-ani3 0.58s linear infinite;
	-webkit-animation: cssload-loading-ani3 0.58s linear infinite;
	-moz-animation: cssload-loading-ani3 0.58s linear infinite;
}

.cssload-loading i:last-child {
	animation: cssload-loading-ani1 0.58s linear infinite;
	-o-animation: cssload-loading-ani1 0.58s linear infinite;
	-ms-animation: cssload-loading-ani1 0.58s linear infinite;
	-webkit-animation: cssload-loading-ani1 0.58s linear infinite;
	-moz-animation: cssload-loading-ani1 0.58s linear infinite;
}

.asc-plugin-loader .asc-loader-image {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PGNpcmNsZSBjeD0iMTQiIGN5PSIxNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iMTAuMjUiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCUsIDQwJSIgLz48L3N2Zz4=) !important;
}

@keyframes cssload-loading-ani1 {
	100% {
		transform: translate(39px);
		opacity: 0;
	}
}

@-o-keyframes cssload-loading-ani1 {
	100% {
		-o-transform: translate(39px);
		opacity: 0;
	}
}

@-ms-keyframes cssload-loading-ani1 {
	100% {
		-ms-transform: translate(39px);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-loading-ani1 {
	100% {
		-webkit-transform: translate(39px);
		opacity: 0;
	}
}

@-moz-keyframes cssload-loading-ani1 {
	100% {
		-moz-transform: translate(39px);
		opacity: 0;
	}
}

@keyframes cssload-loading-ani2 {
	100% {
		transform: translate(19px);
		opacity: 1;
	}
}

@-o-keyframes cssload-loading-ani2 {
	100% {
		-o-transform: translate(19px);
		opacity: 1;
	}
}

@-ms-keyframes cssload-loading-ani2 {
	100% {
		-ms-transform: translate(19px);
		opacity: 1;
	}
}

@-webkit-keyframes cssload-loading-ani2 {
	100% {
		-webkit-transform: translate(19px);
		opacity: 1;
	}
}

@-moz-keyframes cssload-loading-ani2 {
	100% {
		-moz-transform: translate(19px);
		opacity: 1;
	}
}

@keyframes cssload-loading-ani3 {
	100% {
		transform: translate(19px);
	}
}

@-o-keyframes cssload-loading-ani3 {
	100% {
		-o-transform: translate(19px);
	}
}

@-ms-keyframes cssload-loading-ani3 {
	100% {
		-ms-transform: translate(19px);
	}
}

@-webkit-keyframes cssload-loading-ani3 {
	100% {
		-webkit-transform: translate(19px);
	}
}

@-moz-keyframes cssload-loading-ani3 {
	100% {
		-moz-transform: translate(19px);
	}
}


/* end loader */

.display-none {
	display: none;
}