@davi-ai/retorik-map 3.0.0 → 3.0.1

package/dist/index.modern.css.map

@@ -1 +1 @@
-{"mappings":"ACCI;;;;;;;;;AAQA;;;;;;;;;;;;;;AAYI;;;;;ACpBN;;;;AAGA;;;;;;;AAWE;;;;AAIF;;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUE;;;;;;AAMA;;;;;;;;;;;AASE;;;;;;;;;;;;;AAaA;;;;AAGA;;;;AAKF;;;;AAGE;;;;AAMF;;;;;;AAKA;;;;;;AAMA;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAQF;;;;;;;AAME;;;;;;;;;;AAUA;;;;;;;;;AAWJ;;;;;;;;;AAQE;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AASE;;;;;;AAKE;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAOA;;;;;;;AAMA;;;;AAGA;;;;AAKF;;;;;;;AAME;;;;;AAKA;;;;AAMN;;;;AAMF;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;;;;;;;;;;AAeE;;;;;;;;AAOE;;;;;;;AAUN;;;;;;;;AAME;;;;;;;;;AAWF;;;;;;;;;;;;;;AAeA;;;;;;;;AAOA;;;;;;;;;AAUE;;;;;;;;AAOE;;;;;;;;;;;;;AAaE;;;;;;AAYF;;;;;;;;;;;;;;;;;;AAwEF;EACE;;;;EAGA;;;;EAGA;;;;;EAIA;;;;;;;EAMA;;;;;;;;;;AAYA;;;;;;;;;EAOA;;;;;;;;;AAUA;;;;;;;;;EAOA;;;;;;;AAQA;;;;;;;;;EAOA;;;;;EAIA;;;;;;;;;;;EAYF;;;;EAGA;;;;EAGE;;;;;;;AAQJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChjBA;;;;;;;;;AAOE;;;;AAOA;;;;;;;;;;;;;AAWE;;;;;;;;AAME;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAKE;;;;AAGA;;;;AAMN;;;;;;;;;;;;;AAaE;;;;;;;;;;;AAcE;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAGA;;;;;AAIA;;;;;AAKF;;;;;;AASJ;EACE;;;;EAGI;;;;;EAMA;;;;EAIA;;;;;EAIA;;;;EAIF;;;;;;;;;EAUE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;;;;;;EASE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAQE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAOE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AAUR;EAEI;;;;;EAIA;;;;;;;EAMA;;;;EAGA;;;;;;;EAME;;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;EAMA;;;;;;AC5aV;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;EACE","sources":["783b6a16090c64dd","src/styles/components/BotPOIExtensionDisplay.scss","src/styles/components/Map.scss","src/styles/components/MapFilter.scss","src/styles/pages/home.scss"],"sourcesContent":["@import \"e1e5b492a5157813\";\n@import \"2690d54b908ddc51\";\n@import \"14e332cd0b82f55d\";\n@import \"aa8f8f40ee0d6b28\";\n","#retorik-shadow{\r\n    #POIButtonContainer{\r\n        display: flex;\r\n        height: 100%;\r\n        width: 100%;\r\n        align-items: end;\r\n        justify-content: center;\r\n        z-index: 999;\r\n    }\r\n    .buttonPOI{\r\n        margin-bottom: 30px;\r\n        z-index: 99;\r\n        color: black;\r\n        border-radius: 5px;\r\n        border: 1px solid black;\r\n        padding: 5px 20px;\r\n        cursor: pointer;\r\n        transition: all 0.5s;\r\n        font-weight: bold;\r\n        font-size: 1.25em;\r\n        background: white;\r\n        &:hover{\r\n            color:white;\r\n            background: rgba(0, 0, 0, 0.74);\r\n        }\r\n    }\r\n}","#retorik-shadow {\r\n  textarea {\r\n    background: transparent;\r\n  }\r\n  .mapContainer {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    z-index: 0;\r\n  }\r\n  .leaflet-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    z-index: 0;\r\n    .leaflet-pane {\r\n      z-index: 0;\r\n    }\r\n  }\r\n  .custom-marker-cluster {\r\n    background: #00beff80;\r\n    border-radius: 50%;\r\n    color: #000000;\r\n    height: 33px;\r\n    line-height: 37px;\r\n    text-align: center;\r\n    width: 33px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .leaflet-marker-icon {\r\n    transition: all 0.2s ease-in-out;\r\n  }\r\n  .leaflet-popup {\r\n    bottom: 20px !important;\r\n  }\r\n  .infoPOIPane {\r\n    position: absolute;\r\n    z-index: 99;\r\n    background: white;\r\n    padding: 1rem;\r\n    box-shadow: 0px 3px 6px #00000029;\r\n    border-radius: 5px;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .poiTitle {\r\n      font-size: 1.25rem;\r\n      font-weight: bold;\r\n      line-height: 1.6rem;\r\n    }\r\n\r\n    .poiClose {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      display: block;\r\n      width: 40px;\r\n      height: 40px;\r\n      font-size: 0;\r\n      cursor: pointer;\r\n      &:before,\r\n      &:after {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 17px;\r\n        background-color: #000;\r\n        transform: rotate(45deg) translate(-50%, -50%);\r\n        transform-origin: top left;\r\n        transition: all 420ms;\r\n        content: '';\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg) translate(-50%, -50%);\r\n      }\r\n      &:hover:before,\r\n      &:hover:after {\r\n        background-color: #000;\r\n      }\r\n    }\r\n    .white {\r\n      color: white;\r\n\r\n      &:before,\r\n      &:after {\r\n        background-color: white;\r\n      }\r\n    }\r\n\r\n    .poiAddress {\r\n      padding-top: 1rem;\r\n      font-size: 0.8rem;\r\n      line-height: 0.7rem;\r\n    }\r\n    .poiPhone {\r\n      padding-top: 0.5rem;\r\n      font-size: 0.8rem;\r\n      line-height: 0.7rem;\r\n    }\r\n\r\n    .poiPhotoAndDescription {\r\n      padding-top: 1rem;\r\n      padding-bottom: 1rem;\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 1rem;\r\n\r\n      .poiPhoto {\r\n        flex: 0 0 9rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        img {\r\n          object-fit: cover;\r\n          width: 9rem;\r\n          height: 9rem;\r\n          border-radius: 50%;\r\n        }\r\n      }\r\n\r\n      .poiDescriptionAndButton {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        overflow: hidden;\r\n\r\n        .poiDesc {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          display: -webkit-box;\r\n          line-clamp: 4;\r\n          -webkit-line-clamp: 4;\r\n          -webkit-box-orient: vertical;\r\n          white-space: pre-wrap;\r\n        }\r\n  \r\n        .poiButton {\r\n          width: fit-content;\r\n          padding: 0.5rem;\r\n          border-radius: 10px;\r\n          font-weight: bold;\r\n          border-width: 2px;\r\n          border-style: solid;\r\n        }\r\n      }\r\n    }\r\n\r\n    .routes-container {\r\n      width: 100%;\r\n      height: 4rem;\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n\r\n      .route-index {\r\n        z-index: 1;\r\n      }\r\n\r\n      .route-icon {\r\n        height: 2rem;\r\n        width: 2rem;\r\n      }\r\n\r\n      .route-icon-medium {\r\n        height: 1.25rem;\r\n        width: 1.25rem;\r\n      }\r\n\r\n      .route-icon-small {\r\n        height: 1.5rem;\r\n        width: 1.5rem;\r\n      }\r\n\r\n      .route-icon-verysmall {\r\n        height: 0.75rem;\r\n        width: 0.75rem;\r\n      }\r\n\r\n      .route-icon-smallest {\r\n        height: 0.5rem;\r\n        width: 0.5rem;\r\n      }\r\n\r\n      .routes-data {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, max-content);\r\n        padding: 0.5rem 1rem 0.5rem 1.5rem;\r\n        gap: 1rem;\r\n        border-radius: 0.5rem;\r\n        font-size: 0.75rem;\r\n        line-height: 1rem;\r\n\r\n        .route-item-container {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: flex-end;\r\n\r\n          .route-item {\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 0.75rem;\r\n            align-items: center;\r\n\r\n            .route-item-icon {\r\n              position: relative;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n\r\n              .route-item-icon-circle {\r\n                position: absolute;\r\n                width: 2.25rem;\r\n                height: 2.25rem;\r\n                border-radius: 100%;\r\n              }\r\n\r\n              .route-item-icon-triangle {\r\n                position: absolute;\r\n                width: 100%;\r\n                display: flex;\r\n                justify-content: center;\r\n              }\r\n              .route-item-icon-triangle-car {\r\n                top: -1.15rem;\r\n              }\r\n              .route-item-icon-triangle-other {\r\n                top: -0.75rem;\r\n              }\r\n            }\r\n\r\n            .route-item-text {\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: flex-start;\r\n\r\n              .route-item-duration {\r\n                white-space: nowrap;\r\n                font-weight: bold;\r\n              }\r\n\r\n              .route-item-distance {\r\n                white-space: nowrap;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .route-item-container:hover {\r\n          cursor: pointer;\r\n        }\r\n\r\n      }\r\n      \r\n      .route-button {\r\n        aspect-ratio: 1;\r\n        width: 15%;\r\n        min-width: 15%;\r\n        max-width: 15%;\r\n        overflow-y: hidden;\r\n        padding: 0.25rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        border: 2px solid #000;\r\n        border-radius: 0.5rem;\r\n        font-weight: bold;\r\n        font-size: 0.75rem;\r\n        line-height: 1rem;\r\n      }\r\n    }\r\n\r\n    .qrcode-container {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      left: 0;\r\n      z-index: 40;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      color: #FFF;\r\n      background-color: rgba(18, 18, 18, 0.7);\r\n\r\n      .qrcode-text-and-icon {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: flex-start;\r\n        gap: 0.25rem;\r\n        font-style: italic;\r\n\r\n        .qrcode-text {\r\n          width: fit-content;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .leaflet-control-zoom {\r\n    right: 1rem;\r\n    border: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    .leaflet-control-zoom-in,\r\n    .leaflet-control-zoom-out {\r\n      width: 50px;\r\n      height: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 50% !important;\r\n    }\r\n  }\r\n\r\n  #around-me {\r\n    margin-right: 10px;\r\n    right: 1rem;\r\n    position: absolute;\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    /* UI Properties */\r\n    background: #FFF 0% 0% no-repeat padding-box;\r\n    border-radius: 70px;\r\n    opacity: 1;\r\n  }\r\n\r\n  .leaflet-div-icon {\r\n    width: 36px !important;\r\n    height: 50px !important;\r\n    background-color: transparent;\r\n    border-style: none;\r\n    animation: fadeIn 0.5s ease-in-out;\r\n  }\r\n  .markerSelected {\r\n    filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n    margin-left: -37.5px !important;\r\n    margin-top: -65px !important;\r\n    transition: all 0.2s ease-in-out;\r\n    width: 57px !important;\r\n    height: 80px !important;\r\n  }\r\n\r\n  .loader-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .loader {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      display: inline-block;\r\n      width: 50px;\r\n      height: 50px;\r\n      border: 3px solid rgba(255, 255, 255, 0.3);\r\n      border-radius: 50%;\r\n      border-top-color: #fff;\r\n      animation: spin 1s ease-in-out infinite;\r\n      -webkit-animation: spin 1s ease-in-out infinite;\r\n      \r\n      @keyframes spin {\r\n        to {\r\n          -webkit-transform: rotate(360deg);\r\n        }\r\n      }\r\n      @-webkit-keyframes spin {\r\n        to {\r\n          -webkit-transform: rotate(360deg);\r\n        }\r\n      }\r\n    }\r\n\r\n    .exit-loader {\r\n      position: absolute;\r\n      top: calc(50% + 5px);\r\n      left: calc(50% + 5px);\r\n      width: 40px;\r\n      height: 40px;\r\n      cursor: pointer;\r\n      color: #000;\r\n      background-color: rgba(255, 255, 255, 0.3);\r\n      border-radius: 50%;\r\n      font-size: 30px;\r\n      line-height: 30px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  // .loader-container {\r\n  //   background: #4747478c;\r\n  //   position: absolute;\r\n  //   top: 0;\r\n  //   display: flex;\r\n  //   align-items: center;\r\n  //   justify-content: center;\r\n  //   width: 100vw;\r\n  //   height: 100vh;\r\n  //   .loader {\r\n  //     position: absolute;\r\n  //     top: 50%;\r\n  //     left: 50%;\r\n  //     display: inline-block;\r\n  //     width: 50px;\r\n  //     height: 50px;\r\n  //     border: 3px solid rgba(255, 255, 255, 0.3);\r\n  //     border-radius: 50%;\r\n  //     border-top-color: #fff;\r\n  //     animation: spin 1s ease-in-out infinite;\r\n  //     -webkit-animation: spin 1s ease-in-out infinite;\r\n  //     @keyframes spin {\r\n  //       to {\r\n  //         -webkit-transform: rotate(360deg);\r\n  //       }\r\n  //     }\r\n  //     @-webkit-keyframes spin {\r\n  //       to {\r\n  //         -webkit-transform: rotate(360deg);\r\n  //       }\r\n  //     }\r\n  //   }\r\n\r\n  //   .exit-loader {\r\n  //     position: absolute;\r\n  //     top: calc(50% + 5px);\r\n  //     left: calc(50% + 5px);\r\n  //     width: 40px;\r\n  //     height: 40px;\r\n  //     cursor: pointer;\r\n  //     color: #000;\r\n  //     background-color: rgba(255, 255, 255, 0.3);\r\n  //     border-radius: 50%;\r\n  //     font-size: 30px;\r\n  //     line-height: 30px;\r\n  //     display: flex;\r\n  //     justify-content: center;\r\n  //     align-items: center;\r\n  //     z-index: 1;\r\n  //   }\r\n  // }\r\n\r\n  //Small\r\n  @media only screen and (max-width: 600px) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 135px;\r\n      width: 100%;\r\n    }\r\n    .leaflet-div-icon {\r\n      width: 28px !important;\r\n      height: 40px !important;\r\n      background-color: transparent;\r\n      border-style: none;\r\n    }\r\n    .markerSelected {\r\n      filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n      margin-left: -37.5px !important;\r\n      margin-top: -65px !important;\r\n      transition: all 0.2s ease-in-out;\r\n      width: 38px !important;\r\n      height: 54px !important;\r\n    }\r\n  }\r\n\r\n  //Medium\r\n  @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 16rem;\r\n      right: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, 0);\r\n      width: 40rem;\r\n    }\r\n  }\r\n\r\n  //Large\r\n  @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 16rem;\r\n      right: 7rem;\r\n      width: 27rem;\r\n    }\r\n  }\r\n\r\n  //Borne\r\n  @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n    #around-me {\r\n      bottom: 29em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-div-icon {\r\n      background-color: transparent;\r\n      border-style: none;\r\n    }\r\n    .markerSelected {\r\n      filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n      transition: all 0.2s ease-in-out;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 21rem;\r\n    }\r\n  }\r\n\r\n  //Borne Vertical\r\n  @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 30%;\r\n      right: 7rem;\r\n      width: 30rem;\r\n    }\r\n  }\r\n\r\n  #map-target {\r\n    margin: 10px;\r\n  }\r\n\r\n  .fadeIn {\r\n    animation: fadeIn 0.5s ease-in-out;\r\n    -webkit-animation: fadeIn 0.5s ease-in-out;\r\n  }\r\n  \r\n  @keyframes fadeIn {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  \r\n  .fadeOut {\r\n    animation: fadeOut 0.5s ease-in-out;\r\n    -webkit-animation: fadeOut 0.5s ease-in-out;\r\n  }\r\n  \r\n  @keyframes fadeOut {\r\n    from {\r\n      opacity: 1;\r\n    }\r\n    to {\r\n      opacity: 0;\r\n    }\r\n  }\r\n}\r\n\r\n#weathermap {\r\n  height: 100%;\r\n}\r\n","#retorik-shadow {\r\n  .filterContainer {\r\n    display: flex;\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    flex-direction: column;\r\n    z-index: 51;\r\n    &.show {\r\n      transition: all 0.3s ease-in-out;\r\n    }\r\n    &.hide {\r\n      transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    .filterToggler {\r\n      border-radius: 10px 10px 0 0;\r\n      cursor: pointer;\r\n      background: #edeef2;\r\n      color: #575f6b;\r\n      z-index: 999;\r\n      width: fit-content;\r\n      padding: 10px 30px;\r\n      box-shadow: 0px -4px 5px 0px rgb(36 65 93 / 11%);\r\n      display: flex;\r\n      align-items: center;\r\n      .arrow {\r\n        position: relative;\r\n        display: inline-block;\r\n        width: 10px;\r\n        height: 10px;\r\n        padding-left: 17px;\r\n        &:before,\r\n        &:after {\r\n          position: absolute;\r\n          top: calc(50% - 1px);\r\n          right: auto;\r\n          width: 10px;\r\n          height: 3px;\r\n          background: #000;\r\n          content: '';\r\n          will-change: transform;\r\n          transition: all 0.2s ease;\r\n        }\r\n        &:before {\r\n          transform: rotate(45deg) translate(1px, -1px);\r\n        }\r\n        &:after {\r\n          transform: rotate(-45deg) translate(-3px, -3px);\r\n        }\r\n\r\n        &.active {\r\n          &:before {\r\n            transform: rotate(45deg) translate(-2px, 2px);\r\n          }\r\n          &:after {\r\n            transform: rotate(-45deg) translate(2px, 2px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .filterMenu {\r\n      display: flex;\r\n\r\n      width: 100%;\r\n      z-index: 401;\r\n      bottom: 0px;\r\n      border-radius: 0px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 20px;\r\n      background: #edeef2 0% 0% no-repeat padding-box;\r\n      box-shadow: 3px 3px 20px #24415d4d;\r\n\r\n      .filterCategory {\r\n        cursor: pointer;\r\n        box-shadow: 3px 3px 10px #24415d14;\r\n        background: transparent\r\n          linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat\r\n          padding-box;\r\n\r\n        border-radius: 10px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        gap: 10px;\r\n\r\n        ion-img {\r\n          border-radius: 50%;\r\n        }\r\n        .checkbox {\r\n          position: absolute;\r\n          border: 2px solid #FFF;\r\n          border-radius: 20px;\r\n          background-color: #575F6B;\r\n          color: #FFF;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          visibility: hidden;\r\n        }\r\n        .checkbox-selected {\r\n          visibility: visible;\r\n        }\r\n        .image {\r\n          aspect-ratio: 1;\r\n          border-radius: 50%;\r\n        }\r\n        .imageFile {\r\n          height: 100%;\r\n          width: 100%;\r\n        }\r\n      }\r\n      div:not(.selectedFilter) span {\r\n        transition: all 0.5s;\r\n        color: #575f6b;\r\n        font-weight: 400 !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  //Small\r\n  @media only screen and (max-width: 600px) {\r\n    .filterContainer {\r\n      bottom: 0px;\r\n      &.show {\r\n        .filterMenu {\r\n          transition: all 0.3s ease-in-out;\r\n          height: 90px;\r\n        }\r\n      }\r\n      &.hide {\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n        .filterMenu {\r\n          transition: all 0.3s ease-in-out;\r\n          height: 10px;\r\n        }\r\n        .filterCategory {\r\n          display: none;\r\n        }\r\n      }\r\n      .filterMenu {\r\n        z-index: 19;\r\n\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        overflow-x: auto;\r\n        white-space: nowrap;\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: unset;\r\n        .filterCategory {\r\n          flex-direction: row;\r\n          flex-wrap: nowrap;\r\n          height: 50px;\r\n          padding: 10px;\r\n\r\n          ion-img {\r\n            padding: 5%;\r\n            width: 36.5px;\r\n            height: 36.5px;\r\n          }\r\n          .checkbox {\r\n            left: 40px;\r\n            top: 5px;\r\n            height: 12px;\r\n            width: 12px;\r\n            font-size: 12px;\r\n            padding-top: 1px;\r\n          }\r\n          .image {\r\n            padding: 5%;\r\n            width: 36.5px;\r\n            height: 36.5px;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font: normal normal normal 15px/18px Helvetica Neue;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Medium\r\n  @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 0px;\r\n      }\r\n      &.hide {\r\n        bottom: -80px;\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n      }\r\n      .filterMenu {\r\n        height: 90px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        overflow-x: auto;\r\n        white-space: nowrap;\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: unset;\r\n        .filterCategory {\r\n          flex-direction: row;\r\n          flex-wrap: nowrap;\r\n          height: 50px;\r\n          padding: 10px;\r\n\r\n          ion-img {\r\n            padding: 5%;\r\n            width: 48px;\r\n            height: 48px;\r\n          }\r\n          .checkbox {\r\n            left: 50px;\r\n            top: 0px;\r\n            height: 17px;\r\n            width: 17px;\r\n            font-size: 17px;\r\n            padding-top: 2px;\r\n          }\r\n          .image {\r\n            padding: 5%;\r\n            width: 48px;\r\n            height: 48px;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font: normal normal medium 15px/18px Helvetica Neue;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Large\r\n  @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 0px;\r\n      }\r\n      &.hide {\r\n        bottom: -185px;\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n      }\r\n      .filterToggler {\r\n        margin-left: 100px;\r\n      }\r\n      .filterMenu {\r\n        height: 200px;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        .filterCategory {\r\n          width: 150px;\r\n          height: 130px;\r\n          // min-width: 10rem;\r\n          flex-direction: column;\r\n          padding-top: 1.5rem;\r\n          justify-content: flex-start;\r\n\r\n          ion-img {\r\n            max-width: 60px;\r\n            max-height: 60px;\r\n            padding: 7%;\r\n          }\r\n          .checkbox {\r\n            right: 25%;\r\n            top: 17%;\r\n            height: 20px;\r\n            width: 20px;\r\n            font-size: 20px;\r\n            padding-top: 2px;\r\n          }\r\n          .image {\r\n            max-width: 60px;\r\n            max-height: 60px;\r\n            padding: 7%;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font: normal normal medium 15px/18px Helvetica Neue;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Borne\r\n  @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 0px;\r\n      }\r\n      &.hide {\r\n        bottom: -285px;\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n      }\r\n      .filterToggler {\r\n        margin-left: 100px;\r\n      }\r\n      .filterMenu {\r\n        height: 300px;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        .filterCategory {\r\n          width: 246px;\r\n          height: 213px;\r\n          flex-direction: column;\r\n          padding: 1.5rem;\r\n          justify-content: space-evenly;\r\n\r\n          ion-img {\r\n            max-width: 98.5px;\r\n            max-height: 98.5px;\r\n            padding: 8%;\r\n          }\r\n          .checkbox {\r\n            right: 25%;\r\n            top: 15%;\r\n            height: 32px;\r\n            width: 32px;\r\n            font-size: 32px;\r\n            padding-top: 8px;\r\n          }\r\n          .image {\r\n            max-width: 98.5px;\r\n            max-height: 98.5px;\r\n            padding: 8%;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font: normal normal bold 22px/27px Helvetica Neue;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Borne Vertical\r\n  @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 15%;\r\n        left: calc(50% - 500px);\r\n      }\r\n      .filterToggler {\r\n        width: 900px !important;\r\n        margin-left: 0px;\r\n        justify-content: center;\r\n        left: calc(50% - 500px);\r\n      }\r\n      .arrow {\r\n        display: none !important;\r\n      }\r\n      .filterMenu {\r\n        height: 130px;\r\n        width: 900px;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        border-radius: 0px 0px 10px 10px;\r\n        .filterCategory {\r\n          width: 125px;\r\n          height: 110px;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n\r\n          ion-img {\r\n            max-width: 48px;\r\n            max-height: 48px;\r\n            padding: 7%;\r\n          }\r\n          .checkbox {\r\n            right: 25%;\r\n            top: 17%;\r\n            height: 20px;\r\n            width: 20px;\r\n            font-size: 20px;\r\n            padding-top: 2px;\r\n          }\r\n          .image {\r\n            max-width: 48px;\r\n            max-height: 48px;\r\n            padding: 7%;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font: normal normal medium 14px/16px Helvetica Neue !important;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","ion-button.confirm {\r\n    background-color: #1999B1;\r\n}\r\n\r\nion-button.dismiss {\r\n    --border-color: #1999B1;\r\n    --border-radius : 10px;\r\n    color: #1999B1;\r\n}\r\n\r\nion-content {--overflow: hidden}\r\n\r\nion-content{\r\n  --background: #4747478c\r\n}\r\n\r\nion-modal {\r\n  display:flex;\r\n  --justify-content: space-around !important;\r\n  align-items: center;\r\n  margin:auto;\r\n  text-align: center;\r\n  width: 500px;\r\n  height: 200px;\r\n  --width: 100%;\r\n  --height: 100%;\r\n  --background: transparent linear-gradient(308deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box;\r\n  box-shadow: -3px -3px 20px #2B27276A;\r\n  border-radius: 10px;\r\n  opacity: 1 ;\r\n}\r\n\r\n#ion-react-wrapper {\r\n  display:flex !important;\r\n  justify-content: space-around !important;\r\n}\r\n\r\n@media (max-width: 600px) { \r\n  ion-modal {\r\n    display:flex;\r\n    justify-content: space-between;\r\n    margin:auto;\r\n    width: 80%;\r\n    height: 200px;\r\n    --width: 100%;\r\n    --height: 100%;\r\n    background: #FFFFFF 0% 0% no-repeat padding-box;\r\n    box-shadow: -3px -3px 20px #2B27276A;\r\n    border-radius: 10px;\r\n    opacity: 1;\r\n  }\r\n}\r\n"],"names":[],"version":3,"file":"index.modern.css.map"}
+{"mappings":"ACCI;;;;;;;;;AAQA;;;;;;;;;;;;;;AAYI;;;;;ACpBN;;;;AAGA;;;;;;;AAWE;;;;AAIF;;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAGA;;;;;;;;;;;AAUE;;;;;;AAMA;;;;;;;;;;;AASE;;;;;;;;;;;;;AAaA;;;;AAGA;;;;AAKF;;;;AAGE;;;;AAMF;;;;;;AAKA;;;;;;AAMA;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAQF;;;;;;;AAME;;;;;;;;;;AAUA;;;;;;;;;AAWJ;;;;;;;;;AAQE;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;;;AASE;;;;;;AAKE;;;;;;;;AAOE;;;;;;;AAME;;;;;;;AAOA;;;;;;;AAMA;;;;AAGA;;;;AAKF;;;;;;;AAME;;;;;AAKA;;;;AAMN;;;;AAMF;;;;;;;;;;;;;;;;;;AAmBF;;;;;;;;;;;;;;;;AAeE;;;;;;;;AAOE;;;;;;;AAUN;;;;;;AAMA;;;;;;;;AAME;;;;;;;;;AAWF;;;;;;;;;;;;;;AAeA;;;;;;;;AAOA;;;;;;;;;AAUE;;;;;;;;AAOE;;;;;;;;;;;;;AAaE;;;;;;AAYF;;;;;;;;;;;;;;;;;;AAoBF;EACE;;;;EAGA;;;;EAGA;;;;;EAIA;;;;;;;EAMA;;;;;;;;;;AAYA;;;;;;;;;EAOA;;;;;;;;;AAUA;;;;;;;;;EAOA;;;;;;;AAQA;;;;;;;;;EAOA;;;;;EAIA;;;;;;;;;;;EAYF;;;;EAGA;;;;EAGE;;;;;;;AAQJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClgBA;;;;;;;;;AAOE;;;;AAOA;;;;;;;;;;;;;AAWE;;;;;;;;AAME;;;;;;;;;;;;AAYA;;;;AAGA;;;;AAKE;;;;AAGA;;;;AAMN;;;;;;;;;;;;;AAaE;;;;;;;;;;;AAcE;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAGA;;;;;AAIA;;;;;AAKF;;;;;;AAUA;;;;;AAMA;;;;AAIA;;;;;AAIA;;;;AAIF;;;;;;;;;AAUE;;;;;;AAME;;;;;;AAKA;;;;;;;;;AAQA;;;;;;AAKA;;;;;;;;;AAQA;;;;;AASN;EACE;;;;EAGI;;;;;EAMA;;;;EAIA;;;;;EAIA;;;;EAIF;;;;;;;;;EAUE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;;;;;;EASE;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAQE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;EAGA;;;;EAEE;;;;EAKF;;;;EAGA;;;;;EAIE;;;;;;;;EAOE;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AAUR;EAEI;;;;;EAIA;;;;;;;EAMA;;;;EAGA;;;;;;;EAME;;;;;;;EAME;;;;;;EAKA;;;;;;;;;EAQA;;;;;;EAKA;;;;;;;;;EAQA;;;;;;AC5fV;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;EACE","sources":["783b6a16090c64dd","src/styles/components/BotPOIExtensionDisplay.scss","src/styles/components/Map.scss","src/styles/components/MapFilter.scss","src/styles/pages/home.scss"],"sourcesContent":["@import \"e1e5b492a5157813\";\n@import \"2690d54b908ddc51\";\n@import \"14e332cd0b82f55d\";\n@import \"aa8f8f40ee0d6b28\";\n","#retorik-shadow{\r\n    #POIButtonContainer{\r\n        display: flex;\r\n        height: 100%;\r\n        width: 100%;\r\n        align-items: end;\r\n        justify-content: center;\r\n        z-index: 999;\r\n    }\r\n    .buttonPOI{\r\n        margin-bottom: 30px;\r\n        z-index: 99;\r\n        color: black;\r\n        border-radius: 5px;\r\n        border: 1px solid black;\r\n        padding: 5px 20px;\r\n        cursor: pointer;\r\n        transition: all 0.5s;\r\n        font-weight: bold;\r\n        font-size: 1.25em;\r\n        background: white;\r\n        &:hover{\r\n            color:white;\r\n            background: rgba(0, 0, 0, 0.74);\r\n        }\r\n    }\r\n}","#retorik-shadow {\r\n  textarea {\r\n    background: transparent;\r\n  }\r\n  .mapContainer {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    z-index: 0;\r\n  }\r\n  .leaflet-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    z-index: 0;\r\n    .leaflet-pane {\r\n      z-index: 0;\r\n    }\r\n  }\r\n  .custom-marker-cluster {\r\n    background: #00beff80;\r\n    border-radius: 50%;\r\n    color: #000000;\r\n    height: 33px;\r\n    line-height: 37px;\r\n    text-align: center;\r\n    width: 33px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .leaflet-marker-icon {\r\n    transition: all 0.2s ease-in-out;\r\n  }\r\n  .leaflet-popup {\r\n    bottom: 20px !important;\r\n  }\r\n  .infoPOIPane, .infoPOIPaneWidget {\r\n    position: absolute;\r\n    z-index: 99;\r\n    background: white;\r\n    padding: 1rem;\r\n    box-shadow: 0px 3px 6px #00000029;\r\n    border-radius: 5px;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .poiTitle {\r\n      font-size: 1.25rem;\r\n      font-weight: bold;\r\n      line-height: 1.6rem;\r\n    }\r\n\r\n    .poiClose {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      display: block;\r\n      width: 40px;\r\n      height: 40px;\r\n      font-size: 0;\r\n      cursor: pointer;\r\n      &:before,\r\n      &:after {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        width: 2px;\r\n        height: 17px;\r\n        background-color: #000;\r\n        transform: rotate(45deg) translate(-50%, -50%);\r\n        transform-origin: top left;\r\n        transition: all 420ms;\r\n        content: '';\r\n      }\r\n      &:after {\r\n        transform: rotate(-45deg) translate(-50%, -50%);\r\n      }\r\n      &:hover:before,\r\n      &:hover:after {\r\n        background-color: #000;\r\n      }\r\n    }\r\n    .white {\r\n      color: white;\r\n\r\n      &:before,\r\n      &:after {\r\n        background-color: white;\r\n      }\r\n    }\r\n\r\n    .poiAddress {\r\n      padding-top: 1rem;\r\n      font-size: 0.8rem;\r\n      line-height: 0.7rem;\r\n    }\r\n    .poiPhone {\r\n      padding-top: 0.5rem;\r\n      font-size: 0.8rem;\r\n      line-height: 0.7rem;\r\n    }\r\n\r\n    .poiPhotoAndDescription {\r\n      padding-top: 1rem;\r\n      padding-bottom: 1rem;\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 1rem;\r\n\r\n      .poiPhoto {\r\n        flex: 0 0 9rem;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        img {\r\n          object-fit: cover;\r\n          width: 9rem;\r\n          height: 9rem;\r\n          border-radius: 50%;\r\n        }\r\n      }\r\n\r\n      .poiDescriptionAndButton {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 1rem;\r\n        overflow: hidden;\r\n\r\n        .poiDesc {\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          display: -webkit-box;\r\n          line-clamp: 4;\r\n          -webkit-line-clamp: 4;\r\n          -webkit-box-orient: vertical;\r\n          white-space: pre-wrap;\r\n        }\r\n  \r\n        .poiButton {\r\n          width: fit-content;\r\n          padding: 0.5rem;\r\n          border-radius: 10px;\r\n          font-weight: bold;\r\n          border-width: 2px;\r\n          border-style: solid;\r\n        }\r\n      }\r\n    }\r\n\r\n    .routes-container {\r\n      width: 100%;\r\n      height: 4rem;\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 1rem;\r\n      justify-content: center;\r\n\r\n      .route-index {\r\n        z-index: 1;\r\n      }\r\n\r\n      .route-icon {\r\n        height: 2rem;\r\n        width: 2rem;\r\n      }\r\n\r\n      .route-icon-medium {\r\n        height: 1.25rem;\r\n        width: 1.25rem;\r\n      }\r\n\r\n      .route-icon-small {\r\n        height: 1.5rem;\r\n        width: 1.5rem;\r\n      }\r\n\r\n      .route-icon-verysmall {\r\n        height: 0.75rem;\r\n        width: 0.75rem;\r\n      }\r\n\r\n      .route-icon-smallest {\r\n        height: 0.5rem;\r\n        width: 0.5rem;\r\n      }\r\n\r\n      .routes-data {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, max-content);\r\n        padding: 0.5rem 1rem 0.5rem 1.5rem;\r\n        gap: 1rem;\r\n        border-radius: 0.5rem;\r\n        font-size: 0.75rem;\r\n        line-height: 1rem;\r\n\r\n        .route-item-container {\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: flex-end;\r\n\r\n          .route-item {\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 0.75rem;\r\n            align-items: center;\r\n\r\n            .route-item-icon {\r\n              position: relative;\r\n              display: flex;\r\n              justify-content: center;\r\n              align-items: center;\r\n\r\n              .route-item-icon-circle {\r\n                position: absolute;\r\n                width: 2.25rem;\r\n                height: 2.25rem;\r\n                border-radius: 100%;\r\n              }\r\n\r\n              .route-item-icon-triangle {\r\n                position: absolute;\r\n                width: 100%;\r\n                display: flex;\r\n                justify-content: center;\r\n              }\r\n              .route-item-icon-triangle-car {\r\n                top: -1.15rem;\r\n              }\r\n              .route-item-icon-triangle-other {\r\n                top: -0.75rem;\r\n              }\r\n            }\r\n\r\n            .route-item-text {\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: flex-start;\r\n\r\n              .route-item-duration {\r\n                white-space: nowrap;\r\n                font-weight: bold;\r\n              }\r\n\r\n              .route-item-distance {\r\n                white-space: nowrap;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        .route-item-container:hover {\r\n          cursor: pointer;\r\n        }\r\n\r\n      }\r\n      \r\n      .route-button {\r\n        aspect-ratio: 1;\r\n        width: 15%;\r\n        min-width: 15%;\r\n        max-width: 15%;\r\n        overflow-y: hidden;\r\n        padding: 0.25rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        border: 2px solid #000;\r\n        border-radius: 0.5rem;\r\n        font-weight: bold;\r\n        font-size: 0.75rem;\r\n        line-height: 1rem;\r\n      }\r\n    }\r\n\r\n    .qrcode-container {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      left: 0;\r\n      z-index: 40;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      color: #FFF;\r\n      background-color: rgba(18, 18, 18, 0.7);\r\n\r\n      .qrcode-text-and-icon {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: flex-start;\r\n        gap: 0.25rem;\r\n        font-style: italic;\r\n\r\n        .qrcode-text {\r\n          width: fit-content;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .infoPOIPaneWidget {\r\n    bottom: 135px;\r\n    width: 100%;\r\n    max-width: 27rem;\r\n  }\r\n\r\n  .leaflet-control-zoom {\r\n    right: 1rem;\r\n    border: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    .leaflet-control-zoom-in,\r\n    .leaflet-control-zoom-out {\r\n      width: 50px;\r\n      height: 50px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: 50% !important;\r\n    }\r\n  }\r\n\r\n  #around-me {\r\n    margin-right: 10px;\r\n    right: 1rem;\r\n    position: absolute;\r\n    width: 50px;\r\n    height: 50px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    /* UI Properties */\r\n    background: #FFF 0% 0% no-repeat padding-box;\r\n    border-radius: 70px;\r\n    opacity: 1;\r\n  }\r\n\r\n  .leaflet-div-icon {\r\n    width: 36px !important;\r\n    height: 50px !important;\r\n    background-color: transparent;\r\n    border-style: none;\r\n    animation: fadeIn 0.5s ease-in-out;\r\n  }\r\n  .markerSelected {\r\n    filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n    margin-left: -37.5px !important;\r\n    margin-top: -65px !important;\r\n    transition: all 0.2s ease-in-out;\r\n    width: 57px !important;\r\n    height: 80px !important;\r\n  }\r\n\r\n  .loader-container {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .loader {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      display: inline-block;\r\n      width: 50px;\r\n      height: 50px;\r\n      border: 3px solid rgba(255, 255, 255, 0.3);\r\n      border-radius: 50%;\r\n      border-top-color: #fff;\r\n      animation: spin 1s ease-in-out infinite;\r\n      -webkit-animation: spin 1s ease-in-out infinite;\r\n      \r\n      @keyframes spin {\r\n        to {\r\n          -webkit-transform: rotate(360deg);\r\n        }\r\n      }\r\n      @-webkit-keyframes spin {\r\n        to {\r\n          -webkit-transform: rotate(360deg);\r\n        }\r\n      }\r\n    }\r\n\r\n    .exit-loader {\r\n      position: absolute;\r\n      top: calc(50% + 5px);\r\n      left: calc(50% + 5px);\r\n      width: 40px;\r\n      height: 40px;\r\n      cursor: pointer;\r\n      color: #000;\r\n      background-color: rgba(255, 255, 255, 0.3);\r\n      border-radius: 50%;\r\n      font-size: 30px;\r\n      line-height: 30px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  //Small\r\n  @media only screen and (max-width: 600px) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 135px;\r\n      width: 100%;\r\n    }\r\n    .leaflet-div-icon {\r\n      width: 28px !important;\r\n      height: 40px !important;\r\n      background-color: transparent;\r\n      border-style: none;\r\n    }\r\n    .markerSelected {\r\n      filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n      margin-left: -37.5px !important;\r\n      margin-top: -65px !important;\r\n      transition: all 0.2s ease-in-out;\r\n      width: 38px !important;\r\n      height: 54px !important;\r\n    }\r\n  }\r\n\r\n  //Medium\r\n  @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 16rem;\r\n      right: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, 0);\r\n      width: 40rem;\r\n    }\r\n  }\r\n\r\n  //Large\r\n  @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 16rem;\r\n      right: 7rem;\r\n      width: 27rem;\r\n    }\r\n  }\r\n\r\n  //Borne\r\n  @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n    #around-me {\r\n      bottom: 29em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-div-icon {\r\n      background-color: transparent;\r\n      border-style: none;\r\n    }\r\n    .markerSelected {\r\n      filter: drop-shadow(var(--pointerColorHightlight, #ffffffff) 0px 0px 10px);\r\n      transition: all 0.2s ease-in-out;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 21rem;\r\n    }\r\n  }\r\n\r\n  //Borne Vertical\r\n  @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n    #around-me {\r\n      bottom: 25em;\r\n    }\r\n    .leaflet-control-zoom {\r\n      bottom: 19em;\r\n    }\r\n    .infoPOIPane {\r\n      bottom: 30%;\r\n      right: 7rem;\r\n      width: 30rem;\r\n    }\r\n  }\r\n\r\n  #map-target {\r\n    margin: 10px;\r\n  }\r\n\r\n  .fadeIn {\r\n    animation: fadeIn 0.5s ease-in-out;\r\n    -webkit-animation: fadeIn 0.5s ease-in-out;\r\n  }\r\n  \r\n  @keyframes fadeIn {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  \r\n  .fadeOut {\r\n    animation: fadeOut 0.5s ease-in-out;\r\n    -webkit-animation: fadeOut 0.5s ease-in-out;\r\n  }\r\n  \r\n  @keyframes fadeOut {\r\n    from {\r\n      opacity: 1;\r\n    }\r\n    to {\r\n      opacity: 0;\r\n    }\r\n  }\r\n}\r\n\r\n#weathermap {\r\n  height: 100%;\r\n}\r\n","#retorik-shadow {\r\n  .filterContainer, .filterContainerWidget {\r\n    display: flex;\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    flex-direction: column;\r\n    z-index: 51;\r\n    &.show {\r\n      transition: all 0.3s ease-in-out;\r\n    }\r\n    &.hide {\r\n      transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    .filterToggler {\r\n      border-radius: 10px 10px 0 0;\r\n      cursor: pointer;\r\n      background: #edeef2;\r\n      color: #575f6b;\r\n      z-index: 999;\r\n      width: fit-content;\r\n      padding: 10px 30px;\r\n      box-shadow: 0px -4px 5px 0px rgb(36 65 93 / 11%);\r\n      display: flex;\r\n      align-items: center;\r\n      .arrow {\r\n        position: relative;\r\n        display: inline-block;\r\n        width: 10px;\r\n        height: 10px;\r\n        padding-left: 17px;\r\n        &:before,\r\n        &:after {\r\n          position: absolute;\r\n          top: calc(50% - 1px);\r\n          right: auto;\r\n          width: 10px;\r\n          height: 3px;\r\n          background: #000;\r\n          content: '';\r\n          will-change: transform;\r\n          transition: all 0.2s ease;\r\n        }\r\n        &:before {\r\n          transform: rotate(45deg) translate(1px, -1px);\r\n        }\r\n        &:after {\r\n          transform: rotate(-45deg) translate(-3px, -3px);\r\n        }\r\n\r\n        &.active {\r\n          &:before {\r\n            transform: rotate(45deg) translate(-2px, 2px);\r\n          }\r\n          &:after {\r\n            transform: rotate(-45deg) translate(2px, 2px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .filterMenu {\r\n      display: flex;\r\n\r\n      width: 100%;\r\n      z-index: 401;\r\n      bottom: 0px;\r\n      border-radius: 0px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 20px;\r\n      background: #edeef2 0% 0% no-repeat padding-box;\r\n      box-shadow: 3px 3px 20px #24415d4d;\r\n\r\n      .filterCategory {\r\n        cursor: pointer;\r\n        box-shadow: 3px 3px 10px #24415d14;\r\n        background: transparent\r\n          linear-gradient(307deg, #f2f3f6 0%, #e5e6ec 100%) 0% 0% no-repeat\r\n          padding-box;\r\n\r\n        border-radius: 10px;\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        gap: 10px;\r\n\r\n        ion-img {\r\n          border-radius: 50%;\r\n        }\r\n        .checkbox {\r\n          position: absolute;\r\n          border: 2px solid #fff;\r\n          border-radius: 20px;\r\n          background-color: #575f6b;\r\n          color: #fff;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          visibility: hidden;\r\n        }\r\n        .checkbox-selected {\r\n          visibility: visible;\r\n        }\r\n        .image {\r\n          aspect-ratio: 1;\r\n          border-radius: 50%;\r\n        }\r\n        .imageFile {\r\n          height: 100%;\r\n          width: 100%;\r\n        }\r\n      }\r\n      div:not(.selectedFilter) span {\r\n        transition: all 0.5s;\r\n        color: #575f6b;\r\n        font-weight: 400 !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  .filterContainerWidget {\r\n    &.show {\r\n      .filterMenu {\r\n        transition: all 0.3s ease-in-out;\r\n        height: 90px;\r\n      }\r\n    }\r\n    &.hide {\r\n      .filterMenu,\r\n      .filterToggler {\r\n        background: #edeef2;\r\n      }\r\n      .filterMenu {\r\n        transition: all 0.3s ease-in-out;\r\n        height: 10px;\r\n      }\r\n      .filterCategory {\r\n        display: none;\r\n      }\r\n    }\r\n    .filterMenu {\r\n      z-index: 19;\r\n\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      overflow-x: auto;\r\n      white-space: nowrap;\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: unset;\r\n      .filterCategory {\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        height: 50px;\r\n        padding: 10px;\r\n\r\n        ion-img {\r\n          padding: 5%;\r\n          width: 36.5px;\r\n          height: 36.5px;\r\n        }\r\n        .checkbox {\r\n          left: 40px;\r\n          top: 5px;\r\n          height: 12px;\r\n          width: 12px;\r\n          font-size: 12px;\r\n          padding-top: 1px;\r\n        }\r\n        .image {\r\n          padding: 5%;\r\n          width: 36.5px;\r\n          height: 36.5px;\r\n        }\r\n        span {\r\n          text-transform: uppercase;\r\n          font-weight: 500;\r\n          font-size: 15px;\r\n          line-height: 18px;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n        }\r\n        &.selectedFilter {\r\n          transition: all 0.5s;\r\n          box-shadow: inset -3px -3px 16px #ffffff;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Small\r\n  @media only screen and (max-width: 600px) {\r\n    .filterContainer {\r\n      bottom: 0px;\r\n      &.show {\r\n        .filterMenu {\r\n          transition: all 0.3s ease-in-out;\r\n          height: 90px;\r\n        }\r\n      }\r\n      &.hide {\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n        .filterMenu {\r\n          transition: all 0.3s ease-in-out;\r\n          height: 10px;\r\n        }\r\n        .filterCategory {\r\n          display: none;\r\n        }\r\n      }\r\n      .filterMenu {\r\n        z-index: 19;\r\n\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        overflow-x: auto;\r\n        white-space: nowrap;\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: unset;\r\n        .filterCategory {\r\n          flex-direction: row;\r\n          flex-wrap: nowrap;\r\n          height: 50px;\r\n          padding: 10px;\r\n\r\n          ion-img {\r\n            padding: 5%;\r\n            width: 36.5px;\r\n            height: 36.5px;\r\n          }\r\n          .checkbox {\r\n            left: 40px;\r\n            top: 5px;\r\n            height: 12px;\r\n            width: 12px;\r\n            font-size: 12px;\r\n            padding-top: 1px;\r\n          }\r\n          .image {\r\n            padding: 5%;\r\n            width: 36.5px;\r\n            height: 36.5px;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            line-height: 18px;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Medium\r\n  @media only screen and (min-width: 601px) and (max-width: 999px) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 0px;\r\n      }\r\n      &.hide {\r\n        bottom: -80px;\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n      }\r\n      .filterMenu {\r\n        height: 90px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        overflow-x: auto;\r\n        white-space: nowrap;\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: unset;\r\n        .filterCategory {\r\n          flex-direction: row;\r\n          flex-wrap: nowrap;\r\n          height: 50px;\r\n          padding: 10px;\r\n\r\n          ion-img {\r\n            padding: 5%;\r\n            width: 48px;\r\n            height: 48px;\r\n          }\r\n          .checkbox {\r\n            left: 50px;\r\n            top: 0px;\r\n            height: 17px;\r\n            width: 17px;\r\n            font-size: 17px;\r\n            padding-top: 2px;\r\n          }\r\n          .image {\r\n            padding: 5%;\r\n            width: 48px;\r\n            height: 48px;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            line-height: 18px;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Large\r\n  @media only screen and (min-width: 1000px) and (orientation: landscape) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 0px;\r\n      }\r\n      &.hide {\r\n        bottom: -185px;\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n      }\r\n      .filterToggler {\r\n        margin-left: 100px;\r\n      }\r\n      .filterMenu {\r\n        height: 200px;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        .filterCategory {\r\n          width: 150px;\r\n          height: 130px;\r\n          // min-width: 10rem;\r\n          flex-direction: column;\r\n          padding-top: 1.5rem;\r\n          justify-content: flex-start;\r\n\r\n          ion-img {\r\n            max-width: 60px;\r\n            max-height: 60px;\r\n            padding: 7%;\r\n          }\r\n          .checkbox {\r\n            right: 25%;\r\n            top: 17%;\r\n            height: 20px;\r\n            width: 20px;\r\n            font-size: 20px;\r\n            padding-top: 2px;\r\n          }\r\n          .image {\r\n            max-width: 60px;\r\n            max-height: 60px;\r\n            padding: 7%;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            line-height: 18px;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Borne\r\n  @media only screen and (min-width: 1921px) and (orientation: landscape) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 0px;\r\n      }\r\n      &.hide {\r\n        bottom: -285px;\r\n        .filterMenu,\r\n        .filterToggler {\r\n          background: #edeef2;\r\n        }\r\n      }\r\n      .filterToggler {\r\n        margin-left: 100px;\r\n      }\r\n      .filterMenu {\r\n        height: 300px;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        .filterCategory {\r\n          width: 246px;\r\n          height: 213px;\r\n          flex-direction: column;\r\n          padding: 1.5rem;\r\n          justify-content: space-evenly;\r\n\r\n          ion-img {\r\n            max-width: 98.5px;\r\n            max-height: 98.5px;\r\n            padding: 8%;\r\n          }\r\n          .checkbox {\r\n            right: 25%;\r\n            top: 15%;\r\n            height: 32px;\r\n            width: 32px;\r\n            font-size: 32px;\r\n            padding-top: 8px;\r\n          }\r\n          .image {\r\n            max-width: 98.5px;\r\n            max-height: 98.5px;\r\n            padding: 8%;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font-weight: 700;\r\n            font-size: 22px;\r\n            line-height: 27px;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  //Borne Vertical\r\n  @media only screen and (min-width: 1000px) and (orientation: portrait) {\r\n    .filterContainer {\r\n      &.show {\r\n        bottom: 15%;\r\n        left: calc(50% - 500px);\r\n      }\r\n      .filterToggler {\r\n        width: 900px !important;\r\n        margin-left: 0px;\r\n        justify-content: center;\r\n        left: calc(50% - 500px);\r\n      }\r\n      .arrow {\r\n        display: none !important;\r\n      }\r\n      .filterMenu {\r\n        height: 130px;\r\n        width: 900px;\r\n        flex-wrap: nowrap;\r\n        flex-direction: row;\r\n        border-radius: 0px 0px 10px 10px;\r\n        .filterCategory {\r\n          width: 125px;\r\n          height: 110px;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n\r\n          ion-img {\r\n            max-width: 48px;\r\n            max-height: 48px;\r\n            padding: 7%;\r\n          }\r\n          .checkbox {\r\n            right: 25%;\r\n            top: 17%;\r\n            height: 20px;\r\n            width: 20px;\r\n            font-size: 20px;\r\n            padding-top: 2px;\r\n          }\r\n          .image {\r\n            max-width: 48px;\r\n            max-height: 48px;\r\n            padding: 7%;\r\n          }\r\n          span {\r\n            text-transform: uppercase;\r\n            font-weight: 500;\r\n            font-size: 14px;\r\n            line-height: 16px;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n          }\r\n          &.selectedFilter {\r\n            transition: all 0.5s;\r\n            box-shadow: inset -3px -3px 16px #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","ion-button.confirm {\r\n    background-color: #1999B1;\r\n}\r\n\r\nion-button.dismiss {\r\n    --border-color: #1999B1;\r\n    --border-radius : 10px;\r\n    color: #1999B1;\r\n}\r\n\r\nion-content {--overflow: hidden}\r\n\r\nion-content{\r\n  --background: #4747478c\r\n}\r\n\r\nion-modal {\r\n  display:flex;\r\n  --justify-content: space-around !important;\r\n  align-items: center;\r\n  margin:auto;\r\n  text-align: center;\r\n  width: 500px;\r\n  height: 200px;\r\n  --width: 100%;\r\n  --height: 100%;\r\n  --background: transparent linear-gradient(308deg, #F2F3F6 0%, #E5E6EC 100%) 0% 0% no-repeat padding-box;\r\n  box-shadow: -3px -3px 20px #2B27276A;\r\n  border-radius: 10px;\r\n  opacity: 1 ;\r\n}\r\n\r\n#ion-react-wrapper {\r\n  display:flex !important;\r\n  justify-content: space-around !important;\r\n}\r\n\r\n@media (max-width: 600px) { \r\n  ion-modal {\r\n    display:flex;\r\n    justify-content: space-between;\r\n    margin:auto;\r\n    width: 80%;\r\n    height: 200px;\r\n    --width: 100%;\r\n    --height: 100%;\r\n    background: #FFFFFF 0% 0% no-repeat padding-box;\r\n    box-shadow: -3px -3px 20px #2B27276A;\r\n    border-radius: 10px;\r\n    opacity: 1;\r\n  }\r\n}\r\n"],"names":[],"version":3,"file":"index.modern.css.map"}

