@davi-ai/retorik-map 3.0.0 → 3.0.2

package/dist/index.modern.css

@@ -62,7 +62,7 @@
   bottom: 20px !important;
 }
 
-#retorik-shadow .infoPOIPane {
+#retorik-shadow .infoPOIPane, #retorik-shadow .infoPOIPaneWidget {
   z-index: 99;
   background: #fff;
   border-radius: 5px;
@@ -73,13 +73,13 @@
   box-shadow: 0 3px 6px #00000029;
 }
 
-#retorik-shadow .infoPOIPane .poiTitle {
+#retorik-shadow .infoPOIPane .poiTitle, #retorik-shadow .infoPOIPaneWidget .poiTitle {
   font-size: 1.25rem;
   font-weight: bold;
   line-height: 1.6rem;
 }
 
-#retorik-shadow .infoPOIPane .poiClose {
+#retorik-shadow .infoPOIPane .poiClose, #retorik-shadow .infoPOIPaneWidget .poiClose {
   cursor: pointer;
   width: 40px;
   height: 40px;
@@ -90,7 +90,7 @@
   right: 0;
 }
 
-#retorik-shadow .infoPOIPane .poiClose:before, #retorik-shadow .infoPOIPane .poiClose:after {
+#retorik-shadow .infoPOIPane .poiClose:before, #retorik-shadow .infoPOIPane .poiClose:after, #retorik-shadow .infoPOIPaneWidget .poiClose:before, #retorik-shadow .infoPOIPaneWidget .poiClose:after {
   transform-origin: 0 0;
   content: "";
   background-color: #000;
@@ -103,35 +103,35 @@
   transform: rotate(45deg)translate(-50%, -50%);
 }
 
-#retorik-shadow .infoPOIPane .poiClose:after {
+#retorik-shadow .infoPOIPane .poiClose:after, #retorik-shadow .infoPOIPaneWidget .poiClose:after {
   transform: rotate(-45deg)translate(-50%, -50%);
 }
 
-#retorik-shadow .infoPOIPane .poiClose:hover:before, #retorik-shadow .infoPOIPane .poiClose:hover:after {
+#retorik-shadow .infoPOIPane .poiClose:hover:before, #retorik-shadow .infoPOIPane .poiClose:hover:after, #retorik-shadow .infoPOIPaneWidget .poiClose:hover:before, #retorik-shadow .infoPOIPaneWidget .poiClose:hover:after {
   background-color: #000;
 }
 
-#retorik-shadow .infoPOIPane .white {
+#retorik-shadow .infoPOIPane .white, #retorik-shadow .infoPOIPaneWidget .white {
   color: #fff;
 }
 
-#retorik-shadow .infoPOIPane .white:before, #retorik-shadow .infoPOIPane .white:after {
+#retorik-shadow .infoPOIPane .white:before, #retorik-shadow .infoPOIPane .white:after, #retorik-shadow .infoPOIPaneWidget .white:before, #retorik-shadow .infoPOIPaneWidget .white:after {
   background-color: #fff;
 }
 
-#retorik-shadow .infoPOIPane .poiAddress {
+#retorik-shadow .infoPOIPane .poiAddress, #retorik-shadow .infoPOIPaneWidget .poiAddress {
   padding-top: 1rem;
   font-size: .8rem;
   line-height: .7rem;
 }
 
