TF-2565: Create style for bottom sheet when open app on mobile browser

web/worker_service/style.css

@@ -0,0 +1,85 @@
+.bottom-sheet { 
+	display: none; 
+	position: fixed; 
+	bottom: 0; 
+	left: 0; 
+	width: 100%; 
+	background-color: #fff; 
+	border-top-left-radius: 20px; 
+	border-top-right-radius: 20px; 
+	box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.2); 
+	overflow: hidden; 
+} 
+
+.sheet-header { 
+	display: flex; 
+	justify-content: space-between; 
+	align-items: center; 
+	padding: 10px 20px; 
+	color: #fff; 
+} 
+
+.sheet-content { 
+	padding: 20px; 
+} 
+
+.sheet-content h2 { 
+	font-size: 24px; 
+	margin-bottom: 10px; 
+} 
+
+.sheet-content p { 
+	font-size: 16px; 
+	line-height: 1.5; 
+}
+
+.open_on_mobile_title {
+      height: 48px;
+      line-height: 48px;
+      display: inline-block;
+      font-weight: bold;
+      font-size: 16px;
+      border-bottom: 1px solid #eee;
+      text-align: center;
+      width: 100%;
+      margin-bottom: 16px;
+      color: #000;
+    }
+
+.open_on_mobile_actions {
+      width: 100%;
+      display: block;
+      height: 48px;
+      display: flex;
+      justify-content: left;
+      align-items: center;
+
+      & > span {
+        margin-left: 8px;
+        font-weight: bold;
+      }
+    }
+
+.button {
+  border: none;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 5px;
+  font-weight: bold;
+}
+
+.openApp {
+  color: white;
+  background-color: #002DDF;
+  padding: 10px 20px; 
+}
+
+.continueWeb {
+  color: #002DDF;
+  background-color: white;
+  padding: 10px 8px;
+}