.modal-brief-v26.success {
	display:none;
}
.modal-brief-v26.success ~ [data-fancybox-close] {
	display:none !important;
}
.modal-brief-v26__heading {
	display:flex;
	flex-direction:column;
	width:571px;
	max-width:calc(100% - 70px);
	
}
.modal-brief-v26__heading .title {
	font-weight: 500;
	font-size: 26px;
	line-height: 110%;
	color: #343434;
	@media (max-width:480px) {
		font-weight: 700;
		font-size: 18px;
		margin-bottom:4px;
	}
}
.modal-brief-v26__heading .title .red {
	color:#F25354;
}
.modal-brief-v26__heading .title-note {
	font-size: 15px;
	line-height: 120%;
	color: #343434;
	@media (max-width:480px) {
		font-size: 13px;
	}
}

.fancybox-slide--html .fancybox-content.modal--velvet:has(.modal-brief-v26) {
	width:1000px!important;
	@media (max-width:480px) {
		padding:15px !important;
		border-radius: 8px !important;
	}
}
.fancybox-slide--html .fancybox-content.modal--velvet form.modal-brief-v26 {
	gap:16px;
}

.modal-brief-v26 .modal-callback__body {
	width:100%;
	max-width:100%;
}

.brief-v26 {
	width:100%;
	display:flex;
	align-items:stretch;
	gap:24px;
	@media (max-width:660px) {
		flex-direction:column;
	}
	@media (max-width:480px) {
		gap:16px;
	}
}
.brief-v26-userdata {
	flex: 1 1 auto;
	
}
.brief-v26-result {
	flex: 0 0 auto;
	width:300px;
	background:url(/local/templates/v2025/images/brief-v26-result-bg.jpg) center/cover no-repeat;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	padding:48px 24px 24px;
	gap:24px;
	border-radius:24px;
	@media (max-width:660px) {
		width:100%;
		background:#F0F3F4;
	}
	@media (max-width:480px) {
		border-radius:12px;
		padding:12px 16px;
		gap:16px;
	}
}

@property --progress-value {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: true;
}