package/dist/index.modern.js

@@ -2,7 +2,7 @@ import "./index.modern.css";
 import {jsx as $7jQCS$jsx, jsxs as $7jQCS$jsxs, Fragment as $7jQCS$Fragment} from "react/jsx-runtime";
 import $7jQCS$react, {useMemo as $7jQCS$useMemo, useEffect as $7jQCS$useEffect, useState as $7jQCS$useState, useRef as $7jQCS$useRef} from "react";
 import {Provider as $7jQCS$Provider, useDispatch as $7jQCS$useDispatch, useSelector as $7jQCS$useSelector} from "react-redux";
-import {useRetorikEvent as $7jQCS$useRetorikEvent, useCurrentSubView as $7jQCS$useCurrentSubView, RetorikEvent as $7jQCS$RetorikEvent, CurrentSubView as $7jQCS$CurrentSubView, setCurrentCustomView as $7jQCS$setCurrentCustomView, useLocale as $7jQCS$useLocale, setModalFullscreenContent as $7jQCS$setModalFullscreenContent, sendMessage as $7jQCS$sendMessage, useIsUsedOnBorne as $7jQCS$useIsUsedOnBorne} from "@davi-ai/retorik-framework";
+import {useRetorikEvent as $7jQCS$useRetorikEvent, useCurrentSubView as $7jQCS$useCurrentSubView, RetorikEvent as $7jQCS$RetorikEvent, CurrentSubView as $7jQCS$CurrentSubView, setCurrentCustomView as $7jQCS$setCurrentCustomView, useLocale as $7jQCS$useLocale, setModalFullscreenContent as $7jQCS$setModalFullscreenContent, useIsWidget as $7jQCS$useIsWidget, sendMessage as $7jQCS$sendMessage, useIsUsedOnBorne as $7jQCS$useIsUsedOnBorne} from "@davi-ai/retorik-framework";
 import {createSlice as $7jQCS$createSlice, combineReducers as $7jQCS$combineReducers, configureStore as $7jQCS$configureStore} from "@reduxjs/toolkit";
 import $7jQCS$leaflet from "leaflet";
 import "leaflet.markercluster";
