Added basic filter for actor boob size.

assets/components/actors/actors.vue

@@ -123,12 +123,6 @@
 			</ul>
 		</nav>
 
-		<Pagination
-			ref="pagination"
-			:items-total="totalCount"
-			:items-per-page="limit"
-		/>
-
 		<div class="tiles">
 			<Actor
 				v-for="actor in actors"
@@ -383,9 +377,7 @@ export default {
 }
 
 .filter-section {
-	&:not(:last-child) {
-		margin: 0 0 .5rem 0;
-	}
+	margin: 0 0 .5rem 0;
 }
 
 .filter-label {
@@ -412,8 +404,12 @@ export default {
 			color: var(--enabled);
 		}
 
-		.range-toggle::-webkit-slider-thumb {
-			background: var(--enabled);
+		.range-toggle {
+			background: radial-gradient(circle, var(--shadow-hint) .75rem, var(--enabled-background) calc(.75rem + 1px));
+
+			&::-webkit-slider-thumb {
+				background: var(--enabled);
+			}
 		}
 	}
 
@@ -422,8 +418,12 @@ export default {
 			color: var(--disabled);
 		}
 
-		.range-toggle::-webkit-slider-thumb {
-			background: var(--disabled);
+		.range-toggle {
+			background: radial-gradient(circle, var(--shadow-hint) .75rem, var(--disabled-background) calc(.75rem + 1px));
+
+			&::-webkit-slider-thumb {
+				background: var(--disabled);
+			}
 		}
 	}
 
@@ -465,26 +465,27 @@ export default {
 .range,
 .range-toggle {
 	flex-grow: 1;
-	height: 1rem;
+	height: 1.5rem;
 	appearance: none;
-	border-radius: .5rem;
+	padding: 2px;
+	border-radius: .75rem;
 	background: var(--shadow-hint);
 	cursor: pointer;
 
 	&::-webkit-slider-thumb {
 		appearance: none;
 		background: var(--primary);
-		width: 1rem;
-		height: 1rem;
-		border-radius: .5rem;
+		width: 1.5rem;
+		height: 1.5rem;
+		border-radius: .75rem;
 	}
 }
 
 .range-toggle {
-	background: radial-gradient(circle at center, var(--shadow-weak) 0, var(--shadow-weak) .5rem, var(--shadow-hint) .5rem);
+	background: radial-gradient(circle, var(--shadow-hint) .75rem, var(--shadow-hint) calc(.75rem + 1px));
 
 	&::-webkit-slider-thumb {
-		background: #aaa;
+		background: var(--shadow-hint);
 	}
 }
 

assets/components/tooltip/tooltip.vue

@@ -3,6 +3,7 @@
 		<div
 			ref="trigger"
 			class="trigger noselect"
+			@mouseenter="toggle"
 			@click.stop="toggle"
 		>
 			<slot />