/* Import Google Font - Poppins */
		@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


	::selection{
	  color: #fff;
	  background: #17A2B8;
	}
	.wrapper{
	  background: #fff;
	  border-radius: 10px;
	  padding: 5px 20px 20px 20px;
	  box-shadow: 0 12px 35px rgba(0,0,0,0.1);
	}

	.price-input{
	  width: 100%;
	  display: flex;
	  margin: 30px 0 35px;
	}
	.price-input .field{
	  display: flex;
	  width: 100%;
	  height: 45px;
	  align-items: center;
	}
	.field input{
	  width: 100%;
	  height: 90%;
	  outline: none;
	  font-size: 1em;
	  margin-left: 10px;
	  border-radius: 5px;
	  text-align: center;
	  border: 1px solid #999;
	  color:#666;
	  font-weight:600;
	  -moz-appearance: textfield;
	}
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
	  -webkit-appearance: none; 
	}
	.price-input .separator{
	  width: 60px;
	  display: flex;
	  font-size: 19px;
	  align-items: center;
	  justify-content: center;
	}
	.slider{
	  height: 5px;
	  position: relative;
	  background: #ddd;
	  border-radius: 5px;
	}
	.slider .progress{
	  height: 100%;
	  left: 1%;
	  right: 25%;
	  position: absolute;
	  border-radius: 5px;
	  background: #17A2B8;
	}
	.range-input{
	  position: relative;
	}
	.range-input input{
	  position: absolute;
	  width: 100%;
	  height: 5px;
	  top: -5px;
	  background: none;
	  pointer-events: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	}
	input[type="range"]::-webkit-slider-thumb{
	  height: 17px;
	  width: 17px;
	  border-radius: 50%;
	  background: #17A2B8;
	  pointer-events: auto;
	  -webkit-appearance: none;
	  box-shadow: 0 0 6px rgba(0,0,0,0.05);
	}
	input[type="range"]::-moz-range-thumb{
	  height: 17px;
	  width: 17px;
	  border: none;
	  border-radius: 50%;
	  background: #17A2B8;
	  pointer-events: auto;
	  -moz-appearance: none;
	  box-shadow: 0 0 6px rgba(0,0,0,0.05);
	}