@@ -461,6 +461,7 @@ const $6b20232aef97af36$var$hospitalityFullFilters = [
 const $6b20232aef97af36$export$e2d78e54e91e6990 = ({ settings: settings })=>{
     const dispatch = (0, $7jQCS$useDispatch)();
     const locale = (0, $7jQCS$useLocale)();
+    const isWidget = (0, $7jQCS$useIsWidget)();
     const selectedFilters = (0, $7jQCS$useSelector)((state)=>state.map.selectedFilters);
     const [toggle, setToggle] = (0, $7jQCS$useState)(true);
     const [showFilters, setShowFilters] = (0, $7jQCS$useState)([]);
@@ -544,7 +545,7 @@ const $6b20232aef97af36$export$e2d78e54e91e6990 = ({ settings: settings })=>{
     };
     return /*#__PURE__*/ (0, $7jQCS$jsxs)("div", {
         id: "retorik-map-filters",
-        className: `filterContainer ${toggle ? 'show' : 'hide'}`,
+        className: `${isWidget ? 'filterContainerWidget' : 'filterContainer'} ${toggle ? 'show' : 'hide'}`,
         children: [
             /*#__PURE__*/ (0, $7jQCS$jsxs)("div", {
                 className: "filterToggler",
@@ -1179,6 +1180,7 @@ const $518bba7b5ecd13db$export$b79ff28f7aa330b0 = ({ poi: poi, retorikAddress: r
     const dispatch = (0, $7jQCS$useDispatch)();
     const currentUserPos = (0, $7jQCS$useSelector)((state)=>state.map.currentUserLocation);
     const locale = (0, $7jQCS$useLocale)();
+    const isWidget = (0, $7jQCS$useIsWidget)();
     const [coordinates, setCoordinates] = (0, $7jQCS$useState)(undefined);
     const [qrCodeUrl, setQrCodeUrl] = (0, $7jQCS$useState)();
     const [imageLoaded, setImageLoaded] = (0, $7jQCS$useState)(false);
@@ -1259,7 +1261,7 @@ const $518bba7b5ecd13db$export$b79ff28f7aa330b0 = ({ poi: poi, retorikAddress: r
         }, $518bba7b5ecd13db$var$fadeDuration);
     };
     return /*#__PURE__*/ (0, $7jQCS$jsxs)("div", {
-        className: `infoPOIPane ${mainFadingOut ? 'fadeOut' : imageLoaded ? 'fadeIn' : ''}`,
+        className: `${isWidget ? 'infoPOIPaneWidget' : 'infoPOIPane'} ${mainFadingOut ? 'fadeOut' : imageLoaded ? 'fadeIn' : ''}`,
         style: {
             visibility: imageLoaded ? 'visible' : 'hidden'
         },