v1.1.0/number values and efficacy

website/public/styles/extralarge.css

@@ -1,5 +1,5 @@
 .input-popup.expanded {
-  height: 40vh;
+  height: 50vh;
 }
 
 .loading-bar-container {

website/public/styles/extrasmall.css

@@ -331,6 +331,43 @@ footer .by {
 .input-popup-submit.submitted {
   background-color: #55c16c;
 }
+.input-popup-submit.errored {
+  background-color: #c43d34;
+}
+
+.input-popup.expanded::-webkit-scrollbar {
+  width: 1.5rem;
+  background-color: var(--color-tertiary);
+  border-radius: 0 4rem 4rem 0;
+}
+.input-popup.expanded::-webkit-scrollbar-thumb {
+  width: 1rem;
+  background-color: var(--color-dim);
+  border-radius: 0 4rem 4rem 0;
+}
+
+.tip-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 2rem 4rem;
+  padding-left: 2rem;
+  border-radius: 1rem;
+  margin-bottom: 2rem;
+  border: 1px solid var(--color-secondary);
+}
+.tip-icon {
+  font-size: 3rem;
+}
+.tip {
+  padding-left: 2rem;
+}
+.tip .overline {
+  font-size: 1.4rem;
+}
+.tip .subheader {
+  font-size: 3.2rem;
+}
 
 @keyframes loading {
   0% {

website/public/styles/large.css

@@ -22,7 +22,7 @@ footer {
   height: 10rem;
 }
 .input-popup.expanded {
-  height: 50vh;
+  height: 55vh;
 }
 
 .loading-bar-container {

website/public/styles/medium.css

@@ -103,3 +103,7 @@ footer {
 .loading-bar-container {
   max-width: 50%;
 }
+
+.tip-container {
+  width: fit-content;
+}