Initial commit

public/assets/css/r.css

@@ -0,0 +1,58 @@
+.floating-menu-bottom {
+  position: absolute;
+  bottom: 0px;
+  z-index: 9999;
+  width: 100%;
+}
+
+.icon-pg {
+  font-size: 16px;
+}
+.pgcontainer {
+  width: 100%;
+  background-color: grey;
+  margin-top: 0.47rem;
+}
+.pgbar {
+  width: 0;
+  height: 0.5vh;
+  background-color: var(--bs-blue);
+}
+
+.slidecontainer {
+  width: 100%;
+}
+/* The slider itself */
+.slider {
+  -webkit-appearance: none;  /* Override default CSS styles */
+  appearance: none;
+  width: 100%;
+  height: 0.5vh;
+  border-radius: 5px;
+  background: linear-gradient(to right, var(--bs-blue) 0%, var(--bs-blue) 0%, #d3d3d3 0%);
+  outline: none;
+  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
+  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
+  transition: opacity .2s;
+}
+/* Mouse-over effects */
+.slider:hover {
+  opacity: 1; /* Fully shown on mouse-over */
+}
+/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none; /* Override default look */
+  appearance: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--bs-blue);
+  cursor: pointer;
+}
+.slider::-moz-range-thumb {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--bs-blue);
+  cursor: pointer;
+}