.brief-v26-result-discount {
	flex: 0 0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	width:206px;
	height:206px;
	border-radius:50%;
	background-color:#fff;
	padding:8px;
	margin:0 auto;
	--progress-value: 0%;
	--progress-max-value:5;
	background-image: conic-gradient(#1FA483 calc(var(--progress-value) / var(--progress-max-value) * 100), transparent 0);	
	@media (max-width:660px) {
		width:100%;
		height:auto;
		background:#F0F3F4;
		background-image:none;
		padding:0;
		border-radius:0;
	}
}
.brief-v26-result-discount-wrap {
	flex: 0 0 auto;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	border-radius:50%;
	background-color:#EDF0F0;
	padding:8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 120%;
	color: #5B5B5B;
	@media (max-width:660px) {
		padding:0;
		border-radius:0;
		flex-direction: column-reverse;
		align-items:flex-start;
		color: transparent;
		gap: 8px;
	}
}

.brief-v26-result-discount .label {
	font-weight: 400;
	font-size: 13px;
	line-height: 120%;
	color: #5B5B5B;
	opacity:1;
}
.brief-v26-result-discount .value {
	font-weight: 700;
	font-size: 46px;
	line-height: 120%;
	letter-spacing: 0.27px;
	color: #343434;
	@media (max-width:660px) {
		position:relative;
		width:calc(100% - 76px);
		height:6px;
		border-radius:3px;
		background:#fff;
		background: #FFFFFF;
		border: 1px solid rgba(0, 0, 0, 0.05);
	}
	@media (max-width:480px) {
		font-size: 24px;
		width:calc(100% - 52px);
	}
}
.brief-v26-result-discount .value:before {
	content:attr(data-value);
	@media (max-width:660px) {
		position:absolute;
		left:calc(100% + 16px);
		bottom:0;
	}
}
@media (max-width:660px) {
	.brief-v26-result-discount .value:after {
		content:"";
		position:absolute;
		display: inline-flex;
		left: 0;
        top: -1px;		
		width: calc(var(--progress-value) / var(--progress-max-value) * 100);
		height:100%;
		border-radius:3px;
		background:#1FA483;
		
	}
}
 
.brief-v26-result .best-price {
	flex: 1 1 auto;
	font-weight: 400;
	font-size: 15px;
	line-height: 120%;
	text-align: center;
	color: #343434;
	@media (max-width:480px) {
		font-size: 11px;
	}
}
.brief-v26-result .manager-note {
	font-size: 12px;
	line-height: 120%;
	text-align: center;
	color: #676767;
	@media (max-width:660px) {
		display:none;
	}
}

.brief-v26-userdata .input-block {
	display:flex;
	flex-direction:column;
	padding-bottom:25px;
	border-bottom: 1px dashed #E1E1E1;
	margin-bottom:25px;
	gap:9px;
	@media (max-width:480px) {
		padding-bottom:16px;
		margin-bottom:16px;
	}
}
.brief-v26-userdata .input-block-header {
	display:flex;
	gap:8px;
	align-items:center;
}
.brief-v26-userdata .input-block-header-text {
	font-weight: 500;
	font-size: 15px;
	line-height: 120%;
	color: #343434;
	@media (max-width:480px) {
		font-size: 13px;
	}
}
.brief-v26-userdata .input-block-header-benefit {
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2px 8px;
	min-height: 20px;
	background: #E0F9F3;
	border-radius: 100px;
	font-weight: 500;
	font-size: 13px;
	line-height: 120%;
	color: #1FA483;
	@media (max-width:480px) {
		font-size: 11px;
	}
}

.brief-v26-userdata .input-block-inputs {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.brief-v26-userdata .input-block-inputs .input {
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 14px;
	width: calc(50% - 4px);
	min-height: 48px;
	background: #FFFFFF;
	border: 1px solid #BFCBCF;
	border-radius: 12px;
	position:relative;
	@media (max-width:880px) {
		width: 100%;
	}
	@media (max-width:480px) {
		min-height:40px;
	}
}
.brief-v26-userdata .input-block-inputs .input.has-error {
	border-color: #F25354;
}
.brief-v26-userdata .input-block-inputs .input-with-note {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items:stretch;
	padding: 0px;
	gap: 4px;
	width: calc(50% - 4px);
	@media (max-width:880px) {
		width: 100%;
	}
}
.brief-v26-userdata .input-block-inputs .input-with-note .input {
	width:100%;
}

.brief-v26-userdata .input-block-inputs .input-long {
	width:100%;
}
.brief-v26-userdata .input-block-inputs .input-with-note:has(.input-long) {
	width:100%;
}
.brief-v26-userdata .input-block-inputs .input-note {
	font-size: 12px;
	line-height: 120%;
	color: #8A8A8A;
}


.brief-v26-userdata .input-block-inputs .input label {
	position:absolute;
	left:14px;
	top:50%;
	height:100%;
	width:calc(100% - 28px);
	display:flex;
	align-items:center;
	transform:translateY(-50%);
	font-weight: 400;
	font-size: 15px;
	line-height: 120%;
	color: #676767;
	white-space:nowrap;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:all .35s ease;
	z-index: 1;
	@media (max-width:480px) {
		font-size: 13px;
	}	
}
.brief-v26-userdata .input-block-inputs .input label:has(+ :focus),
.brief-v26-userdata .input-block-inputs .input.focus label {
	font-size: 11px;
	line-height: 110%;
	color: #8A8A8A;
	top:8px;
	transform:translateY(0);
	height:auto;
	width:auto;
}

.brief-v26-userdata .input-block-inputs .input input,
.brief-v26-userdata .input-block-inputs .input textarea {
	border:0 !important;
	outline:0 !important;
	position:relative;
	transition:all .35s ease;
	color:transparent;
	width:100%;
	/* background-color:transparent; */
	@media (max-width:480px) {
		font-size: 13px;
	}	
}

.brief-v26-userdata .input-block-inputs .input:has(textarea) {
	padding-top:14px;
	padding-bottom: 14px;
}
.brief-v26-userdata .input-block-inputs .input:has(textarea) label {
	align-items:flex-start;
	padding-top:7px;
}
.brief-v26-userdata .input-block-inputs .input.focus:has(textarea:focus) label,
.brief-v26-userdata .input-block-inputs .input.focus:has(textarea) label {
	padding-top:0;
}
.brief-v26-userdata .input-block-inputs .input input[type="date" i]::-webkit-calendar-picker-indicator {
	opacity:0;
}
.brief-v26-userdata .input-block-inputs .input input[type="date" i]:focus::-webkit-calendar-picker-indicator {
	opacity:1;
}


.brief-v26-userdata .input-block-inputs .input input:focus,
.brief-v26-userdata .input-block-inputs .input.focus input,
.brief-v26-userdata .input-block-inputs .input textarea:focus,
.brief-v26-userdata .input-block-inputs .input.focus textarea {
	top:7px;
	color:#343434;
}

.brief-v26-userdata .input-block-inputs .input-radio {
	flex: 0 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap:6px;
	align-items: center;
	width: 100%;
	padding:4px 0;
}
.brief-v26-userdata .input-block-inputs .input-radio-button {
	cursor:pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2px 24px;
	min-height: 40px;

	border: 1px solid #E1E1E1;
	border-radius: 50px;
	transition:all .35s ease;
}
.brief-v26-userdata .input-block-inputs .input-radio-button [type="radio"] {
	disabled:none;
}
.brief-v26-userdata .input-block-inputs .input-radio-button:has(:checked) {
	cursor:default;
	background: #F9F9F9;
	border: 1px solid #F25354;
}


[data-brief-v26-select] + .select2 .select2-selection__rendered{
	opacity: 0;
}
.brief-v26-userdata .input-block-inputs .input.focus [data-brief-v26-select] + .select2  .select2-selection__rendered{
	opacity:1;
}
[data-brief-v26-select] + .select2.select2-container--default .select2-selection--single {
	border:0 !important;
}
[data-brief-v26-select] + .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-top: 7px;
    padding-left: 0;
    font-size: 15px;
	@media (max-width:480px) {
		font-size: 13px;
	}

}

[data-brief-v26-select] + .select2..select2-container--default .select2-selection--single .select2-selection__arrow {
	right:6px;
}

.brief-v26-userdata .f-eula {
	width:100%;
	margin:0;
	min-height:19px;
}
.brief-v26-userdata .f-eula a {
	border-bottom:0 !important;
}
.brief-v26-userdata .f-eula .checkbox label span {
	font-size:12px;
}
.brief-v26-userdata .f-eula .checkbox label span:before {
	top:0px;
}
.brief-v26-userdata .f-eula .checkbox label span:after {
	top:5px;
}


.brief-v26-userdata .submit {
	width:100%;
	margin:25px 0 0;
	@media (max-width:660px) {
		display:none;
	}
}

.brief-v26 .submit-mobile {
    width: 100%;
    margin: 16px 0 0;
	display:none;
	@media (max-width:660px) {
		display:flex;
	}
}
.brief-v26 .submit-mobile .button.large {
	width:100%;
	height:48px;
	font-weight: 400;
	font-size:18px;
	justify-content:center;
	text-align:center;
}
.brief-v26-userdata .submit [type="submit"]:disabled,
.brief-v26 .submit-mobile [type="submit"]:disabled {
	opacity:.5;
	cursor:default;
}


.brief-v26 .input-file-list {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	min-height:36px;
	@media (max-width:480px) {
		gap:8px;
	}
}
.brief-v26 .input-file {
	display:flex;
	max-width:100%;
}
.brief-v26 .input-file.hidden {
	display:none;
}

.brief-v26 .input-file label {
	display:inline-flex;
}
.brief-v26 .input-file label {
	display:inline-flex;
	position:relative;
	display:inline-flex;
	opacity:1;
}
.brief-v26 .input-file label [type="file"] {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:.0001;
	z-index:1;
	cursor:pointer;
}
.brief-v26 .input-file label [type="file"]::-webkit-file-upload-button {
	cursor:pointer;
}
.brief-v26 .input-file [data-input-file-button] {
	font-weight: 500;
	font-size: 13px;
	line-height: 120%;
	color: #F25354;
	display:flex;
	gap:4px;
	align-items:center;
	cursor:pointer;
}
.brief-v26 .input-file [data-input-file-button] .wrapper span {
	font-weight: 400;
	font-size: 11px;
	line-height: 110%;
	color: #676767;
	display:flex;
}
.brief-v26 .input-file [data-input-file-button]:before {
	flex: 0 0 auto;
	content:"";
	width:20px;
	height:20px;
	background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5033 6.25089L5.99546 12.8681C5.78001 13.1059 5.66425 13.4174 5.67215 13.7382C5.68004 14.0589 5.81099 14.3644 6.03788 14.5913C6.26477 14.8182 6.57023 14.9491 6.891 14.957C7.21177 14.9649 7.5233 14.8492 7.76108 14.6337L15.5189 6.76652C15.9498 6.29096 16.1813 5.6679 16.1655 5.02636C16.1497 4.38481 15.8878 3.7739 15.434 3.32012C14.9803 2.86634 14.3694 2.60444 13.7278 2.58865C13.0863 2.57285 12.4632 2.80437 11.9876 3.23527L4.22983 11.1025C3.52742 11.8049 3.13281 12.7575 3.13281 13.7509C3.13281 14.7443 3.52742 15.6969 4.22983 16.3993C4.93224 17.1017 5.88491 17.4964 6.87827 17.4964C7.87163 17.4964 8.8243 17.1017 9.52671 16.3993L15.9408 10.0009' stroke='%23F25354' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
}

.brief-v26 .input-file .user-file {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	gap: 8px;
	height: 36px;
	background: #F0F3F4;
	border-radius: 16px;
	max-width:100%;
}
.brief-v26 .input-file .user-file .filename{
	flex: 0 0 auto;
	display: inline-block;
	align-items: center;
	gap: 8px;
	white-space:nowrap;
	max-width:calc(100% - 28px);
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:15px;
	color:#5B5B5B;
	@media (max-width:480px) {
		font-size:13px;
	}
}

.brief-v26 .input-file .user-file .filename:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
	width:20px;
	height:20px;
	background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.625 17.5H4.375C4.20924 17.5 4.05027 17.4342 3.93306 17.3169C3.81585 17.1997 3.75 17.0408 3.75 16.875V3.125C3.75 2.95924 3.81585 2.80027 3.93306 2.68306C4.05027 2.56585 4.20924 2.5 4.375 2.5H11.875L16.25 6.875V16.875C16.25 17.0408 16.1842 17.1997 16.0669 17.3169C15.9497 17.4342 15.7908 17.5 15.625 17.5Z' stroke='%23676767' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.875 2.5V6.875H16.25' stroke='%23676767' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 10.625H12.5' stroke='%23676767' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 13.125H12.5' stroke='%23676767' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
}
.brief-v26 .input-file .user-file [data-delete] {
	flex: 0 0 auto;
	content:"";
	width:20px;
	height:20px;
	background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.625 4.375L4.375 15.625' stroke='%23F25354' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.625 15.625L4.375 4.375' stroke='%23F25354' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
	cursor:pointer;
}

