use styled-jsx in FloatingPanel

src/components/FloatingPanel.tsx

@@ -10,15 +10,19 @@ const FloatingPanel: FunctionComponent<{
   if(!props.visible) return <></>
   return (
     <div style={{
-      position: "absolute",
-      bottom: "0px",
-      left: "0px",
-      padding: "15px",
-      borderTopRightRadius: "1vw",
-      minWidth: "10vw",
-      minHeight: "1vw",
       backgroundColor: props.color,
     }}>
+      <style jsx>{`
+        div {
+          position: absolute;
+          bottom: 0px;
+          left: 0px;
+          padding: 15px;
+          border-top-right-radius: 1vw;
+          min-width: 10vw;
+          min-height: 1vw;
+        }
+      `}</style>
       {props.children}
     </div>
   )