@keyframes shake{
	10%, 90%{
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80%{
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70%{
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60%{
		transform: translate3d(4px, 0, 0);
	}
}

.editor-styles-wrapper{

	.ajaxForm{
		transition: opacity 300ms ease;
	}
	.ajaxForm.loading{
		pointer-events: none;
		opacity: .8;
	}
	.ajaxForm .success,
	.ajaxForm .error{
		margin-bottom: 20px;
		font-size: 14px;
		color: #DB3737;
	}
	.ajaxForm .success{
		color: #3cb52a;
	}

	.shake{
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		transform: translate3d(0, 0, 0);
		backface-visibility: hidden;
		perspective: 1000px;
	}

	.login-wrapper{
		padding: 114px 86px 114px 0;
	}

	.white-box{
		padding: 32px 24px;
		background: #fff;
		box-shadow: 0px 4px 0px #f2f2f2,0px 4.5px 0.5px rgba(0,0,0,0.25),0px 2px 6px rgba(0,0,0,0.2);
	}
	.white-box hr{
		margin: 8px 0 32px;
		border-color: #ebebeb;
	}

	.btn-submit,
	.btn-submit:active,
	.btn-submit:hover,
	.btn-grey,
	.btn-grey:active,
	.btn-grey:hover{
		width: calc( 100% + 48px );
		margin: 8px -24px -32px;
		padding: 20px 48px;
		background: var(--wp--preset--color--main-colors-orange) !important;
		box-shadow: 0px 4px 0px 0px #DC820A;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.7143;
		letter-spacing: 0.1em;
		color: #fff !important;
	}
	.btn-grey,
	.btn-grey:active,
	.btn-grey:hover{
		width: 100%;
		margin: 0;
		background: var(--wp--preset--color--main-colors-slate) !important;
		box-shadow: 0px 4px 0px 0px #55616b;
	}

	.label-link{
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.01em;
		color: var(--wp--preset--color--font-colors-font-dark--2);
		text-decoration: none;
	}
	.label-link:active,
	.label-link:hover{
		text-decoration: underline;
	}

	.more-actions{
		font-size: 14px;
		letter-spacing: 0.05em;
		color: var(--wp--preset--color--font-colors-font-dark-2);
	}
	.more-actions a{
		color: var(--wp--preset--color--font-colors-font-dark-1);
	}

	.word-divider{
		overflow: hidden;
		margin: 32px 0 24px;
		font-size: 14px;
		letter-spacing: 0.05em;
		color: var(--wp--preset--color--font-colors-font-dark-2);
		text-align: center;
	}
	.word-divider span{
		position: relative;
		padding: 0 18px;
	}
	.word-divider span::before,
	.word-divider span::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 100%;
		width: 100vw;
		height: 1px;
		background: #EBEBEB;
		transform: translateY(-50%);
	}
	.word-divider span::after{
		right: auto;
		left: 100%;
	}

	.has-icon-info{
		position: relative;
		padding-left: 20px;
	}
	.has-icon-info::before{
		content: '';

		-webkit-mask-image: var(--icon-mask-info);
		mask-image: var(--icon-mask-info);
		background-color: currentColor;
		width: 12px;
		aspect-ratio: 12/13;

		position: absolute;
		top: 3px;
		left: 0;
	}

	.after-send{
		position: relative;
		padding: 32px 24px 32px 48px;
		background: var(--wp--preset--color--main-colors-slate);
		box-shadow: 0px 4px 0px #55616b,0px 4.5px 0.5px rgba(0,0,0,0.25),0px 2px 6px rgba(0,0,0,0.2);
		font-size: 18px;
		font-weight: 400;
		line-height: 1.6111;
		letter-spacing: 0.005em;
		color: #fff;
	}
	.after-send::before{
		content: var(--icon-info);
		font-size: 0;
		position: absolute;
		top: 38px;
		left: 24px;
	}

	.after-send.style-success{
		padding: 12px 16px;
		background: #EDFFF1;
		border-left: 2px solid #2F6E3B;
		box-shadow: none;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.01em;
		color: var(--wp--preset--color--font-colors-font-dark-1);
	}
	.after-send.style-success::before{
		display: none;
	}
	.after-send.style-success p{
		margin-bottom: 10px;
	}
	.after-send.style-success a{
		font-size: 14px;
		font-weight: 700;
		line-height: 1.7143;
		letter-spacing: 0.12em;
		color: var(--wp--preset--color--font-colors-font-dark-1);
		text-transform: uppercase;
		text-decoration: none;
	}
	.after-send.style-success a:active,
	.after-send.style-success a:hover{
		text-decoration: underline;
	}

	.extranet-files-wrapper{
		padding: 32px 0 178px;
	}
	@media (max-width: 1679px){
		.extranet-files-wrapper{
			padding-bottom: 150px;
		}
	}
	@media (max-width: 1199px){
		.extranet-files-wrapper{
			padding-bottom: 100px;
		}
	}
	@media (max-width: 991px){
		.extranet-files-wrapper{
			padding-bottom: 80px;
		}
	}
	@media (max-width: 767px){
		.extranet-files-wrapper{
			padding-bottom: 60px;
		}
	}

	#active-filters{
		display: flex;
		align-items: center;
		gap: 14px;
		flex-wrap: wrap;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.375;
		letter-spacing: 0.01em;
		color: var(--wp--preset--color--font-colors-font-dark-2);
	}
	#files-count{
		margin-right: 18px;
	}
	#active-filters button{
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 4px 10px;
		background: none;
		border: 1px solid #ebebeb;
		font-size: 10px;
		letter-spacing: 0.1em;
		color: var(--wp--preset--color--font-colors-font-dark-2);
		text-transform: uppercase;
	}
	#active-filters button::after{
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" fill="none" viewBox="0 0 12 13"><path stroke="%23687175" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m9 3.5-6 6m0-6 6 6"/></svg>');
		font-size: 0;
	}

	input[name="files-search"],
	input[name="files-search"]:focus{
		margin: 0;
		padding: 12px 12px 12px 50px;
		background: #fff var(--icon-search) left 24px center/16px auto no-repeat;
		border-radius: 99px;
	}

	.dropdown-custom-arrow .dropdown-toggle::after{
		content: var(--icon-dropdown);
		margin: 0;
		border: 0;
		font-size: 0;
	}
	.dropdown-custom-arrow .dropdown-toggle.show::after{
		transform: rotate(180deg);
	}
	.dropdown-custom-arrow .dropdown-menu{
		--bs-dropdown-min-width: 14em;
		padding: 24px;
		background: var(--wp--preset--color--main-colors-weiss);
		border: 0;
		border-radius: 0;
		box-shadow: 0px 4px 0px #f2f2f2,0px 4.5px 0.5px rgba(0,0,0,0.25),0px 2px 6px rgba(0,0,0,0.2);
	}

	.dropdown-filter .dropdown-toggle{
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 24px;
		background: #fff;
		border: 1px solid #ebebeb;
		border-radius: 25px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.7143;
		letter-spacing: 0.1em;
		color: var(--wp--preset--color--font-colors-font-dark-1);
		text-transform: uppercase;
	}
	.dropdown-filter.active .dropdown-toggle{
		background: var(--wp--preset--color--font-colors-font-light-1);
	}
	.dropdown-filter.active .dropdown-toggle::before{
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--wp--preset--color--main-colors-orange);
	}
	.dropdown-filter label{
		cursor: pointer;
		display: flex;
		gap: 8px;
		margin: 0 0 14px;
		font-size: 14px;
		color: var(--wp--preset--color--font-colors-font-dark-1);
		font-weight: 400;
	}
	.dropdown-filter label:last-child{
		margin: 0;
	}
	.dropdown-filter label:has( input:checked ){
		font-weight: 700;
	}
	.dropdown-filter input[type="checkbox"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		flex-shrink: 0;
		width: 1em;
		height: 1em;
		margin: 0.175em 0 0;
		background: var(--wp--preset--color--main-colors-weiss);
		border: 1px solid #ebebeb;
		border-radius: 0;
	}
	.dropdown-filter input[type="checkbox"]:checked{
		background: #FF8C00 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="6" fill="none" viewBox="0 0 8 6"><path stroke="%232a363c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="m1 2.4 2.1 2.1L6.6 1"/></svg>') center/auto 43% no-repeat;
		border-color: #D1923E;
	}

	.dropdown-user .dropdown-toggle{
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 24px;
		background: var(--wp--preset--color--font-colors-font-light-1);
		border: 0;
		font-size: 14px;
		line-height: 1.7143;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}
	.dropdown-user .dropdown-toggle.show{
		background: var(--wp--preset--color--font-colors-font-light-2);
	}
	.dropdown-user .dropdown-menu{
		padding: 0;
		font-size: 14px;
	}
	.dropdown-user .dropdown-item{
		padding: 8px 14px;
	}
	.dropdown-user li + li{
		border-top: 1px solid #ebebeb;
	}
	.dropdown-user .di-company{
		padding: 12px 14px;
		color: var(--wp--preset--color--font-colors-font-dark-2);
	}
	.dropdown-user .di-company .company{
		margin: 0 0 2px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: var(--wp--preset--color--font-colors-font-dark-1);
	}
	.dropdown-user .di-help{
		display: flex;
		align-items: center;
		gap: 6px;
	}
	.dropdown-user .di-signout{
		display: flex;
		align-items: center;
		gap: 6px;
		color: #ff0000;
	}
}