.convert-calculator__data-item {
	margin-bottom: 24px;
}
.convert-calculator__data-label {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 16px;
	display: block;
}
.convert-calculator__data-inner {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
}

.convert-calculator__data-value {
	font-weight: 400;
	font-size: 14px;
	line-height: 143%;
	white-space: nowrap;
}
.convert-calculator__slider {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	border-radius: 20px;
	background: #EBF2FD;
	outline: none;
	cursor: pointer;
}

.convert-calculator__slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	border: none;
	position: relative;
	transition: left 0.3s ease, transform 0.3s ease;

	box-shadow: inset 0 0 0 4px #327BE7;
	transform: translateY(0px);
}

.convert-calculator__slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	transition: left 0.3s ease, transform 0.3s ease;

	box-shadow: inset 0 0 0 4px #327BE7;
}

.convert-calculator__slider::-moz-range-track {
	height: 4px;
	border-radius: 20px;
	background: #EBF2FD;
}

.convert-calculator__slider::-ms-track {
	height: 4px;
	border-radius: 20px;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

.convert-calculator__slider::-webkit-slider-thumb::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.convert-calculator__slider::-moz-range-thumb::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.convert-calculator__result-item {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.convert-calculator__result {
	border-radius: 8px;
	padding: 18px 20px;
	background-color: rgba(50, 123, 227, 0.1);
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.convert-calculator__result-value {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: #334972;
}
.convert-calculator__result-label {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	color: #334972;
}
.convert-calculator .convert__btns{
	width: calc(100% - 441px);
}
.convert-calculator {
	display: flex;
	gap: 24px;
}

.convert-calculator__item {
	flex: 1;
	width: 100%;
}

.convert-calculator__data {
	width: 389px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.convert-calculator__input {
	font-weight: 400;
	font-size: 16px;
	color: rgba(51, 73, 114, 0.8);
	border: 1px solid #BFD6F8;
	border-radius: 10px;
	padding: 0 23px;
	width: calc(100% - 50px);
	height: 57px;
	outline: none;
	margin-bottom: 16px;
	line-height: normal;
}

.convert-calculator .--convert-calculator-copy {
	background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.499878 4.87488C0.499878 4.39163 0.891629 3.99988 1.37488 3.99988H17.1249C17.6081 3.99988 17.9999 4.39163 17.9999 4.87488V20.6249C17.9999 21.1081 17.6081 21.4999 17.1249 21.4999H1.37488C0.891629 21.4999 0.499878 21.1081 0.499878 20.6249V4.87488ZM2.24988 5.74988V19.7499H16.2499V5.74988H2.24988Z" fill="%23121D31"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.00012 1.375C4.00012 0.891751 4.39187 0.5 4.87512 0.5H20.6251C21.1084 0.5 21.5001 0.891751 21.5001 1.375V17.125C21.5001 17.6082 21.1084 18 20.6251 18C20.1419 18 19.7501 17.6082 19.7501 17.125V2.25H4.87512C4.39187 2.25 4.00012 1.85825 4.00012 1.375Z" fill="%23121D31"/></svg>');
}
.convert-calculator .--convert-calculator-delete {
	background-image: url('data:image/svg+xml,<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.500122 4.37506C0.500122 3.89181 0.891873 3.50006 1.37512 3.50006H20.6251C21.1084 3.50006 21.5001 3.89181 21.5001 4.37506C21.5001 4.85831 21.1084 5.25006 20.6251 5.25006H1.37512C0.891873 5.25006 0.500122 4.85831 0.500122 4.37506Z" fill="%23121D31"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.37524 8.75006C8.85849 8.75006 9.25024 9.14181 9.25024 9.62506V16.6251C9.25024 17.1083 8.85849 17.5001 8.37524 17.5001C7.89199 17.5001 7.50024 17.1083 7.50024 16.6251V9.62506C7.50024 9.14181 7.89199 8.75006 8.37524 8.75006Z" fill="%23121D31"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6252 8.75006C14.1085 8.75006 14.5002 9.14181 14.5002 9.62506V16.6251C14.5002 17.1083 14.1085 17.5001 13.6252 17.5001C13.142 17.5001 12.7502 17.1083 12.7502 16.6251V9.62506C12.7502 9.14181 13.142 8.75006 13.6252 8.75006Z" fill="%23121D31"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.12524 3.50006C3.60849 3.50006 4.00024 3.89181 4.00024 4.37506V21.0001H18.0002V4.37506C18.0002 3.89181 18.392 3.50006 18.8752 3.50006C19.3585 3.50006 19.7502 3.89181 19.7502 4.37506V21.0001C19.7502 21.4642 19.5659 21.9093 19.2377 22.2375C18.9095 22.5657 18.4644 22.7501 18.0002 22.7501H4.00024C3.53612 22.7501 3.091 22.5657 2.76281 22.2375C2.43462 21.9093 2.25024 21.4642 2.25024 21.0001V4.37506C2.25024 3.89181 2.64199 3.50006 3.12524 3.50006Z" fill="%23121D31"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.51897 0.768845C7.01125 0.276562 7.67893 0 8.37512 0H13.6251C14.3213 0 14.989 0.276562 15.4813 0.768845C15.9736 1.26113 16.2501 1.92881 16.2501 2.625V4.375C16.2501 4.85825 15.8584 5.25 15.3751 5.25C14.8919 5.25 14.5001 4.85825 14.5001 4.375V2.625C14.5001 2.39294 14.4079 2.17038 14.2438 2.00628C14.0797 1.84219 13.8572 1.75 13.6251 1.75H8.37512C8.14306 1.75 7.9205 1.84219 7.7564 2.00628C7.59231 2.17038 7.50012 2.39294 7.50012 2.625V4.375C7.50012 4.85825 7.10837 5.25 6.62512 5.25C6.14187 5.25 5.75012 4.85825 5.75012 4.375V2.625C5.75012 1.92881 6.02668 1.26113 6.51897 0.768845Z" fill="%23121D31"/></svg>');
}

.convert-calculator textarea {
	outline: none;
}
.convert-calculator .convert {
	width: calc(100% - 47px);
	border: 1px solid #BFD6F8;
}

.convert-calculator__result--mobile {
	display: none;
}

@media (max-width: 768px) {
	.convert-calculator__result {
		display: none;
	}

	.convert-calculator__result--mobile {
		display: flex;
	}

	.convert-calculator {
		flex-direction: column-reverse;
	}

	.convert-calculator__data {
		width: 100%;
	}

	.convert-calculator__data-inner {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		align-items: center;
		gap: 8px 0;
	}

	.convert-calculator__data-value:first-of-type {
		grid-column: 1;
		grid-row: 1;
		text-align: left;
	}

	.convert-calculator__data-value:last-of-type {
		grid-column: 2;
		grid-row: 1;
		text-align: right;
	}

	.convert-calculator__slider {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.convert-calculator .convert .convert__btns {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
		bottom: -10px;
	}

	.convert-calculator__input {
		width: calc(100% - 46px);
	}

	.convert-calculator .convert {
		width: calc(100% - 36px);
	}

	.convert-calculator__result {
		padding: 16px;
	}

	.convert-calculator__input {
		height: 50px;
	}
}