.brief-v26 .input-file:has(.user-file) label {
	display:none;
}


.modal-brief-v26-success-window {
	display:none;
	flex-direction: column;
	align-items: center;
}
.modal-brief-v26.success + .modal-brief-v26-success-window {
	display:flex;
}

.modal-brief-v26-success-window-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	width: 571px;
	max-width:100%;
	padding:163px 0;
	@media (max-width:1200px) {
		padding: 0;
		gap:24px;
	}
}


.modal-brief-v26-success-window-wrapper:before {
	flex: 0 0 auto;
	content:"";
	width:80px;
	height:80px;
	background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' rx='32' fill='%231FA483' fill-opacity='0.2'/%3E%3Cpath d='M53.75 31.25L36.25 48.75L27.5 40' stroke='%231FA483' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center/cover no-repeat;
	@media (max-width:800px) {
		width:40px;
		height:40px;
	}	
}
.modal-brief-v26-success-window-wrapper .frame-310 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
}
.modal-brief-v26-success-window-wrapper .frame-310 .title {
	font-weight: 700;
	font-size: 46px;
	line-height: 120%;
	text-align: center;
	letter-spacing: 0.27px;
	color: #343434;
	@media (max-width:800px) {
		font-size: 24px;
	}
}	
.modal-brief-v26-success-window-wrapper .frame-310-1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.modal-brief-v26-success-window-wrapper .frame-310-1 .manager {
	font-size: 15px;
	line-height: 120%;
	text-align: center;
	color: #343434;
}

.modal-brief-v26-success-window-wrapper .frame-310-1 .work-mode {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px 12px;
	height: 32px;
	background: #F0F3F4;
	border-radius: 16px;
	font-size: 13px;
	line-height: 120%;
	text-align: center;
	color: #5B5B5B;
}

.modal-brief-v26-success-window-wrapper .actions {
	display:flex;
	align-items:center;
	justify-content:center;
}
.modal-brief-v26-success-window-wrapper .actions .button {
	width:160px;
	text-align:center;
	justify-content:center;
}