-#retorik-shadow .infoPOIPane .poiPhone {
+#retorik-shadow .infoPOIPane .poiPhone, #retorik-shadow .infoPOIPaneWidget .poiPhone {
   padding-top: .5rem;
   font-size: .8rem;
   line-height: .7rem;
 }
 
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription {
+#retorik-shadow .infoPOIPane .poiPhotoAndDescription, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription {
   flex-direction: row;
   gap: 1rem;
   padding-top: 1rem;
@@ -139,28 +139,28 @@
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiPhoto {
+#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiPhoto, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto {
   flex: 0 0 9rem;
   justify-content: center;
   align-items: center;
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiPhoto img {
+#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiPhoto img, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto img {
   object-fit: cover;
   border-radius: 50%;
   width: 9rem;
   height: 9rem;
 }
 
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton {
+#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton {
   flex-direction: column;
   gap: 1rem;
   display: flex;
   overflow: hidden;
 }
 
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc {
+#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc {
   text-overflow: ellipsis;
   line-clamp: 4;
   -webkit-line-clamp: 4;
@@ -170,7 +170,7 @@
   overflow: hidden;
 }
 
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiButton {
+#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiButton, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiButton {
   border-style: solid;
   border-width: 2px;
   border-radius: 10px;
@@ -179,7 +179,7 @@
   font-weight: bold;
 }
 
-#retorik-shadow .infoPOIPane .routes-container {
+#retorik-shadow .infoPOIPane .routes-container, #retorik-shadow .infoPOIPaneWidget .routes-container {
   flex-direction: row;
   justify-content: center;
   gap: 1rem;
@@ -188,36 +188,36 @@
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-index {
+#retorik-shadow .infoPOIPane .routes-container .route-index, #retorik-shadow .infoPOIPaneWidget .routes-container .route-index {
   z-index: 1;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-icon {
+#retorik-shadow .infoPOIPane .routes-container .route-icon, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon {
   width: 2rem;
   height: 2rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-icon-medium {
+#retorik-shadow .infoPOIPane .routes-container .route-icon-medium, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-medium {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-icon-small {
+#retorik-shadow .infoPOIPane .routes-container .route-icon-small, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-small {
   width: 1.5rem;
   height: 1.5rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-icon-verysmall {
+#retorik-shadow .infoPOIPane .routes-container .route-icon-verysmall, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-verysmall {
   width: .75rem;
   height: .75rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-icon-smallest {
+#retorik-shadow .infoPOIPane .routes-container .route-icon-smallest, #retorik-shadow .infoPOIPaneWidget .routes-container .route-icon-smallest {
   width: .5rem;
   height: .5rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data {
+#retorik-shadow .infoPOIPane .routes-container .routes-data, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data {
   border-radius: .5rem;
   grid-template-columns: repeat(3, max-content);
   gap: 1rem;
@@ -227,13 +227,13 @@
   display: grid;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container {
   flex-direction: column;
   justify-content: flex-end;
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item {
   flex-direction: row;
   align-items: center;
   gap: .75rem;
@@ -241,56 +241,56 @@
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon {
   justify-content: center;
   align-items: center;
   display: flex;
   position: relative;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-circle {
   border-radius: 100%;
   width: 2.25rem;
   height: 2.25rem;
   position: absolute;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle {
   justify-content: center;
   width: 100%;
   display: flex;
   position: absolute;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-car {
   top: -1.15rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-icon .route-item-icon-triangle-other {
   top: -.75rem;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text {
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-duration {
   white-space: nowrap;
   font-weight: bold;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item .route-item-text .route-item-distance {
   white-space: nowrap;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container:hover {
+#retorik-shadow .infoPOIPane .routes-container .routes-data .route-item-container:hover, #retorik-shadow .infoPOIPaneWidget .routes-container .routes-data .route-item-container:hover {
   cursor: pointer;
 }
 
-#retorik-shadow .infoPOIPane .routes-container .route-button {
+#retorik-shadow .infoPOIPane .routes-container .route-button, #retorik-shadow .infoPOIPaneWidget .routes-container .route-button {
   aspect-ratio: 1;
   border: 2px solid #000;
   border-radius: .5rem;
@@ -308,7 +308,7 @@
   overflow-y: hidden;
 }
 
-#retorik-shadow .infoPOIPane .qrcode-container {
+#retorik-shadow .infoPOIPane .qrcode-container, #retorik-shadow .infoPOIPaneWidget .qrcode-container {
   z-index: 40;
   color: #fff;
   background-color: #121212b3;
@@ -324,7 +324,7 @@
   left: 0;
 }
 
-#retorik-shadow .infoPOIPane .qrcode-container .qrcode-text-and-icon {
+#retorik-shadow .infoPOIPane .qrcode-container .qrcode-text-and-icon, #retorik-shadow .infoPOIPaneWidget .qrcode-container .qrcode-text-and-icon {
   flex-direction: row;
   align-items: flex-start;
   gap: .25rem;
@@ -332,13 +332,19 @@
   display: flex;
 }
 
-#retorik-shadow .infoPOIPane .qrcode-container .qrcode-text-and-icon .qrcode-text {
+#retorik-shadow .infoPOIPane .qrcode-container .qrcode-text-and-icon .qrcode-text, #retorik-shadow .infoPOIPaneWidget .qrcode-container .qrcode-text-and-icon .qrcode-text {
   flex-direction: column;
   align-items: center;
   width: fit-content;
   display: flex;
 }
 
+#retorik-shadow .infoPOIPaneWidget {
+  width: 100%;
+  max-width: 27rem;
+  bottom: 135px;
+}
+
 #retorik-shadow .leaflet-control-zoom {
   border: 0;
   flex-direction: column;
@@ -573,7 +579,7 @@
   height: 100%;
 }
 
-#retorik-shadow .filterContainer {
+#retorik-shadow .filterContainer, #retorik-shadow .filterContainerWidget {
   z-index: 51;
   flex-direction: column;
   width: 100%;
@@ -582,11 +588,11 @@
   bottom: 0;
 }
 
-#retorik-shadow .filterContainer.show, #retorik-shadow .filterContainer.hide {
+#retorik-shadow .filterContainer.show, #retorik-shadow .filterContainerWidget.show, #retorik-shadow .filterContainer.hide, #retorik-shadow .filterContainerWidget.hide {
   transition: all .3s ease-in-out;
 }
 
-#retorik-shadow .filterContainer .filterToggler {
+#retorik-shadow .filterContainer .filterToggler, #retorik-shadow .filterContainerWidget .filterToggler {
   cursor: pointer;
   color: #575f6b;
   z-index: 999;
@@ -599,7 +605,7 @@
   box-shadow: 0 -4px 5px #24415d1c;
 }
 
-#retorik-shadow .filterContainer .filterToggler .arrow {
+#retorik-shadow .filterContainer .filterToggler .arrow, #retorik-shadow .filterContainerWidget .filterToggler .arrow {
   width: 10px;
   height: 10px;
   padding-left: 17px;
@@ -607,7 +613,7 @@
   position: relative;
 }
 
-#retorik-shadow .filterContainer .filterToggler .arrow:before, #retorik-shadow .filterContainer .filterToggler .arrow:after {
+#retorik-shadow .filterContainer .filterToggler .arrow:before, #retorik-shadow .filterContainer .filterToggler .arrow:after, #retorik-shadow .filterContainerWidget .filterToggler .arrow:before, #retorik-shadow .filterContainerWidget .filterToggler .arrow:after {
   content: "";
   will-change: transform;
   background: #000;
@@ -619,23 +625,23 @@
   right: auto;
 }
 
-#retorik-shadow .filterContainer .filterToggler .arrow:before {
+#retorik-shadow .filterContainer .filterToggler .arrow:before, #retorik-shadow .filterContainerWidget .filterToggler .arrow:before {
   transform: rotate(45deg)translate(1px, -1px);
 }
 
-#retorik-shadow .filterContainer .filterToggler .arrow:after {
+#retorik-shadow .filterContainer .filterToggler .arrow:after, #retorik-shadow .filterContainerWidget .filterToggler .arrow:after {
   transform: rotate(-45deg)translate(-3px, -3px);
 }
 
-#retorik-shadow .filterContainer .filterToggler .arrow.active:before {
+#retorik-shadow .filterContainer .filterToggler .arrow.active:before, #retorik-shadow .filterContainerWidget .filterToggler .arrow.active:before {
   transform: rotate(45deg)translate(-2px, 2px);
 }
 
-#retorik-shadow .filterContainer .filterToggler .arrow.active:after {
+#retorik-shadow .filterContainer .filterToggler .arrow.active:after, #retorik-shadow .filterContainerWidget .filterToggler .arrow.active:after {
   transform: rotate(-45deg)translate(2px, 2px);
 }
 
-#retorik-shadow .filterContainer .filterMenu {
+#retorik-shadow .filterContainer .filterMenu, #retorik-shadow .filterContainerWidget .filterMenu {
   z-index: 401;
   background: #edeef2 no-repeat padding-box padding-box;
   border-radius: 0;
@@ -648,7 +654,7 @@
   box-shadow: 3px 3px 20px #24415d4d;
 }
 
-#retorik-shadow .filterContainer .filterMenu .filterCategory {
+#retorik-shadow .filterContainer .filterMenu .filterCategory, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory {
   cursor: pointer;
   background: linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) no-repeat padding-box padding-box;
   border-radius: 10px;
@@ -659,11 +665,11 @@
   box-shadow: 3px 3px 10px #24415d14;
 }
 
