.tick.svelte-ehc0zi {
		opacity: 0;
	}

	.tick.active.svelte-ehc0zi {
		opacity: 1;
	}

	.checkbox.svelte-10jvu6w {
		opacity: 0;
	}

	.label.svelte-10jvu6w {
		margin-bottom: var(--s4);
		color: var(--color-input-label);
	}

	.field.svelte-10jvu6w {
		width: 100%;
		height: 100%;
	}

	.input.svelte-10jvu6w {
		display: grid;
		grid-template-areas: 'input label';
		grid-template-columns: auto 1fr;
		column-gap: var(--s16);
	}

	input.svelte-10jvu6w {
		grid-area: input;

		width: 100%;
		height: 100%;

		cursor: pointer;
	}

	input.svelte-10jvu6w:disabled {
		cursor: not-allowed;
	}

	input.svelte-10jvu6w::placeholder {
		color: transparent;
	}

	.icon.svelte-10jvu6w {
		grid-area: input;
		align-self: center;
	}

	label.svelte-10jvu6w {
		grid-area: label;
		cursor: pointer;
	}