@layer blocks {	
	
	
	
	.form__req {
	}

	.form__reqHint {
		margin-top: 0;
		margin-bottom: var(--spacing3);
		
		text-align: right;
		color: var(--form-text);
	}


	.form input[type="range"] {
		width: 100%;
		height: 1.5rem;
		padding: 0;
		background: transparent;
		appearance: none;
		-webkit-appearance: none;
		border: none;
	}

	.form input[type="range"]::-webkit-slider-runnable-track {
		width: 100%;
		height: 0.5rem;
		background: transparent;
		border-radius: 1rem;
		cursor: pointer;
	}
	
	.form input[type="range"]::-moz-range-track {
		width: 100%;
		height: 0.5rem;
		background: var(--color__navy);
		border-radius: 1rem;
		cursor: pointer;
	}

	.form input[type="range"]::-webkit-slider-thumb {
		height: 1.25rem;
		width: 1.25rem;
		border-radius: 50%;
		background: var(--form-primary); 
		cursor: grab;
		-webkit-appearance: none;
		border: 2px solid var(--color__white);
		box-shadow: 0 1px 3px rgba(0,0,0,0.3);
		transition: transform 0.1s;
	}
	
	.form input[type="range"]::-webkit-slider-thumb:hover {
		transform: scale(1.1);
		background: var(--form-primary-hover);
	}

	.form input[type="range"]::-moz-range-thumb {
		height: 1.25rem;
		width: 1.25rem;
		border: 2px solid var(--color__white);
		border-radius: 50%;
		background: var(--form-primary);
		cursor: grab;
		box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	}

	.form .range-val-display {
		color: var(--form-primary);
		font-family: monospace;
		font-size: 1.1em;
	}

	.form .attachmentsDropzone {
		border: 1px solid var(--form-border);
		border-radius: var(--form-radius);
		padding: 2.5rem 1.5rem;
		text-align: center;
		background-color: transparent; 
		cursor: pointer;
		transition: all 0.2s;
	}

	.form .attachmentsDropzone:hover {
		background-color: var(--form-bg-focus); 
		border-color: var(--form-primary);
	}

	.form .attachmentsHint p {
		margin: 0 0 1rem 0;
	}


	.form hr.sep {
		border: 0;
		margin: var(--spacing4) 0;
	}

	.form .attachmentsList .attachment-item  {
		display: flex;
		align-items: center;
		gap: var(--spacing3);
	}
	
	.form .attachmentsList .btn-remove-file {
		border: 0;
		margin: 0;
		padding: 0.5em;
	}
	
	.form .attachmentsList .attachment-item.error {
		color: var(--form-error);
	}
	
}

.flatpickr-calendar {
}

.flatpickr-calendar input[type="number"] {
	-moz-appearance: textfield;
}