@davi-ai/retorik-map 3.0.2 → 4.0.1

package/dist/index.modern.css

@@ -1,1160 +0,0 @@
-#retorik-shadow #POIButtonContainer {
-  z-index: 999;
-  justify-content: center;
-  align-items: end;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-#retorik-shadow .buttonPOI {
-  z-index: 99;
-  color: #000;
-  cursor: pointer;
-  background: #fff;
-  border: 1px solid #000;
-  border-radius: 5px;
-  margin-bottom: 30px;
-  padding: 5px 20px;
-  font-size: 1.25em;
-  font-weight: bold;
-  transition: all .5s;
-}
-
-#retorik-shadow .buttonPOI:hover {
-  color: #fff;
-  background: #000000bd;
-}
-
-#retorik-shadow textarea {
-  background: none;
-}
-
-#retorik-shadow .mapContainer, #retorik-shadow .leaflet-container {
-  z-index: 0;
-  width: 100%;
-  height: 100%;
-  margin: auto;
-}
-
-#retorik-shadow .leaflet-container .leaflet-pane {
-  z-index: 0;
-}
-
-#retorik-shadow .custom-marker-cluster {
-  color: #000;
-  text-align: center;
-  background: #00beff80;
-  border-radius: 50%;
-  justify-content: center;
-  align-items: center;
-  width: 33px;
-  height: 33px;
-  line-height: 37px;
-  display: flex;
-}
-
-#retorik-shadow .leaflet-marker-icon {
-  transition: all .2s ease-in-out;
-}
-
-#retorik-shadow .leaflet-popup {
-  bottom: 20px !important;
-}
-
-#retorik-shadow .infoPOIPane, #retorik-shadow .infoPOIPaneWidget {
-  z-index: 99;
-  background: #fff;
-  border-radius: 5px;
-  flex-direction: column;
-  padding: 1rem;
-  display: flex;
-  position: absolute;
-  box-shadow: 0 3px 6px #00000029;
-}
-
-#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 .infoPOIPaneWidget .poiClose {
-  cursor: pointer;
-  width: 40px;
-  height: 40px;
-  font-size: 0;
-  display: block;
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-#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;
-  width: 2px;
-  height: 17px;
-  transition: all .42s;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: rotate(45deg)translate(-50%, -50%);
-}
-
-#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 .infoPOIPaneWidget .poiClose:hover:before, #retorik-shadow .infoPOIPaneWidget .poiClose:hover:after {
-  background-color: #000;
-}
-
-#retorik-shadow .infoPOIPane .white, #retorik-shadow .infoPOIPaneWidget .white {
-  color: #fff;
-}
-
-#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 .infoPOIPaneWidget .poiAddress {
-  padding-top: 1rem;
-  font-size: .8rem;
-  line-height: .7rem;
-}
-
-#retorik-shadow .infoPOIPane .poiPhone, #retorik-shadow .infoPOIPaneWidget .poiPhone {
-  padding-top: .5rem;
-  font-size: .8rem;
-  line-height: .7rem;
-}
-
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription {
-  flex-direction: row;
-  gap: 1rem;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  display: flex;
-}
-
-#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 .infoPOIPaneWidget .poiPhotoAndDescription .poiPhoto img {
-  object-fit: cover;
-  border-radius: 50%;
-  width: 9rem;
-  height: 9rem;
-}
-
-#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 .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiDesc {
-  text-overflow: ellipsis;
-  line-clamp: 4;
-  -webkit-line-clamp: 4;
-  white-space: pre-wrap;
-  -webkit-box-orient: vertical;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-#retorik-shadow .infoPOIPane .poiPhotoAndDescription .poiDescriptionAndButton .poiButton, #retorik-shadow .infoPOIPaneWidget .poiPhotoAndDescription .poiDescriptionAndButton .poiButton {
-  border-style: solid;
-  border-width: 2px;
-  border-radius: 10px;
-  width: fit-content;
-  padding: .5rem;
-  font-weight: bold;
-}
-
-#retorik-shadow .infoPOIPane .routes-container, #retorik-shadow .infoPOIPaneWidget .routes-container {
-  flex-direction: row;
-  justify-content: center;
-  gap: 1rem;
-  width: 100%;
-  height: 4rem;
-  display: flex;
-}
-
-#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 .infoPOIPaneWidget .routes-container .route-icon {
-  width: 2rem;
-  height: 2rem;
-}
-
-#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 .infoPOIPaneWidget .routes-container .route-icon-small {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
-#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 .infoPOIPaneWidget .routes-container .route-icon-smallest {
-  width: .5rem;
-  height: .5rem;
-}
-
-#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;
-  padding: .5rem 1rem .5rem 1.5rem;
-  font-size: .75rem;
-  line-height: 1rem;
-  display: grid;
-}
-
-#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 .infoPOIPaneWidget .routes-container .routes-data .route-item-container .route-item {
-  flex-direction: row;
-  align-items: center;
-  gap: .75rem;
-  height: 100%;
-  display: flex;
-}
-
-#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 .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 .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 .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 .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 .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 .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 .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 .infoPOIPaneWidget .routes-container .routes-data .route-item-container:hover {
-  cursor: pointer;
-}
-
-#retorik-shadow .infoPOIPane .routes-container .route-button, #retorik-shadow .infoPOIPaneWidget .routes-container .route-button {
-  aspect-ratio: 1;
-  border: 2px solid #000;
-  border-radius: .5rem;
-  flex-direction: column;
-  justify-content: space-evenly;
-  align-items: center;
-  width: 15%;
-  min-width: 15%;
-  max-width: 15%;
-  padding: .25rem;
-  font-size: .75rem;
-  font-weight: bold;
-  line-height: 1rem;
-  display: flex;
-  overflow-y: hidden;
-}
-
-#retorik-shadow .infoPOIPane .qrcode-container, #retorik-shadow .infoPOIPaneWidget .qrcode-container {
-  z-index: 40;
-  color: #fff;
-  background-color: #121212b3;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 1rem;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-#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;
-  font-style: italic;
-  display: flex;
-}
-
-#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;
-  gap: 10px;
-  display: flex;
-  right: 1rem;
-}
-
-#retorik-shadow .leaflet-control-zoom .leaflet-control-zoom-in, #retorik-shadow .leaflet-control-zoom .leaflet-control-zoom-out {
-  justify-content: center;
-  align-items: center;
-  width: 50px;
-  height: 50px;
-  display: flex;
-  border-radius: 50% !important;
-}
-
-#retorik-shadow #around-me {
-  opacity: 1;
-  background: #fff no-repeat padding-box padding-box;
-  border-radius: 70px;
-  justify-content: center;
-  align-items: center;
-  width: 50px;
-  height: 50px;
-  margin-right: 10px;
-  display: flex;
-  position: absolute;
-  right: 1rem;
-}
-
-#retorik-shadow .leaflet-div-icon {
-  background-color: #0000;
-  border-style: none;
-  animation: .5s ease-in-out fadeIn;
-  width: 36px !important;
-  height: 50px !important;
-}
-
-#retorik-shadow .markerSelected {
-  filter: drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);
-  transition: all .2s ease-in-out;
-  width: 57px !important;
-  height: 80px !important;
-  margin-top: -65px !important;
-  margin-left: -37.5px !important;
-}
-
-#retorik-shadow .loader-container {
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-#retorik-shadow .loader-container .loader {
-  border: 3px solid #ffffff4d;
-  border-top-color: #fff;
-  border-radius: 50%;
-  width: 50px;
-  height: 50px;
-  animation: 1s ease-in-out infinite spin;
-  display: inline-block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-}
-
-@keyframes spin {
-  to {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-#retorik-shadow .loader-container .exit-loader {
-  cursor: pointer;
-  color: #000;
-  z-index: 1;
-  background-color: #ffffff4d;
-  border-radius: 50%;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-  font-size: 30px;
-  line-height: 30px;
-  display: flex;
-  position: absolute;
-  top: calc(50% + 5px);
-  left: calc(50% + 5px);
-}
-
-@media only screen and (width <= 600px) {
-  #retorik-shadow #around-me {
-    bottom: 25em;
-  }
-
-  #retorik-shadow .leaflet-control-zoom {
-    bottom: 19em;
-  }
-
-  #retorik-shadow .infoPOIPane {
-    width: 100%;
-    bottom: 135px;
-  }
-
-  #retorik-shadow .leaflet-div-icon {
-    background-color: #0000;
-    border-style: none;
-    width: 28px !important;
-    height: 40px !important;
-  }
-
-  #retorik-shadow .markerSelected {
-    filter: drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);
-    transition: all .2s ease-in-out;
-    width: 38px !important;
-    height: 54px !important;
-    margin-top: -65px !important;
-    margin-left: -37.5px !important;
-  }
-}
-
-@media only screen and (width >= 601px) and (width <= 999px) {
-  #retorik-shadow #around-me {
-    bottom: 25em;
-  }
-
-  #retorik-shadow .leaflet-control-zoom {
-    bottom: 19em;
-  }
-
-  #retorik-shadow .infoPOIPane {
-    width: 40rem;
-    bottom: 16rem;
-    left: 50%;
-    right: 50%;
-    transform: translate(-50%);
-  }
-}
-
-@media only screen and (width >= 1000px) and (orientation: landscape) {
-  #retorik-shadow #around-me {
-    bottom: 25em;
-  }
-
-  #retorik-shadow .leaflet-control-zoom {
-    bottom: 19em;
-  }
-
-  #retorik-shadow .infoPOIPane {
-    width: 27rem;
-    bottom: 16rem;
-    right: 7rem;
-  }
-}
-
-@media only screen and (width >= 1921px) and (orientation: landscape) {
-  #retorik-shadow #around-me {
-    bottom: 29em;
-  }
-
-  #retorik-shadow .leaflet-control-zoom {
-    bottom: 25em;
-  }
-
-  #retorik-shadow .leaflet-div-icon {
-    background-color: #0000;
-    border-style: none;
-  }
-
-  #retorik-shadow .markerSelected {
-    filter: drop-shadow(var(--pointerColorHightlight, white) 0px 0px 10px);
-    transition: all .2s ease-in-out;
-  }
-
-  #retorik-shadow .infoPOIPane {
-    bottom: 21rem;
-  }
-}
-
-@media only screen and (width >= 1000px) and (orientation: portrait) {
-  #retorik-shadow #around-me {
-    bottom: 25em;
-  }
-
-  #retorik-shadow .leaflet-control-zoom {
-    bottom: 19em;
-  }
-
-  #retorik-shadow .infoPOIPane {
-    width: 30rem;
-    bottom: 30%;
-    right: 7rem;
-  }
-}
-
-#retorik-shadow #map-target {
-  margin: 10px;
-}
-
-#retorik-shadow .fadeIn {
-  animation: .5s ease-in-out fadeIn;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-#retorik-shadow .fadeOut {
-  animation: .5s ease-in-out fadeOut;
-}
-
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-#weathermap {
-  height: 100%;
-}
-
-#retorik-shadow .filterContainer, #retorik-shadow .filterContainerWidget {
-  z-index: 51;
-  flex-direction: column;
-  width: 100%;
-  display: flex;
-  position: absolute;
-  bottom: 0;
-}
-
-#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 .filterContainerWidget .filterToggler {
-  cursor: pointer;
-  color: #575f6b;
-  z-index: 999;
-  background: #edeef2;
-  border-radius: 10px 10px 0 0;
-  align-items: center;
-  width: fit-content;
-  padding: 10px 30px;
-  display: flex;
-  box-shadow: 0 -4px 5px #24415d1c;
-}
-
-#retorik-shadow .filterContainer .filterToggler .arrow, #retorik-shadow .filterContainerWidget .filterToggler .arrow {
-  width: 10px;
-  height: 10px;
-  padding-left: 17px;
-  display: inline-block;
-  position: relative;
-}
-
-#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;
-  width: 10px;
-  height: 3px;
-  transition: all .2s;
-  position: absolute;
-  top: calc(50% - 1px);
-  right: auto;
-}
-
-#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 .filterContainerWidget .filterToggler .arrow:after {
-  transform: rotate(-45deg)translate(-3px, -3px);
-}
-
-#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 .filterContainerWidget .filterToggler .arrow.active:after {
-  transform: rotate(-45deg)translate(2px, 2px);
-}
-
-#retorik-shadow .filterContainer .filterMenu, #retorik-shadow .filterContainerWidget .filterMenu {
-  z-index: 401;
-  background: #edeef2 no-repeat padding-box padding-box;
-  border-radius: 0;
-  justify-content: center;
-  align-items: center;
-  gap: 20px;
-  width: 100%;
-  display: flex;
-  bottom: 0;
-  box-shadow: 3px 3px 20px #24415d4d;
-}
-
-#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;
-  align-items: center;
-  gap: 10px;
-  display: flex;
-  position: relative;
-  box-shadow: 3px 3px 10px #24415d14;
-}
-
-#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 .filterContainerWidget .filterMenu .filterCategory .checkbox {
-  color: #fff;
-  visibility: hidden;
-  background-color: #575f6b;
-  border: 2px solid #fff;
-  border-radius: 20px;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: absolute;
-}
-
-#retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox-selected, #retorik-shadow .filterContainerWidget .filterMenu .filterCategory .checkbox-selected {
-  visibility: visible;
-}
-
-#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 .filterContainerWidget .filterMenu .filterCategory .imageFile {
-  width: 100%;
-  height: 100%;
-}
-
-#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;
-  }
-
-  #retorik-shadow .filterContainer.show .filterMenu {
-    height: 90px;
-    transition: all .3s ease-in-out;
-  }
-
-  #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
-    background: #edeef2;
-  }
-
-  #retorik-shadow .filterContainer.hide .filterMenu {
-    height: 10px;
-    transition: all .3s ease-in-out;
-  }
-
-  #retorik-shadow .filterContainer.hide .filterCategory {
-    display: none;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu {
-    z-index: 19;
-    white-space: nowrap;
-    width: unset;
-    flex-flow: column wrap;
-    display: flex;
-    overflow-x: auto;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory {
-    flex-flow: row;
-    height: 50px;
-    padding: 10px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
-    width: 36.5px;
-    height: 36.5px;
-    padding: 5%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
-    width: 12px;
-    height: 12px;
-    padding-top: 1px;
-    font-size: 12px;
-    top: 5px;
-    left: 40px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
-    width: 36.5px;
-    height: 36.5px;
-    padding: 5%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory span {
-    text-transform: uppercase;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 15px;
-    font-weight: 500;
-    line-height: 18px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
-    transition: all .5s;
-    box-shadow: inset -3px -3px 16px #fff;
-  }
-}
-
-@media only screen and (width >= 601px) and (width <= 999px) {
-  #retorik-shadow .filterContainer.show {
-    bottom: 0;
-  }
-
-  #retorik-shadow .filterContainer.hide {
-    bottom: -80px;
-  }
-
-  #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
-    background: #edeef2;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu {
-    white-space: nowrap;
-    height: 90px;
-    width: unset;
-    flex-flow: column wrap;
-    display: flex;
-    overflow-x: auto;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory {
-    flex-flow: row;
-    height: 50px;
-    padding: 10px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
-    width: 48px;
-    height: 48px;
-    padding: 5%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
-    width: 17px;
-    height: 17px;
-    padding-top: 2px;
-    font-size: 17px;
-    top: 0;
-    left: 50px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
-    width: 48px;
-    height: 48px;
-    padding: 5%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory span {
-    text-transform: uppercase;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 15px;
-    font-weight: 500;
-    line-height: 18px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
-    transition: all .5s;
-    box-shadow: inset -3px -3px 16px #fff;
-  }
-}
-
-@media only screen and (width >= 1000px) and (orientation: landscape) {
-  #retorik-shadow .filterContainer.show {
-    bottom: 0;
-  }
-
-  #retorik-shadow .filterContainer.hide {
-    bottom: -185px;
-  }
-
-  #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
-    background: #edeef2;
-  }
-
-  #retorik-shadow .filterContainer .filterToggler {
-    margin-left: 100px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu {
-    flex-flow: row;
-    height: 200px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory {
-    flex-direction: column;
-    justify-content: flex-start;
-    width: 150px;
-    height: 130px;
-    padding-top: 1.5rem;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
-    max-width: 60px;
-    max-height: 60px;
-    padding: 7%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
-    width: 20px;
-    height: 20px;
-    padding-top: 2px;
-    font-size: 20px;
-    top: 17%;
-    right: 25%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
-    max-width: 60px;
-    max-height: 60px;
-    padding: 7%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory span {
-    text-transform: uppercase;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 15px;
-    font-weight: 500;
-    line-height: 18px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
-    transition: all .5s;
-    box-shadow: inset -3px -3px 16px #fff;
-  }
-}
-
-@media only screen and (width >= 1921px) and (orientation: landscape) {
-  #retorik-shadow .filterContainer.show {
-    bottom: 0;
-  }
-
-  #retorik-shadow .filterContainer.hide {
-    bottom: -285px;
-  }
-
-  #retorik-shadow .filterContainer.hide .filterMenu, #retorik-shadow .filterContainer.hide .filterToggler {
-    background: #edeef2;
-  }
-
-  #retorik-shadow .filterContainer .filterToggler {
-    margin-left: 100px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu {
-    flex-flow: row;
-    height: 300px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory {
-    flex-direction: column;
-    justify-content: space-evenly;
-    width: 246px;
-    height: 213px;
-    padding: 1.5rem;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
-    max-width: 98.5px;
-    max-height: 98.5px;
-    padding: 8%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
-    width: 32px;
-    height: 32px;
-    padding-top: 8px;
-    font-size: 32px;
-    top: 15%;
-    right: 25%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
-    max-width: 98.5px;
-    max-height: 98.5px;
-    padding: 8%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory span {
-    text-transform: uppercase;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 22px;
-    font-weight: 700;
-    line-height: 27px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
-    transition: all .5s;
-    box-shadow: inset -3px -3px 16px #fff;
-  }
-}
-
-@media only screen and (width >= 1000px) and (orientation: portrait) {
-  #retorik-shadow .filterContainer.show {
-    bottom: 15%;
-    left: calc(50% - 500px);
-  }
-
-  #retorik-shadow .filterContainer .filterToggler {
-    justify-content: center;
-    margin-left: 0;
-    left: calc(50% - 500px);
-    width: 900px !important;
-  }
-
-  #retorik-shadow .filterContainer .arrow {
-    display: none !important;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu {
-    border-radius: 0 0 10px 10px;
-    flex-flow: row;
-    width: 900px;
-    height: 130px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory {
-    flex-direction: column;
-    justify-content: center;
-    width: 125px;
-    height: 110px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory ion-img {
-    max-width: 48px;
-    max-height: 48px;
-    padding: 7%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .checkbox {
-    width: 20px;
-    height: 20px;
-    padding-top: 2px;
-    font-size: 20px;
-    top: 17%;
-    right: 25%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory .image {
-    max-width: 48px;
-    max-height: 48px;
-    padding: 7%;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory span {
-    text-transform: uppercase;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: 14px;
-    font-weight: 500;
-    line-height: 16px;
-  }
-
-  #retorik-shadow .filterContainer .filterMenu .filterCategory.selectedFilter {
-    transition: all .5s;
-    box-shadow: inset -3px -3px 16px #fff;
-  }
-}
-
-#retorik-shadow ion-button.confirm {
-  background-color: #1999b1;
-}
-
-#retorik-shadow ion-button.dismiss {
-  --border-color: #1999b1;
-  --border-radius: 10px;
-  color: #1999b1;
-}
-
-#retorik-shadow ion-content {
-  --overflow: hidden;
-  --background: #4747478c;
-}
-
-#retorik-shadow ion-modal {
-  text-align: center;
-  --width: 100%;
-  --height: 100%;
-  --background: transparent linear-gradient(308deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat padding-box;
-  opacity: 1;
-  border-radius: 10px;
-  align-items: center;
-  width: 500px;
-  height: 200px;
-  margin: auto;
-  display: flex;
-  box-shadow: -3px -3px 20px #2b27276a;
-  --justify-content: space-around !important;
-}
-
-#retorik-shadow #ion-react-wrapper {
-  justify-content: space-around !important;
-  display: flex !important;
-}
-
-@media (width <= 600px) {
-  #retorik-shadow ion-modal {
-    --width: 100%;
-    --height: 100%;
-    opacity: 1;
-    background: #fff no-repeat padding-box padding-box;
-    border-radius: 10px;
-    justify-content: space-between;
-    width: 80%;
-    height: 200px;
-    margin: auto;
-    display: flex;
-    box-shadow: -3px -3px 20px #2b27276a;
-  }
-}
-/*# sourceMappingURL=index.modern.css.map */