Devtools: [WIP] Implement enhanced devtools extension language APIs

Source/devtools/front_end/ui/suggestBox.css

Index: Source/devtools/front_end/ui/suggestBox.css
diff --git a/Source/devtools/front_end/ui/suggestBox.css b/Source/devtools/front_end/ui/suggestBox.css
index 86f8e96c8d8b344dddd57f238a3c4c22f9201fbf..ee006b119dc37e1e92a130adc342a1ec8122ac09 100644
--- a/Source/devtools/front_end/ui/suggestBox.css
+++ b/Source/devtools/front_end/ui/suggestBox.css
@@ -58,6 +58,11 @@
     flex: 0 0 auto;
 }
 
+.suggest-box-container {
+    display: flex;
+    flex-direction: row;
+}
+
 .suggest-box {
     background-color: #FFFFFF;
     border: 1px solid rgb(66%, 66%, 66%);
@@ -102,3 +107,37 @@
 .suggest-box .suggest-box-content-item:hover:not(.selected) {
     border: 1px solid rgb(204, 204, 204);
 }
+
+.details-popup {
+    background-color: #FFFFFF;
+    border: 1px solid rgb(66%, 66%, 66%);
+    padding: 17px;
+    pointer-events: auto;
+    margin-left: 3px;
+    max-width: 750px;
+    overflow-x: hidden;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    flex: 0 0 auto;
+    border-radius: 5px 5px 5px 0;
+    word-wrap: normal;
+}
+
+.details-popup .description {
+    margin-top: 22px;
+    color: #808080;
+}
+
+.details-fade-in {
+    animation: details-fade-in 0.5s linear 0s 1 forwards;
+}
+
+@keyframes details-fade-in {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}