-#retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
+#retorik-shadow .filterContainer .filterMenu .filterCategory ion-img, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory ion-img {
   border-radius: 50%;
 }
 
-#retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
+#retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox {
   color: #fff;
   visibility: hidden;
   background-color: #575f6b;
@@ -675,26 +681,94 @@
   position: absolute;
 }
 
-#retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox-selected {
+#retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox-selected, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox-selected {
   visibility: visible;
 }
 
-#retorik-shadow .filterContainer .filterMenu .filterCategory .image {
+#retorik-shadow .filterContainer .filterMenu .filterCategory .image, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .image {
   aspect-ratio: 1;
   border-radius: 50%;
 }
 
-#retorik-shadow .filterContainer .filterMenu .filterCategory .imageFile {
+#retorik-shadow .filterContainer .filterMenu .filterCategory .imageFile, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .imageFile {
   width: 100%;
   height: 100%;
 }
 
-#retorik-shadow .filterContainer .filterMenu div:not(.selectedFilter) span {
+#retorik-shadow .filterContainer .filterMenu div:not(.selectedFilter) span, #retorik-shadow .filterContainerWidget .filterMenu div:not(.selectedFilter) span {
   color: #575f6b;
   transition: all .5s;
   font-weight: 400 !important;
 }
 
