diff --git a/toys/license/index.html b/toys/license/index.html
index 8078a20..bf41b49 100644
--- a/toys/license/index.html
+++ b/toys/license/index.html
@@ -107,13 +107,13 @@
-->
-
diff --git a/toys/license/options.css b/toys/license/options.css
index 6e4621b..3f134b0 100644
--- a/toys/license/options.css
+++ b/toys/license/options.css
@@ -48,6 +48,10 @@
color: inherit;
display: inline-block;
}
+.licenseForm input[type="text"]:hover {
+ filter: brightness(1.35);
+ cursor: pointer;
+}
.slider {
-webkit-appearance: none;
appearance: none;
@@ -62,7 +66,11 @@
margin: 0%;
outline: none;
padding: 0%;
-}
+}
+.slider:hover {
+ filter: brightness(1.35);
+ cursor: pointer;
+}
.slider::-webkit-slider-thumb, .slider::-moz-range-thumb {
-webkit-appearance: none;
appearance: none;
@@ -145,6 +153,10 @@ select {
color: inherit;
display: inline-block;
}
+select:hover {
+ filter: brightness(1.35);
+ cursor: pointer;
+}
input[type=file] {
/* height: max-content;
aspect-ratio: 1 / 1;
@@ -163,6 +175,14 @@ input[type=file] {
background-image: url(/assets/icons/upload.svg);
display: inline-flex;
}
+#picUploadLabel:hover {
+ filter: brightness(1.35);
+ cursor: pointer;
+}
+#picUploadLabel:active {
+ filter: brightness(0.75);
+ transform: translateY(calc(1px * var(--pxDensity)));
+}
#picUploadIcon {
height: calc(4px * var(--pxDensity));
aspect-ratio: 1 / 1;