/*!********************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/view.css ***!
  \********************************************************************************************************************************************************************************/

	.dekode-modal .dekode-modal-inner{
		padding:78px 94px;
	}

:is(.dekode-modal .dekode-modal-inner) form{
			margin-top:30px;
		}

:is(.dekode-modal .dekode-modal-inner) .fields-wrapper{
			display:flex;
			flex-wrap:wrap;
		}

:is(:is(.dekode-modal .dekode-modal-inner) .fields-wrapper) input{
				width:100%;
			}

:is(:is(.dekode-modal .dekode-modal-inner) .fields-wrapper) label{
				margin-bottom:10px;


			}

:is(:is(:is(.dekode-modal .dekode-modal-inner) .fields-wrapper) label):nth-child(1){
					width:100%;
				}

:is(:is(:is(.dekode-modal .dekode-modal-inner) .fields-wrapper) label):nth-child(2),:is(:is(:is(.dekode-modal .dekode-modal-inner) .fields-wrapper) label):nth-child(3){
					width:calc(50% - 10px);
				}

:is(:is(:is(.dekode-modal .dekode-modal-inner) .fields-wrapper) label):nth-child(2){
					margin-right:20px;
				}

:is(.dekode-modal .dekode-modal-inner) .teft-button{
			margin-left:auto;
			margin-right:auto;
			margin-top:20px;
		}

:is(.dekode-modal .dekode-modal-inner) ol{
			border-bottom:1px solid #747474;
			list-style:none;
			margin-bottom:20px;
			padding:20px 0;

		}

:is(:is(.dekode-modal .dekode-modal-inner) ol) li{
				display:flex;
				justify-content:space-between;
			}

:is(:is(.dekode-modal .dekode-modal-inner) ol) .label{
				order:1;
			}

:is(:is(.dekode-modal .dekode-modal-inner) ol) .number{
				align-self:right;
				font-weight:700;
				order:2;
			}

:is(:is(.dekode-modal .dekode-modal-inner) .result) p{
				text-align:center;
			}

:is(:is(.dekode-modal .dekode-modal-inner) .result) .mailForm{
				display:flex;
			}

:is(:is(:is(.dekode-modal .dekode-modal-inner) .result) .mailForm) .teft-button{
					flex-shrink:1;
					margin:24px 0 0 0;
					margin-left:auto;
					padding:8px 20px;
					width:auto;
				}

:is(:is(:is(.dekode-modal .dekode-modal-inner) .result) .mailForm) label{
					margin-right:1.5rem;
					width:100%;
				}

:is(:is(:is(:is(.dekode-modal .dekode-modal-inner) .result) .mailForm) label) input{
						width:100%;
					}

:is(.dekode-modal .dekode-modal-inner) ul{
			list-style:none;
			margin-top:40px;
			padding-left:0;
			text-align:center;

		}

.number-input-wrapper{
	position:relative;
}

.number-change-arrows{
	background:none;
	border:none;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	height:calc(100% - 2px);
	margin-bottom:1px;
	margin-top:1px;
	padding:0;
	position:absolute;
	right:0;
	top:0;
	width:30px;
}

.number-change-arrows input{
		padding-right:45px;
	}

.number-change-arrows button{
		background:none;
		border:none;
		border:none;
		height:100%;
		padding:0;
		text-align:center;
		width:100%;
	}

:is(.number-change-arrows button):hover,:is(.number-change-arrows button):focus{
			cursor:pointer;
		}

:is(.number-change-arrows button) svg{
			box-sizing:unset;
			height:unset;
			margin-bottom:8px;
			width:9px;
		}

.increase:is(.number-change-arrows button){
			transform:rotate(180deg);
		}

button.calculator-button,
input.calculator-button{
	background-color:var(--button-background-color);
	border:1px solid var(--button-border-color);
	color:var(--button-color);
	font-size:14px;
	font-weight:600;
	line-height:20px;
	padding:20px;
	transition:all 250ms ease-out;
	text-decoration:none;
	cursor:pointer;
	margin-left:auto;
    margin-right:auto;
}

:is(button.calculator-button,input.calculator-button):hover,:is(button.calculator-button,input.calculator-button):focus{
		background-color:var(--button-background-color-hover);
		color:var(--button-color-hover);
		border-color:var(--button-border-color-hover);
	}

button.calculator-button,
input.calculator-button{

	--button-background-color-hover:var(--theme-aqua);
	--button-border-color:var(--theme-aqua);
	--button-border-color-hover:var(--theme-aqua);
	--button-color-hover:var(--theme-black);
	--button-color:var(--theme-aqua);
}

.mailForm .calculator-button{
	flex-shrink:1;
    margin:24px 0 0 auto;
    padding:8px 20px;
    width:auto;
}

@media (max-width: 600px){
	.show-for-small{
		display:none !important;
	}
}

@media (max-width: 782px){
	.show-for-medium{
		display:none !important;
	}
}

@media (max-width: 960px){
	.show-for-large{
		display:none !important;
	}
}

@media (max-width: 1280px){
	.show-for-wide{
		display:none !important;
	}
}

@media (max-width: 1440px){
	.show-for-huge{
		display:none !important;
	}
}






/*# sourceMappingURL=view.css.map*/