+#retorik-shadow .filterContainerWidget.show .filterMenu {
+  height: 90px;
+  transition: all .3s ease-in-out;
+}
+
+#retorik-shadow .filterContainerWidget.hide .filterMenu, #retorik-shadow .filterContainerWidget.hide .filterToggler {
+  background: #edeef2;
+}
+
+#retorik-shadow .filterContainerWidget.hide .filterMenu {
+  height: 10px;
+  transition: all .3s ease-in-out;
+}
+
+#retorik-shadow .filterContainerWidget.hide .filterCategory {
+  display: none;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu {
+  z-index: 19;
+  white-space: nowrap;
+  width: unset;
+  flex-flow: column wrap;
+  display: flex;
+  overflow-x: auto;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu .filterCategory {
+  flex-flow: row;
+  height: 50px;
+  padding: 10px;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu .filterCategory ion-img {
+  width: 36.5px;
+  height: 36.5px;
+  padding: 5%;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox {
+  width: 12px;
+  height: 12px;
+  padding-top: 1px;
+  font-size: 12px;
+  top: 5px;
+  left: 40px;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu .filterCategory .image {
+  width: 36.5px;
+  height: 36.5px;
+  padding: 5%;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu .filterCategory span {
+  text-transform: uppercase;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 18px;
+}
+
+#retorik-shadow .filterContainerWidget .filterMenu .filterCategory.selectedFilter {
+  transition: all .5s;
+  box-shadow: inset -3px -3px 16px #fff;
+}
+
 @media only screen and (width <= 600px) {
   #retorik-shadow .filterContainer {
     bottom: 0;
@@ -758,7 +832,9 @@
     text-transform: uppercase;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font: 15px / 18px Helvetica Neue;
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 18px;
   }
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
@@ -818,9 +894,11 @@
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory span {
     text-transform: uppercase;
-    font: normal normal medium 15px / 18px Helvetica Neue;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 18px;
   }
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
@@ -882,9 +960,11 @@
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory span {
     text-transform: uppercase;
-    font: normal normal medium 15px / 18px Helvetica Neue;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size: 15px;
+    font-weight: 500;
+    line-height: 18px;
   }
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
@@ -948,7 +1028,9 @@
     text-transform: uppercase;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font: bold 22px / 27px Helvetica Neue;
+    font-size: 22px;
+    font-weight: 700;
+    line-height: 27px;
   }
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
@@ -1013,7 +1095,9 @@
     text-transform: uppercase;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font: normal normal medium 14px / 16px Helvetica Neue !important;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 16px;
   }
 
   #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {