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

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

	.checkbox.svelte-1ykxhcx {
		opacity: 0;
	}

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

	.field.svelte-1ykxhcx {
		width: 100%;
		height: 100%;
	}

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

	input.svelte-1ykxhcx {
		grid-area: input;

		width: 100%;
		height: 100%;

		cursor: pointer;
	}

	input.svelte-1ykxhcx:disabled {
		cursor: not-allowed;
	}

	input.svelte-1ykxhcx::placeholder {
		color: transparent;
	}

	.icon.svelte-1ykxhcx {
		grid-area: input;
		align-self: center;
	}

	label.svelte-1ykxhcx {
		grid-area: label;
		cursor: pointer;
	}