.vo-find-tone--fulfillment {
	--vo-find-tone: var(--color-primary);
}
.vo-find-tone--originality {
	--vo-find-tone: #B48CDB;
}
.vo-find-tone--readability {
	--vo-find-tone: #6AB0D8;
}
.vo-find-tone--adaptability {
	--vo-find-tone: #E4707F;
}
.vo-find-tone--reliability {
	--vo-find-tone: #8C95D6;
}
.vo-findw {
	display: flex;
	flex-direction: column;
	gap: var(--space-16);
	min-width: 0;
}
.vo-findw__form {
	position: relative;
	display: flex;
	align-items: center;
}
.vo-findw__form-icon {
	position: absolute;
	left: var(--space-12);
	color: var(--color-muted-foreground);
	pointer-events: none;
}
.vo-findw .vo-findw__input {
	width: 100%;
	height: 40px;
	padding: 0 44px 0 36px;
	border: 0;
	border-radius: var(--radius-full);
	background-color: var(--color-surface-2);
	color: var(--color-foreground);
	font-size: var(--font-size-sm);
	line-height: 1;
	transition: background-color var(--dur-2) var(--ease-out);
}
.vo-findw .vo-findw__input:hover {
	background-color: var(--color-surface-3);
}
.vo-findw .vo-findw__input:focus-visible {
	outline: 2px solid var(--color-ring);
	outline-offset: 2px;
}
.vo-findw__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
.vo-findw__submit {
	position: absolute;
	right: var(--space-4);
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: var(--color-primary);
	color: var(--color-primary-foreground);
	transition: background-color var(--dur-2) var(--ease-out), scale var(--dur-1) var(--ease-out);
}
.vo-findw__submit:hover {
	background-color: var(--color-primary-hover);
}
.vo-findw__submit:active {
	scale: 0.94;
}
.vo-findw__submit:focus-visible,
.vo-findw__chip:focus-visible,
.vo-findw__more:focus-visible {
	outline: 2px solid var(--color-ring);
	outline-offset: 2px;
}
.vo-findw__group {
	display: flex;
	flex-direction: column;
	gap: var(--space-8);
	min-width: 0;
}
.vo-findw__label {
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-2xs);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
}
.vo-findw__chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6);
	min-width: 0;
}
.vo-findw .vo-findw__chip {
	display: inline-flex;
	align-items: center;
	gap: var(--space-6);
	max-width: 100%;
	min-height: 32px;
	padding: var(--space-4) var(--space-12);
	border-radius: var(--radius-full);
	background-color: var(--color-chip-bg);
	color: var(--color-chip-fg);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	line-height: 1.3;
	transition: background-color var(--dur-2) var(--ease-out), color var(--dur-1) var(--ease-out);
}
.vo-findw .vo-findw__chip:hover {
	background-color: var(--color-surface-3);
	color: var(--color-chip-fg);
}
.vo-findw .vo-findw__chip--here {
	background-color: var(--color-sub-tint-16);
}
.vo-findw .vo-findw__chip--here:hover {
	background-color: var(--color-sub-tint-28);
}
.vo-findw__chip--axis::before {
	content: "";
	flex: none;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: var(--vo-find-tone);
}
.vo-findw__chip-count {
	color: var(--color-muted-foreground);
	font-size: var(--font-size-3xs);
	font-weight: var(--font-weight-normal);
	font-variant-numeric: tabular-nums;
}
.vo-findw__chip-score {
	color: var(--vo-find-tone);
	font-size: var(--font-size-2xs);
	font-weight: var(--font-weight-extrabold);
	font-variant-numeric: tabular-nums;
}
.vo-findw .vo-findw__more {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: var(--space-6);
	color: var(--color-sub);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	line-height: 1.4;
	transition: color var(--dur-1) var(--ease-out);
}
.vo-findw .vo-findw__more:hover {
	color: var(--color-sub-hover);
}
.vo-findw__more-icon {
	flex: none;
	transition: translate var(--dur-2) var(--ease-out);
}
.vo-findw__more:hover .vo-findw__more-icon {
	translate: 3px 0;
}
@media (prefers-reduced-motion: reduce) {
	.vo-findw__input,
	.vo-findw__submit,
	.vo-findw__chip,
	.vo-findw__more-icon {
		transition: none;
	}
}