/*! v8.13.0 (Thu, 04 Jul 2024 11:46:32 GMT) */
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);
@import url(https://unpkg.com/maplibre-gl@2.4.0/dist/maplibre-gl.css);
@import url(https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css);
@import url(https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css);

:root {
    --pointr-default-font: "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --pointr-min-lightness: 15%;
    --pointr-max-lightness: 97%;
    --pointr-lightness-step-increment: calc((var(--pointr-max-lightness) - var(--pointr-min-lightness)) / 10);
    --pointr-theme-hue: 222;
    --pointr-theme-saturation: 87%;
    --pointr-theme-base-lightness: 57%;
    --pointr-theme-0: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) + 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-100: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) + 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-200: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) + 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-300: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) + 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-400: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) + 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-500: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), var(--pointr-theme-base-lightness));
    --pointr-theme-600: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) - 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-700: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) - 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-800: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) - 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-900: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) - 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-theme-1000: hsl(var(--pointr-theme-hue), var(--pointr-theme-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-theme-base-lightness) - 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-hue: 150;
    --pointr-success-saturation: 67%;
    --pointr-success-base-lightness: 48%;
    --pointr-success-0: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) + 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-100: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) + 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-200: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) + 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-300: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) + 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-400: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) + 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-500: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), var(--pointr-success-base-lightness));
    --pointr-success-600: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) - 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-700: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) - 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-800: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) - 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-900: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) - 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-success-1000: hsl(var(--pointr-success-hue), var(--pointr-success-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-success-base-lightness) - 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-hue: 348;
    --pointr-danger-saturation: 77%;
    --pointr-danger-base-lightness: 55%;
    --pointr-danger-0: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) + 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-100: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) + 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-200: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) + 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-300: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) + 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-400: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) + 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-500: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), var(--pointr-danger-base-lightness));
    --pointr-danger-600: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) - 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-700: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) - 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-800: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) - 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-900: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) - 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-danger-1000: hsl(var(--pointr-danger-hue), var(--pointr-danger-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-danger-base-lightness) - 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-hue: 40;
    --pointr-alert-saturation: 95%;
    --pointr-alert-base-lightness: 59%;
    --pointr-alert-0: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) + 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-100: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) + 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-200: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) + 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-300: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) + 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-400: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) + 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-500: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), var(--pointr-alert-base-lightness));
    --pointr-alert-600: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) - 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-700: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) - 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-800: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) - 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-900: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) - 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-alert-1000: hsl(var(--pointr-alert-hue), var(--pointr-alert-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-alert-base-lightness) - 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-hue: 200;
    --pointr-info-saturation: 65%;
    --pointr-info-base-lightness: 55%;
    --pointr-info-0: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) + 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-100: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) + 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-200: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) + 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-300: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) + 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-400: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) + 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-500: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), var(--pointr-info-base-lightness));
    --pointr-info-600: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) - 1 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-700: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) - 2 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-800: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) - 3 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-900: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) - 4 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-info-1000: hsl(var(--pointr-info-hue), var(--pointr-info-saturation), calc(clamp(var(--pointr-min-lightness), calc(var(--pointr-info-base-lightness) - 5 * var(--pointr-lightness-step-increment)), var(--pointr-max-lightness))));
    --pointr-background-1000: hsl(0, 0%, 100%);
    --pointr-background-900: hsl(228, 10%, 90%);
    --pointr-background-800: hsl(222, 10%, 80%);
    --pointr-background-700: hsl(224, 10%, 70%);
    --pointr-background-600: hsl(223, 9%, 60%);
    --pointr-background-500: hsl(222, 9%, 50%);
    --pointr-background-400: hsl(223, 9%, 40%);
    --pointr-background-300: hsl(222, 8%, 30%);
    --pointr-background-200: hsl(222, 10%, 20%);
    --pointr-background-100: hsl(216, 10%, 10%);
    --pointr-background-0: hsl(0, 0%, 0%);
    --pointr-foreground-1000: hsl(0, 0%, 0%);
    --pointr-foreground-900: hsl(216, 10%, 10%);
    --pointr-foreground-800: hsl(222, 10%, 20%);
    --pointr-foreground-700: hsl(222, 8%, 30%);
    --pointr-foreground-600: hsl(223, 9%, 40%);
    --pointr-foreground-500: hsl(222, 9%, 50%);
    --pointr-foreground-400: hsl(223, 9%, 60%);
    --pointr-foreground-300: hsl(224, 10%, 70%);
    --pointr-foreground-200: hsl(222, 10%, 80%);
    --pointr-foreground-100: hsl(228, 10%, 90%);
    --pointr-foreground-0: hsl(0, 0%, 100%)
}

body {
    margin: 0
}

body.pointr-ios-keyboard-view {
    width: 100%;
    height: 100%
}

#pointr-ui,
#pointr-search-input,
.pointr-location-input {
    font-family: var(--pointr-default-font) !important
}

.select2-container {
    font-family: var(--pointr-default-font) !important
}

.select2-container .select2-results__options {
    scrollbar-color: var(--pointr-background-900) var(--pointr-background-1000);
    scrollbar-width: thin
}

#pointr-ui #pointr-levels {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    user-select: none;
    pointer-events: all;
    position: relative;
    transition: height .25s;
    max-height: 50vh;
    height: auto;
    padding-right: 8px
}

#pointr-ui #pointr-levels.expanded {
    overflow: overlay
}

#pointr-ui #pointr-levels.expanded .pointr-level {
    display: flex !important
}

#pointr-ui #pointr-levels.expanded .pointr-level.pointr-active .pointr-level-title {
    color: var(--pointr-theme-600) !important;
    border: 1px solid var(--pointr-theme-500);
    user-select: none
}

#pointr-ui #pointr-levels.expanded .pointr-level.pointr-active .pointr-level-title.pointr-up:before,
#pointr-ui #pointr-levels.expanded .pointr-level.pointr-active .pointr-level-title.pointr-down:after {
    display: none
}

#pointr-ui #pointr-levels .pointr-level {
    display: none;
    align-items: stretch;
    justify-content: flex-end;
    height: 48px;
    margin: 0 0 8px auto;
    min-width: 56px
}

#pointr-ui #pointr-levels .pointr-level.pointr-active {
    display: flex;
    color: var(--pointr-foreground-900);
    position: sticky;
    bottom: 8px;
    top: 0;
    z-index: 100
}

#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-up,
#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-down {
    position: absolute;
    left: calc(50% - 12px)
}

#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-up svg,
#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-down svg {
    width: 24px;
    height: 24px
}

#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-up svg path,
#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-down svg path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-up {
    top: -4px;
    transform: rotateX(180deg)
}

#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-up svg {
    width: 24px;
    height: 24px
}

#pointr-ui #pointr-levels .pointr-level.pointr-active .pointr-down {
    bottom: -4px
}

#pointr-ui #pointr-levels .pointr-level-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    box-sizing: border-box;
    background: var(--pointr-background-1000);
    border: 1px solid var(--pointr-background-1000);
    color: var(--pointr-foreground-800);
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(23, 25, 28, .16);
    user-select: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#pointr-ui #pointr-levels .pointr-level-title:hover {
    color: var(--pointr-theme-500);
    border: 1px solid var(--pointr-theme-100)
}

#pointr-ui #pointr-levels .pointr-level-title:hover .pointr-up svg path,
#pointr-ui #pointr-levels .pointr-level-title:hover .pointr-down svg path {
    fill: var(--pointr-theme-500)
}

#pointr-ui #pointr-levels .pointr-level-title:active {
    color: var(--pointr-theme-600);
    border: 1px solid var(--pointr-theme-500)
}

#pointr-ui #pointr-levels .pointr-level-title:active .pointr-up svg path,
#pointr-ui #pointr-levels .pointr-level-title:active .pointr-down svg path {
    fill: var(--pointr-theme-600)
}

#pointr-ui #pointr-levels .pointr-level #pointr-level-tooltip {
    position: relative;
    max-width: 200px;
    z-index: 1000;
    padding: 0 1.4rem;
    border-radius: 8px;
    border: 0;
    font-size: 16px;
    line-height: 48px;
    color: var(--pointr-foreground-900);
    background-color: var(--pointr-background-1000);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .15);
    white-space: nowrap;
    pointer-events: none;
    margin-right: 8px
}

#pointr-ui #pointr-levels .pointr-level #pointr-level-tooltip .pointr-level-tooltip-text {
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-levels .pointr-level #pointr-level-tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    right: -8px;
    top: calc(50% - 8px);
    border-width: 8px 0 8px 8px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--pointr-background-1000)
}

#pointr-ui #pointr-levels.pointr-disabled .pointr-level-title {
    border-color: var(--pointr-background-900);
    background-color: var(--pointr-background-900);
    color: var(--pointr-foreground-300)
}

#pointr-ui #pointr-levels.pointr-disabled .pointr-level-title .pointr-up svg path,
#pointr-ui #pointr-levels.pointr-disabled .pointr-level-title .pointr-down svg path {
    fill: var(--pointr-foreground-300)
}

@media(max-width: 600px) {

    #pointr-levels #pointr-level-tooltip,
    #pointr-levels #pointr-level-tooltip:before {
        display: none
    }
}

#pointr-ui #pointr-poi-detail {
    width: 100%;
    background: var(--pointr-background-1000);
    border-radius: 8px;
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 100%;
    overflow: hidden auto;
    box-sizing: border-box;
    transition: left .5s;
    user-select: none;
    pointer-events: all;
    z-index: 2000
}

@media(min-width: 480px) {
    #pointr-ui #pointr-poi-detail {
        position: relative
    }
}

#pointr-ui #pointr-poi-detail>* {
    flex-shrink: 0
}

#pointr-ui #pointr-poi-detail:not(:first-child) {
    padding-top: 0
}

#pointr-ui #pointr-poi-detail .pointr-poi-header {
    display: flex;
    align-items: center;
    gap: 8px
}

#pointr-ui #pointr-poi-detail .pointr-poi-logo {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    flex-shrink: 0
}

#pointr-ui #pointr-poi-detail .pointr-card-logo-fallback {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--pointr-background-900);
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    border-radius: 6px
}

#pointr-ui #pointr-poi-detail .pointr-card-logo-fallback svg {
    width: 16px;
    height: 16px
}

#pointr-ui #pointr-poi-detail .pointr-card-logo-fallback svg path {
    stroke: var(--pointr-foreground-500)
}

#pointr-ui #pointr-poi-detail .pointr-poi-name {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.3px;
    margin: 0px 10px 0px 0px;
    text-overflow: ellipsis;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--pointr-foreground-1000);
    word-break: break-word
}

#pointr-ui #pointr-poi-detail .pointr-poi-logo+.pointr-poi-name {
    max-width: calc(100% - 80px)
}

#pointr-ui #pointr-poi-detail .pointr-poi-place {
    font-size: 11px;
    color: var(--pointr-foreground-800);
    line-height: 100%;
    letter-spacing: -0.2px
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line {
    display: flex;
    margin-top: -4px
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line>div {
    display: flex;
    flex: 1 1 0;
    max-width: 25%;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: var(--pointr-foreground-800)
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line>div:not(.pointr-price-info) {
    gap: 4px
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line>div:not(:first-child) {
    border-left: 1px solid var(--pointr-foreground-200)
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line>div:first-child {
    padding: 4px 0
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line .pointr-light-text {
    color: var(--pointr-foreground-400)
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line .pointr-star-icon-container {
    width: min-content
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line .pointr-star-icon-container svg {
    width: 24px;
    height: 24px
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-line .pointr-star-icon-container svg path {
    fill: var(--pointr-alert-600)
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-box {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 !important
}

#pointr-ui #pointr-poi-detail .pointr-price-rating-info-box img {
    width: 24px
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box>div:nth-of-type(2) {
    color: var(--pointr-foreground-400);
    text-align: center;
    font-size: 11px;
    line-height: 14px
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box .pointr-rating {
    display: flex;
    align-items: center
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box .pointr-rating.pointr-low {
    color: var(--pointr-danger-700)
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box .pointr-rating.pointr-medium {
    color: var(--pointr-foreground-700)
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box .pointr-rating.pointr-high {
    color: var(--pointr-success-700)
}

#pointr-ui #pointr-poi-detail .pointr-rating-text-box .pointr-rating-max {
    font-size: 12px;
    letter-spacing: -0.2px;
    color: var(--pointr-foreground-400)
}

#pointr-ui #pointr-poi-detail .pointr-price-info {
    display: flex;
    align-items: center
}

#pointr-ui #pointr-poi-detail .pointr-close-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    padding: 10px;
    z-index: 9
}

#pointr-ui #pointr-poi-detail .pointr-close-icon svg {
    width: 12px;
    height: 12px
}

#pointr-ui #pointr-poi-detail .pointr-close-icon svg path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-poi-detail.visible {
    left: 24px
}

@media(max-width: 480px) {
    #pointr-ui #pointr-poi-detail.visible {
        left: 0
    }
}

#pointr-ui #pointr-poi-detail #pointr-route-button {
    height: 48px;
    color: var(--pointr-foreground-0);
    background-color: var(--pointr-theme-500);
    font-size: 15px
}

#pointr-ui #pointr-poi-detail .pointr-poi-status-tag {
    padding: 4px 12px;
    border-radius: 16px;
    width: fit-content;
    font-size: 11px
}

#pointr-ui #pointr-poi-detail .pointr-poi-status-tag.open {
    background-color: var(--pointr-success-100);
    color: var(--pointr-success-900)
}

#pointr-ui #pointr-poi-detail .pointr-poi-status-tag.open247 {
    background-color: var(--pointr-success-100);
    color: var(--pointr-success-700)
}

#pointr-ui #pointr-poi-detail .pointr-poi-status-tag.opening {
    background-color: var(--pointr-alert-100);
    color: var(--pointr-alert-600)
}

#pointr-ui #pointr-poi-detail .pointr-poi-status-tag.closing {
    background-color: var(--pointr-alert-100);
    color: var(--pointr-alert-600)
}

#pointr-ui #pointr-poi-detail .pointr-poi-status-tag.closed {
    background-color: var(--pointr-danger-100);
    color: var(--pointr-danger-700)
}

#pointr-ui #pointr-poi-detail .pointr-working-hour-info,
#pointr-ui #pointr-poi-detail .pointr-working-hours-table {
    color: var(--pointr-foreground-800)
}

#pointr-ui #pointr-poi-detail .pointr-working-hour-info {
    display: flex;
    align-items: center
}

#pointr-ui #pointr-poi-detail .pointr-working-hour-info>span:first-child {
    margin-right: 8px
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-row .pointr-bold,
#pointr-ui #pointr-poi-detail .pointr-working-hours-line .pointr-bold {
    font-weight: 500
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-line {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(min-width: 320px)and (max-width: 480px) {
    #pointr-ui #pointr-poi-detail .pointr-working-hours-line {
        gap: 8px
    }
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-line .pointr-expand-hours-icon {
    margin-left: 8px;
    transition: transform .2s
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-line .pointr-expand-hours-icon:not(.pointr-rotated) {
    transform: rotateX(180deg)
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-line .pointr-expand-hours-icon path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-table-container {
    width: calc(100% - 25px);
    height: 0;
    overflow: hidden;
    transition: height .2s linear;
    margin-top: -16px
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-table-container.pointr-expanded {
    height: 140px
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-table {
    width: fit-content;
    margin-left: auto;
    margin-right: -2px
}

#pointr-ui #pointr-poi-detail .pointr-working-hours-table tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4px;
    width: 100%
}

#pointr-ui #pointr-poi-detail td {
    white-space: nowrap;
    text-align: center;
    font-weight: 500
}

#pointr-ui #pointr-poi-detail td:first-child {
    text-align: end;
    margin-left: auto
}

#pointr-ui #pointr-poi-detail td:nth-child(2) {
    margin: auto
}

#pointr-ui #pointr-poi-detail #pointr-poi-images-container,
#pointr-ui #pointr-poi-detail .splide__slide,
#pointr-ui #pointr-poi-detail .pointr-poi-image-list-item,
#pointr-ui #pointr-poi-detail .pointr-poi-image,
#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder,
#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder {
    height: 135px
}

@media(max-width: 480px) {

    #pointr-ui #pointr-poi-detail #pointr-poi-images-container,
    #pointr-ui #pointr-poi-detail .splide__slide,
    #pointr-ui #pointr-poi-detail .pointr-poi-image-list-item,
    #pointr-ui #pointr-poi-detail .pointr-poi-image,
    #pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder,
    #pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder {
        height: auto
    }
}

#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pointr-background-900)
}

#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder .pointr-lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px
}

#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder .pointr-lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 4px;
    border: 4px solid var(--pointr-background-500);
    border-radius: 50%;
    animation: pointr-lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--pointr-background-500) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder .pointr-lds-ring div:nth-child(1) {
    animation-delay: -0.45s
}

#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder .pointr-lds-ring div:nth-child(2) {
    animation-delay: -0.3s
}

#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder .pointr-lds-ring div:nth-child(3) {
    animation-delay: -0.15s
}

@keyframes pointr-lds-ring {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#pointr-ui #pointr-poi-detail .pointr-poi-image,
#pointr-ui #pointr-poi-detail .pointr-image-loading-placeholder {
    aspect-ratio: 16/9;
    border-radius: 5px;
    object-fit: fill
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder {
    margin-left: 8px;
    width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    justify-content: center;
    background-color: var(--pointr-background-900);
    border-radius: 8px;
    padding: 0 16px;
    box-sizing: border-box
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder svg {
    width: 32px;
    height: 32px
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder svg path {
    stroke: var(--pointr-foreground-500)
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder .pointr-placeholder-text div {
    color: var(--pointr-foreground-500);
    text-align: center
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder .pointr-placeholder-text div:first-child {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder .pointr-placeholder-text div:nth-child(2) {
    font-size: 13px;
    line-height: 18px
}

#pointr-ui #pointr-poi-detail .pointr-poi-image-list-item:only-child {
    margin: auto
}

#pointr-ui #pointr-poi-detail #pointr-poi-images-container {
    gap: 8px
}

#pointr-ui #pointr-poi-detail .pointr-poi-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 94px;
    overflow-y: auto
}

#pointr-ui #pointr-poi-detail .pointr-poi-tag {
    height: 26px;
    padding: 4px 8px;
    border-radius: 13px;
    background-color: var(--pointr-background-900);
    color: var(--pointr-foreground-800);
    width: fit-content;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-poi-detail .pointr-poi-tag,
#pointr-ui #pointr-poi-detail #pointr-poi-details-description,
#pointr-ui #pointr-poi-detail #pointr-read-more-button,
#pointr-ui #pointr-poi-detail .pointr-working-hour-info,
#pointr-ui #pointr-poi-detail .pointr-working-hours-table {
    font-size: 13px;
    line-height: 18px
}

#pointr-ui #pointr-poi-detail #pointr-poi-details-description {
    letter-spacing: -0.02px;
    overflow: hidden overlay;
    overflow-wrap: break-word;
    transition: max-height .2s linear;
    max-height: 54px;
    color: var(--pointr-foreground-800)
}

#pointr-ui #pointr-poi-detail #pointr-poi-details-description:not(.pointr-expanded) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

#pointr-ui #pointr-poi-detail #pointr-poi-details-description.pointr-expanded {
    max-height: 300px;
    overflow: hidden overlay;
    overflow-wrap: break-word
}

#pointr-ui #pointr-poi-detail #pointr-read-more-button {
    color: var(--pointr-foreground-500);
    width: fit-content
}

#pointr-ui #pointr-poi-detail #pointr-poi-buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 8px;
    gap: 8px
}

#pointr-ui #pointr-poi-detail .pointr-poi-button {
    font-family: var(--pointr-default-font);
    height: 48px;
    box-sizing: border-box;
    flex: 1 1 40%;
    border-radius: 8px;
    background-color: var(--pointr-background-900);
    border: 1px solid var(--pointr-background-800);
    color: var(--pointr-foreground-800);
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
    max-width: calc(50% - 4px)
}

#pointr-ui #pointr-poi-detail .pointr-poi-button span {
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap
}

#pointr-ui #pointr-poi-detail .pointr-poi-button span:not(.pointr-poi-button-icon) {
    flex-grow: 1
}

#pointr-ui #pointr-poi-detail .pointr-poi-button svg,
#pointr-ui #pointr-poi-detail .pointr-poi-button img {
    width: 24px;
    height: 24px
}

#pointr-ui #pointr-poi-detail .pointr-poi-button svg path,
#pointr-ui #pointr-poi-detail .pointr-poi-button img path {
    stroke: var(--pointr-foreground-800)
}

@media(max-width: 480px) {
    #pointr-ui #pointr-poi-detail {
        max-height: calc(100% - 12px)
    }

    #pointr-ui #pointr-poi-detail .pointr-poi-name {
        font-size: 22px;
        line-height: 28px
    }

    #pointr-ui #pointr-poi-detail .pointr-poi-place {
        font-size: 16px;
        line-height: 100%
    }

    #pointr-ui #pointr-poi-detail .pointr-price-rating-info-line>div {
        font-size: 19px;
        line-height: 100%
    }

    #pointr-ui #pointr-poi-detail .pointr-poi-button {
        min-width: 80px
    }

    #pointr-ui #pointr-poi-detail .pointr-poi-image-placeholder {
        height: 180px;
        padding: 0 32px
    }

    .pointr-bottom-expanded #pointr-bottom #pointr-poi-detail {
        border-radius: 8px 8px 0 0
    }

    #pointr-bottom #pointr-poi-detail {
        padding: 0 16px 16px !important
    }

    #pointr-bottom #pointr-poi-detail .pointr-close-icon {
        right: 18px;
        top: 16px;
        padding: 6px
    }

    #pointr-bottom #pointr-poi-detail .pointr-close-icon svg {
        width: 18px;
        height: 18px
    }
}

@media(min-width: 352px)and (max-width: 480px) {

    .pointr-poi-image,
    .pointr-image-loading-placeholder,
    .pointr-poi-image-placeholder {
        width: 320px
    }

    .pointr-poi-image-placeholder {
        height: 180px;
        padding: 0 32px
    }
}

@media(min-width: 320px)and (max-width: 352px) {

    .pointr-poi-image,
    .pointr-image-loading-placeholder,
    .pointr-poi-image-placeholder {
        width: 240px
    }

    .pointr-poi-image-placeholder {
        height: 135px;
        padding: 0 32px
    }
}

.fslightbox-container {
    background: var(--pointr-background-900) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.fslightbox-container.fslightbox-fade-in-strong {
    animation: none !important
}

.fslightbox-container .fslightbox-absoluted.fslightbox-full-dimension.fslightbox-flex-centered>.fslightboxtt>div {
    width: 100%
}

.fslightbox-container .fslightbox-absoluted.fslightbox-full-dimension.fslightbox-flex-centered>.fslightboxtt>div img {
    width: 100% !important;
    aspect-ratio: 16/9
}

@media(max-width: 480px) {
    .fslightbox-container .fslightbox-absoluted.fslightbox-full-dimension.fslightbox-flex-centered>.fslightboxtt>div img {
        height: auto !important
    }
}

@media(max-width: 480px) {
    .fslightbox-container .fslightbox-absoluted.fslightbox-full-dimension.fslightbox-flex-centered>.fslightboxtt {
        width: 100%
    }
}

.fslightbox-source {
    width: 100% !important;
    aspect-ratio: 16/9;
    height: auto !important
}

div.fslightbox-toolbar-button[title="Enter fullscreen"],
div.fslightbox-toolbar-button[title=Thumbnails],
div.fslightbox-toolbar-button[title="Zoom In"],
div.fslightbox-toolbar-button[title="Zoom Out"],
div.fslightbox-toolbar-button[title="Turn on slideshow"],
.fslightbox-slide-btn-container,
.fslightbox-slide-number-container {
    display: none !important
}

div.fslightbox-toolbar-button[title=Close] svg path {
    fill: var(--pointr-foreground-900)
}

.fslightbox-slide-number-container {
    color: var(--pointr-foreground-400) !important
}

.fslightbox-toolbar,
.fslightbox-slide-btn {
    background: none !important
}

.fslightbox-slide-btn svg {
    filter: brightness(0) saturate(100%) invert(62%) sepia(22%) saturate(148%) hue-rotate(185deg) brightness(91%) contrast(97%)
}

#pointr-thumbnail-wrapper {
    height: 42px !important;
    background-color: var(--pointr-background-900) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    opacity: .6;
    backdrop-filter: blur(10px)
}

#pointr-thumbnail-wrapper .pointr-clickable-container {
    padding: 4px
}

#pointr-thumbnail-wrapper .pointr-thumbnail-bullet {
    width: 10px;
    height: 10px;
    background-color: var(--pointr-foreground-900);
    opacity: .2;
    border-radius: 50%;
    cursor: pointer
}

#pointr-thumbnail-wrapper .pointr-thumbnail-bullet.pointr-selected {
    opacity: .5
}

@media(max-width: 480px) {
    #pointr-thumbnail-wrapper .pointr-thumbnail-bullet {
        width: 16px;
        height: 16px
    }
}

.pointr-opacity-0 {
    opacity: 0 !important
}

.pointr-fs-image-error-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--pointr-foreground-500);
    font-size: 13px;
    line-height: 18px;
    margin-top: -16px
}

.pointr-fs-image-error-message .pointr-image-error-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.pointr-fs-image-error-message .pointr-fs-image-error-icon {
    margin-bottom: 16px
}

.pointr-fs-image-error-message .pointr-fs-image-error-icon path {
    stroke: var(--pointr-foreground-500)
}

.fslightbox-loader+img {
    pointer-events: none
}

.fslightbox-loader-child {
    border-color: var(--pointr-foreground-500) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important
}

#pointr-maplibre-map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff
}

#pointr-maplibre-map.pointr-disabled {
    pointer-events: none
}

#pointr-ui {
    color: var(--pointr-foreground-1000);
    position: absolute;
    z-index: 1000;
    height: 100%;
    width: 100%;
    pointer-events: none;
    display: flex;
    flex-direction: column
}

#pointr-ui.pointr-mobile {
    overflow-x: hidden
}

#pointr-ui.pointr-mobile #pointr-bottom {
    position: relative;
    flex-direction: column;
    width: 100%;
    background-color: var(--pointr-background-1000);
    box-sizing: border-box;
    border-radius: 8px 8px 0 0;
    max-height: 200px
}

#pointr-ui.pointr-mobile #pointr-bottom:not(.hidden) {
    display: flex !important
}

#pointr-ui.pointr-mobile #pointr-bottom.pointr-transition-height {
    transition: max-height .5s
}

#pointr-ui.pointr-mobile #pointr-bottom.hidden {
    display: none
}

#pointr-ui.pointr-mobile #pointr-bottom.pointr-navigation-view,
#pointr-ui.pointr-mobile #pointr-bottom.pointr-poi-details-view {
    max-height: 350px
}

#pointr-ui.pointr-mobile #pointr-bottom.pointr-poi-cards-view {
    max-height: 100%;
    transition: max-height .5s
}

#pointr-ui.pointr-mobile #pointr-bottom.expanded {
    max-height: 100%;
    transition: max-height .5s
}

#pointr-ui.pointr-mobile #pointr-bottom #pointr-draggable-box {
    pointer-events: all
}

#pointr-ui.pointr-mobile #pointr-bottom #pointr-draggable-box.hidden {
    display: none
}

#pointr-ui.pointr-mobile #pointr-bottom #pointr-draggable-line {
    width: 64px;
    height: 4px;
    margin: 6px auto 6px;
    background: var(--pointr-foreground-200);
    border-radius: 8px
}

#pointr-ui.pointr-mobile #pointr-bottom #pointr-draggable-line.blue {
    background-color: var(--pointr-theme-300)
}

#pointr-ui.pointr-mobile.pointr-bottom-expanded #pointr-top {
    display: none !important
}

#pointr-ui.pointr-mobile.pointr-bottom-expanded #pointr-bottom {
    overflow: auto;
    z-index: 10;
    min-height: 100%
}

#pointr-ui.pointr-mobile #pointr-navigation,
#pointr-ui.pointr-mobile #pointr-poi-detail {
    padding: 16px 24px
}

#pointr-ui.pointr-mobile #pointr-search {
    padding: 0 24px
}

#pointr-ui #pointr-ui-wrapper {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column
}

#pointr-ui #pointr-ui-wrapper.pointr-disabled * {
    pointer-events: none
}

#pointr-ui #pointr-ui-wrapper #pointr-top {
    height: 100%;
    display: flex;
    justify-content: space-between;
    overflow: auto
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left {
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 350px
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left {
    display: flex;
    flex-direction: column;
    position: sticky;
    padding: 24px 0 24px 24px;
    top: 0;
    overflow-y: clip;
    max-height: calc(100% - 100px);
    flex-grow: 1
}

@media(max-width: 480px) {
    #pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left {
        padding-top: 32px
    }
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left #pointr-top-left-ui-container {
    width: 318px;
    box-sizing: border-box;
    background-color: var(--pointr-background-1000);
    border-radius: 8px !important;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .08);
    max-height: 100%
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left #pointr-top-left-ui-container.hidden {
    display: none
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left #pointr-top-left-ui-container #pointr-navigation,
#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left #pointr-top-left-ui-container #pointr-poi-detail,
#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left #pointr-top-left-ui-container #pointr-search,
#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-top-left #pointr-top-left-ui-container #pointr-poi-cards {
    padding: 16px
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-left #pointr-bottom-left {
    position: sticky;
    bottom: 0;
    padding: 0 0 24px 24px
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-right {
    z-index: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-between
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-right #pointr-top-right {
    padding: 24px 24px 0 0
}

@media(max-width: 480px) {
    #pointr-ui #pointr-ui-wrapper #pointr-top #pointr-right #pointr-top-right {
        padding-top: 32px
    }
}

#pointr-ui #pointr-ui-wrapper #pointr-top #pointr-right #pointr-bottom-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 8px 16px 16px 0
}

@media(max-width: 480px) {
    #pointr-ui #pointr-ui-wrapper #pointr-top #pointr-right #pointr-bottom-right {
        overflow: hidden
    }
}

#pointr-ui #pointr-ui-wrapper #pointr-bottom {
    display: none
}

@supports(scrollbar-width: 4px) {
    #pointr-ui #pointr-ui {
        scrollbar-color: var(--pointr-background-900) var(--pointr-background-1000);
        scrollbar-width: 4px
    }
}

#pointr-ui ::-webkit-scrollbar {
    width: 4px
}

#pointr-ui ::-webkit-scrollbar-track {
    background: var(--pointr-background-1000);
    border-radius: 8px
}

#pointr-ui ::-webkit-scrollbar-thumb {
    background: var(--pointr-background-900);
    border-radius: 8px
}

#pointr-ui ::-webkit-scrollbar-thumb:hover {
    background: var(--pointr-background-900)
}

.pointr-button {
    font-family: var(--pointr-default-font);
    text-align: center;
    border-radius: 8px;
    height: 48px;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    pointer-events: all;
    font-size: 14px
}

.pointr-button.pointr-primary {
    background-color: var(--pointr-theme-500)
}

.pointr-button.pointr-primary:hover {
    background-color: var(--pointr-theme-700)
}

.pointr-button.pointr-primary:active {
    background-color: var(--pointr-theme-500)
}

.pointr-button.pointr-primary.pointr-disabled {
    background-color: var(--pointr-background-900);
    color: var(--pointr-foreground-300) !important;
    pointer-events: none;
    cursor: not-allowed
}

.pointr-button.pointr-primary.pointr-btn-loading #pointr-loading-circle {
    display: block
}

.pointr-button.pointr-danger {
    background-color: var(--pointr-danger-600);
    color: var(--pointr-foreground-0)
}

.pointr-button.pointr-danger:hover {
    background-color: var(--pointr-danger-700)
}

.pointr-button.pointr-danger:active {
    background-color: var(--pointr-danger-600)
}

.pointr-button.pointr-secondary {
    background-color: var(--pointr-background-500);
    color: var(--pointr-foreground-100)
}

.pointr-button.pointr-secondary:hover {
    background-color: var(--pointr-background-500)
}

.pointr-button.pointr-secondary:active {
    background-color: var(--pointr-background-600)
}

.pointr-button.pointr-plain {
    background-color: var(--pointr-background-1000);
    border: 1px solid var(--pointr-theme-200);
    color: var(--pointr-theme-500)
}

.pointr-button.pointr-text {
    border: none;
    background: rgba(0, 0, 0, 0);
    padding: 0;
    height: auto
}

.pointr-button #pointr-loading-circle {
    display: none;
    position: absolute;
    right: 16px
}

.f-button {
    background: rgba(0, 0, 0, 0)
}

#pointr-exit-button {
    white-space: nowrap;
    max-width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    line-height: 48px;
    background-color: var(--pointr-background-500);
    color: var(--pointr-foreground-100)
}

.pointr-unclickable {
    pointer-events: none !important
}

.pointr-display-none {
    display: none !important
}

.pointr-display-block {
    display: block !important
}

.pointr-overflow-hidden {
    overflow: hidden !important
}

.rtl #pointr-top-left {
    padding: 24px 24px 0px 24px !important
}

.rtl #pointr-top-right {
    padding: 24px 0px 0px 24px !important
}

.rtl #pointr-bottom-left {
    padding: 24px 24px 24px 0px !important
}

.rtl #pointr-bottom-right {
    padding: 8px 16px 16px 16px !important
}

.rtl #pointr-levels {
    padding-right: unset !important;
    padding-left: 8px !important
}

.rtl #pointr-level-tooltip {
    display: none !important
}

.rtl .pointr-close-icon {
    right: 88% !important
}

.rtl #pointr-cancel-button {
    right: 88% !important
}

.rtl .pointr-location-selector .clear-icon {
    right: 95% !important
}

.rtl .pointr-poi-name {
    margin-left: 10px !important
}

.rtl .pointr-expand-hours-icon {
    margin-right: 8px !important;
    margin-left: 0px !important
}

.rtl .pointr-poi-card-order-number {
    border-radius: 0px 6px 0px 6px !important;
    margin-right: -17px !important
}

.rtl #pointr-navigation-steps {
    padding-left: 0 !important;
    padding-right: 14px !important
}

.rtl #pointr-navigation-steps .pointr-step-circle {
    margin-left: 0 !important;
    margin-right: calc(-1*(8px - 4px)/2) !important
}

.rtl #pointr-navigation-steps .pointr-step-circle:nth-child(2),
.rtl #pointr-navigation-steps .pointr-step-circle:last-child {
    margin-right: calc(-1*(16px - 4px)/2) !important;
    margin-left: 0 !important
}

.rtl #pointr-search-clear {
    right: calc(100% - 30px) !important
}

.rtl .pointr-item-expander-textbox {
    margin-left: -5px !important;
    width: 50px !important
}

.rtl .pointr-clickable-item-expandable:hover,
.rtl .pointr-clickable-item-expandable.expanded {
    padding-left: 5px !important
}

.rtl .pointr-search-result-description {
    width: 75% !important
}

.fslightbox-svg-path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-search {
    pointer-events: all;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    z-index: 2000;
    overflow: hidden;
    max-height: 100%;
    background-color: var(--pointr-background-1000);
    border-radius: 8px
}

#pointr-ui #pointr-search #pointr-search-outer-box {
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    #pointr-ui #pointr-search #pointr-search-outer-box {
        margin: 0;
        padding: 12px 0 18px;
        box-sizing: border-box;
        background: var(--pointr-background-1000);
        border-radius: 8px 8px 0 0
    }
}

#pointr-ui #pointr-search #pointr-search-outer-box #pointr-search-inner-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 2px solid;
    border-color: var(--pointr-background-900);
    border-radius: 8px;
    gap: 8px;
    padding: 0 16px;
    background-color: var(--pointr-background-1000)
}

#pointr-ui #pointr-search #pointr-search-outer-box #pointr-search-inner-box ::-moz-placeholder {
    color: var(--pointr-foreground-500)
}

#pointr-ui #pointr-search #pointr-search-outer-box #pointr-search-inner-box #pointr-search-input {
    width: calc(100% - 10px);
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    color: var(--pointr-foreground-800);
    outline: none;
    text-overflow: ellipsis;
    background-color: var(--pointr-background-1000)
}

@media(max-width: 480px) {
    #pointr-ui #pointr-search #pointr-search-outer-box #pointr-search-inner-box #pointr-search-input {
        box-shadow: none
    }
}

#pointr-ui #pointr-search #pointr-search-outer-box #pointr-search-inner-box #pointr-search-input:focus {
    border-color: var(--pointr-theme-500);
    caret-color: var(--pointr-theme-500)
}

#pointr-ui #pointr-search #pointr-search-outer-box #pointr-search-inner-box #pointr-search-input::placeholder {
    color: var(--pointr-foreground-500)
}

#pointr-ui #pointr-search #pointr-list-header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 0;
    gap: 24px
}

#pointr-ui #pointr-search #pointr-list-header-container #pointr-go-back-icon-container {
    cursor: pointer;
    padding: 6px
}

#pointr-ui #pointr-search #pointr-list-header-container #pointr-go-back-icon-container path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-search #pointr-list-header-container #pointr-list-header-icon {
    height: 20px;
    width: 20px
}

#pointr-ui #pointr-search #pointr-list-header-container #pointr-list-header {
    font-weight: 700;
    color: var(--pointr-foreground-1000);
    font-size: 20px
}

#pointr-ui #pointr-search #pointr-search-icon-container {
    height: 20px
}

#pointr-ui #pointr-search #pointr-search-icon-container svg {
    height: 20px;
    width: 20px
}

#pointr-ui #pointr-search #pointr-search-icon-container svg path {
    fill: var(--pointr-foreground-500)
}

@media(max-width: 480px) {
    #pointr-ui #pointr-search #pointr-search-icon-container {
        right: 16px
    }
}

#pointr-ui #pointr-search #pointr-search-result {
    display: none;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: scroll;
    position: relative;
    list-style: none;
    background: var(--pointr-background-1000);
    border-radius: 8px
}

@media(max-width: 480px) {
    #pointr-ui #pointr-search #pointr-search-result {
        border-radius: 0;
        box-shadow: none
    }
}

#pointr-ui #pointr-search #pointr-search-result li:not(:last-child) {
    border-bottom: 1px solid;
    border-color: var(--pointr-background-900)
}

#pointr-ui #pointr-search #pointr-search-result .pointr-hoverable-icon {
    opacity: 0;
    transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s
}

@-moz-document url-prefix() {
    #pointr-ui #pointr-search #pointr-search-result .pointr-hoverable-icon {
        margin-right: 8px
    }
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable {
    cursor: pointer;
    min-height: 60px;
    padding-right: 16px;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    border-left: 2px solid rgba(0, 0, 0, 0)
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable:hover,
#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable.expanded {
    border-left: 2px solid var(--pointr-theme-500);
    padding-left: 16px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable:hover>.pointr-search-result-content .pointr-search-result-description .pointr-poi-name,
#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable.expanded>.pointr-search-result-content .pointr-search-result-description .pointr-poi-name {
    font-weight: 700
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable.expanded .pointr-item-expander-icon {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-item-expander-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    margin-right: calc(-1*16px)
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-item-expander-container .pointr-item-expander-textbox {
    width: 64px;
    height: 20px;
    border: 1px solid var(--pointr-theme-100);
    color: var(--pointr-theme-500);
    font-weight: 500;
    border-radius: 16px;
    flex-grow: 0;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px;
    max-width: 64px;
    box-sizing: border-box;
    line-height: 18px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-item-expander-container .pointr-item-expander-icon svg {
    width: 20px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-item-expander-container .pointr-item-expander-icon svg path {
    fill: var(--pointr-foreground-500)
}

@-moz-document url-prefix() {
    #pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-item-expander-container .pointr-item-expander-icon {
        margin-right: 8px
    }
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-search-result-content {
    padding: 15px 0
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item-expandable .pointr-poi-location {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-search #pointr-search-result .pointr-expandable-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .5s
}

#pointr-ui #pointr-search #pointr-search-result .pointr-expandable-content.expanded {
    height: auto;
    opacity: 1;
    transition: all .5s
}

#pointr-ui #pointr-search #pointr-search-result .pointr-expandable-content .pointr-search-result-content {
    padding: 0
}

#pointr-ui #pointr-search #pointr-search-result .pointr-search-result-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 0px;
    transition: .5s;
    max-width: 100%
}

#pointr-ui #pointr-search #pointr-search-result .pointr-search-result-content .pointr-search-result-description {
    width: 100%;
    max-width: calc(100% - 12px)
}

#pointr-ui #pointr-search #pointr-search-result .pointr-search-result-content .pointr-search-result-description .pointr-poi-name {
    font-size: 16px;
    line-height: 18px;
    color: var(--pointr-foreground-1000);
    margin-bottom: 6px;
    margin-top: 0;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-search #pointr-search-result .pointr-search-result-content .pointr-search-result-description .pointr-poi-location {
    font-size: 11px;
    line-height: 14px;
    margin: 0 !important
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item {
    border-bottom: 1px solid var(--pointr-background-900);
    position: relative;
    padding: 16px 0;
    cursor: pointer
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item.expanded {
    padding: 16px 8px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item.expanded .pointr-poi-name {
    font-weight: 700
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item .pointr-search-result-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-left: 2px solid rgba(0, 0, 0, 0);
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item .pointr-search-result-content .pointr-search-result-description .pointr-poi-name {
    max-width: 100%
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item:hover:not(.expanded) .pointr-search-result-content {
    border-color: var(--pointr-theme-500);
    padding-left: 12px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item:hover:not(.expanded) .pointr-search-result-content .pointr-poi-name {
    font-weight: 700
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item:hover:not(.expanded) .pointr-hoverable-icon {
    opacity: 1;
    transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item:last-child {
    border: 0
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item .pointr-expandable-content.expanded>* {
    margin-top: 16px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-clickable-item .pointr-expandable-content.expanded>*:not(:last-child) {
    margin-bottom: 6px
}

#pointr-ui #pointr-search #pointr-search-result .pointr-no-result-item {
    height: auto;
    display: flex;
    justify-content: center
}

#pointr-ui #pointr-search #pointr-search-clear {
    width: 24px;
    cursor: pointer;
    display: none
}

#pointr-ui #pointr-search #pointr-search-clear path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-search #pointr-loading-circle {
    position: absolute;
    right: 29px
}

#pointr-ui #pointr-search.pointr-disabled {
    display: block;
    pointer-events: none
}

#pointr-ui #pointr-search.pointr-disabled input,
#pointr-ui #pointr-search.pointr-disabled ::placeholder {
    color: var(--pointr-foreground-300) !important;
    user-select: none
}

#pointr-ui #pointr-search.pointr-disabled #pointr-search-icon-container,
#pointr-ui #pointr-search.pointr-disabled #pointr-search-clear {
    display: none
}

#pointr-ui #pointr-search.pointr-disabled #pointr-loading-circle {
    display: block !important
}

#pointr-ui #pointr-search #pointr-toggle-button {
    display: none;
    padding: 16px
}

#pointr-ui #pointr-search #pointr-filter-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    margin-bottom: 8px
}

#pointr-ui #pointr-search .pointr-dropdown-container {
    width: calc(50% - 4px);
    position: relative
}

#pointr-ui #pointr-search .pointr-dropdown-container select {
    height: 30px;
    box-sizing: border-box;
    font-size: 11px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--pointr-background-800);
    color: var(--pointr-foreground-300);
    padding: 6px;
    font-family: inherit
}

#pointr-ui #pointr-search .pointr-dropdown-container ::-webkit-input-placeholder {
    color: var(--pointr-foreground-300);
    opacity: 1
}

#pointr-ui #pointr-search .pointr-dropdown-container :-moz-placeholder {
    color: var(--pointr-foreground-300);
    opacity: 1
}

#pointr-ui #pointr-search .pointr-dropdown-container ::-moz-placeholder {
    color: var(--pointr-foreground-300);
    opacity: 1
}

#pointr-ui #pointr-search .pointr-dropdown-container :-ms-input-placeholder {
    color: var(--pointr-foreground-300)
}

#pointr-ui #pointr-search .pointr-dropdown-container ::-ms-input-placeholder {
    color: var(--pointr-foreground-300)
}

#pointr-ui #pointr-search .pointr-dropdown-container ::placeholder {
    color: var(--pointr-foreground-300);
    opacity: 1
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--single .select2-selection__rendered,
#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--pointr-foreground-800);
    font-size: 11px
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__choice__display,
#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__display {
    font-size: 11px;
    padding-left: 0;
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--pointr-theme-500)
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__choice__remove,
#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove {
    border: none;
    height: 100%
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__choice__remove span,
#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove span {
    color: var(--pointr-theme-500);
    height: 22px;
    margin-top: 2px;
    display: block;
    line-height: 22px
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--single,
#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple,
#pointr-ui #pointr-search .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid var(--pointr-background-900);
    display: flex
}

#pointr-ui #pointr-search .select2-container {
    width: 100% !important
}

#pointr-ui #pointr-search .select2-container .select2-selection--single {
    height: 30px
}

#pointr-ui #pointr-search #pointr-filter-container textarea {
    line-height: 30px;
    font-size: 11px
}

#pointr-ui #pointr-search .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
    height: 30px;
    max-width: 150px;
    font-size: 11px
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple {
    height: 30px;
    min-height: 30px;
    padding-bottom: 0
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple ul.select2-selection__rendered {
    height: 30px;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice {
    font-size: 11px !important;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: var(--pointr-background-900);
    border-color: var(--pointr-theme-300);
    margin-top: -2px
}

#pointr-ui #pointr-search .select2-container--default .select2-selection--single {
    background-color: var(--pointr-background-1000)
}

#pointr-ui #pointr-search #pointr-ios-keyboard-placeholder {
    display: none;
    width: 100%;
    height: 320px
}

#pointr-ui #pointr-draggable-box:not([style*="display: none"])+#pointr-search #pointr-search-outer-box {
    padding-top: 0
}

.select2-results__option--selectable,
.select2-results__option {
    font-size: 11px;
    cursor: pointer;
    color: var(--pointr-foreground-1000)
}

.select2-results__option--selectable:hover,
.select2-results__option:hover {
    color: var(--pointr-theme-500)
}

.select2-container--default .select2-results__option--selected {
    color: var(--pointr-theme-500);
    background-color: var(--pointr-background-1000)
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: var(--pointr-theme-500);
    background-color: var(--pointr-background-1000)
}

.select2-container--open .select2-dropdown--below {
    margin-top: -1px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, .15)
}

.select2-selection__arrow {
    display: flex;
    align-items: center
}

.select2-selection__arrow svg {
    width: 20px;
    height: 20px
}

.select2-selection__arrow svg path {
    fill: var(--pointr-foreground-500)
}

.select2-container--open .filter-dropdown-caret {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select2-dropdown {
    background-color: var(--pointr-background-1000);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .08), 0px 10px 20px 0px rgba(0, 0, 0, .12);
    border: rgba(0, 0, 0, 0)
}

@media(max-width: 480px) {
    .pointr-bottom-expanded #pointr-bottom #pointr-search-result {
        display: block
    }

    .pointr-bottom-expanded #pointr-bottom #pointr-search-outer-box {
        border-radius: 0
    }
}

#pointr-ui #pointr-logo {
    position: absolute;
    left: calc(50% - 65px);
    bottom: 24px;
    opacity: 0;
    margin: auto;
    z-index: 10000;
    display: none;
    user-select: none
}

#pointr-ui #pointr-mobile-logo {
    width: 80px;
    z-index: 10000;
    user-select: none;
    opacity: 0;
}

#pointr-ui #pointr-mobile-logo.pointr-transparent {
    opacity: 0
}

#pointr-ui #pointr-loading {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 10000;
    pointer-events: none
}

#pointr-ui #pointr-loading #pointr-loading-inner {
    display: flex;
    flex-direction: column;
    align-items: center
}

#pointr-ui #pointr-loading #pointr-loading-circle {
    margin-bottom: 8px
}

#pointr-ui #pointr-loading #pointr-loading-status {
    display: flex;
    align-items: center
}

#pointr-ui #pointr-loading #pointr-loading-status span {
    font-size: 13px;
    font-weight: 500;
    user-select: none
}

#pointr-ui #pointr-loading #pointr-error-status {
    text-align: center
}

#pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal {
    max-width: 344px;
    border-radius: 16px;
    box-sizing: border-box;
    user-select: none;
    pointer-events: all;
    position: relative;
    padding: 16px 24px 24px
}

#pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal .pointr-looking-around {
    margin: 20px
}

#pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal #pointr-error-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.2px;
    text-align: center;
    color: var(--pointr-theme-500);
    margin: 0
}

#pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal .pointr-error-content {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin-top: 8px
}

#pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal #pointr-try-again {
    width: 100px;
    height: 48px;
    border-radius: 8px;
    background-color: var(--pointr-theme-500);
    margin: 24px auto 0;
    cursor: pointer
}

#pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal #pointr-toggle-error {
    color: var(--pointr-theme-700);
    cursor: pointer
}

@media(min-width: 769px) {
    #pointr-ui #pointr-loading #pointr-error-status #pointr-error-modal {
        width: 344px;
        box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .12), 0px 4px 10px 0px rgba(0, 0, 0, .08)
    }
}

#pointr-ui #pointr-loading .pointr-loading-poster {
    background: 50% 50% no-repeat;
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media(max-width: 480px) {
    #pointr-ui #pointr-loading .pointr-loading-poster {
        background: 50% 50% no-repeat !important;
        background-color: var(--pointr-background-1000) !important
    }
}

#pointr-ui #pointr-loading.pointr-transparent {
    background: rgba(0, 0, 0, 0)
}

#pointr-ui #pointr-loading.pointr-transparent #pointr-error-modal {
    background-color: var(--pointr-background-1000)
}

#pointr-ui #pointr-loading #pointr-close-error-modal-icon {
    position: absolute;
    top: 16;
    right: 24;
    cursor: pointer;
    display: none
}

#pointr-ui #pointr-loading #pointr-close-error-modal-icon path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-language-selector {
    max-width: 175px;
    user-select: none;
    cursor: pointer;
    display: none;
    pointer-events: all
}

#pointr-ui #pointr-language-selector.cursor-not-allowed {
    cursor: not-allowed
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button {
    display: flex;
    font-size: 16px;
    line-height: 48px;
    justify-content: center;
    border-radius: 8px;
    background: var(--pointr-background-1000);
    color: var(--pointr-foreground-900);
    box-shadow: 0px 6px 8px rgba(23, 25, 28, .16);
    max-width: 175px
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button.pointr-disabled {
    pointer-events: none;
    background-color: var(--pointr-background-900);
    color: var(--pointr-foreground-200)
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button #pointr-language-selector-icon {
    transition: transform .2s;
    width: 36px;
    height: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button #pointr-language-selector-icon svg {
    width: 36px;
    height: 36px
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button #pointr-language-selector-icon svg path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button.pointr-dropped {
    border-radius: 0 0 8px 8px
}

#pointr-ui #pointr-language-selector #pointr-lang-selector-button.pointr-dropped #pointr-language-selector-icon {
    transform: rotate(180deg)
}

#pointr-ui #pointr-language-selector #pointr-languages {
    max-height: 336px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--pointr-background-1000);
    border-radius: 8px 8px 0 0;
    box-shadow: 0px -6px 8px rgba(0, 0, 0, .1);
    display: none
}

#pointr-ui #pointr-language-selector #pointr-languages li {
    padding: 0 10px;
    line-height: 48px;
    font-size: 16px;
    border-radius: 8px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-language-selector #pointr-languages li.pointr-selected {
    display: none
}

#pointr-ui #pointr-language-selector #pointr-languages li:hover {
    color: var(--pointr-foreground-0);
    background: var(--pointr-theme-500)
}

#pointr-ui #pointr-zoom {
    display: none;
    user-select: none;
    position: relative;
    flex-direction: column;
    pointer-events: all;
    border-radius: 8px;
    width: 48px;
    margin: 32px 8px 0
}

#pointr-ui #pointr-zoom .pointr-zoom-in-button,
#pointr-ui #pointr-zoom .pointr-zoom-out-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    cursor: pointer;
    background: var(--pointr-background-1000);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .15);
    border-radius: 8px;
    margin-bottom: 8px
}

#pointr-ui #pointr-zoom .pointr-zoom-in-button:not(.pointr-disabled):hover,
#pointr-ui #pointr-zoom .pointr-zoom-out-button:not(.pointr-disabled):hover {
    box-shadow: 0px 8px 16px rgba(23, 25, 28, .24)
}

#pointr-ui #pointr-zoom .pointr-zoom-in-button:active,
#pointr-ui #pointr-zoom .pointr-zoom-out-button:active {
    background-color: var(--pointr-theme-0);
    box-shadow: 0px 8px 16px var(--pointr-theme-100)
}

#pointr-ui #pointr-zoom .pointr-zoom-in-button.pointr-disabled,
#pointr-ui #pointr-zoom .pointr-zoom-out-button.pointr-disabled {
    background-color: var(--pointr-background-900);
    color: var(--pointr-foreground-200);
    cursor: default;
    opacity: .6
}

#pointr-ui #pointr-zoom .pointr-zoom-in-button path,
#pointr-ui #pointr-zoom .pointr-zoom-out-button path {
    fill: var(--pointr-background-500)
}

@media(max-width: 769px) {
    #pointr-ui #pointr-zoom {
        display: none
    }
}

#pointr-ui #pointr-loading-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--pointr-theme-100);
    animation: 2s spin linear infinite
}

#pointr-ui #pointr-loading-circle #pointr-spinner {
    width: 22px;
    height: 22px;
    border: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid var(--pointr-theme-500);
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: -3px
}

#pointr-ui #pointr-loading-circle #pointr-spinner #pointr-spinner-left,
#pointr-ui #pointr-loading-circle #pointr-spinner #pointr-spinner-right {
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: var(--pointr-theme-500)
}

#pointr-ui #pointr-loading-circle #pointr-spinner #pointr-spinner-left {
    left: 0
}

#pointr-ui #pointr-loading-circle #pointr-spinner #pointr-spinner-right {
    right: 0
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#pointr-ui #pointr-navigation {
    position: relative;
    font-family: var(--pointr-default-font);
    background: var(--pointr-background-1000);
    border-radius: 8px;
    transition: left .5s;
    user-select: none;
    pointer-events: all;
    z-index: 1;
    min-height: 95px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: auto
}

#pointr-ui #pointr-navigation #pointr-navigation-title {
    color: var(--pointr-foreground-1000);
    font-size: 18px;
    line-height: 20px;
    font-weight: 700
}

#pointr-ui #pointr-navigation #pointr-navigation-description {
    color: var(--pointr-foreground-600);
    font-size: 13px;
    margin-bottom: 24px;
    margin-top: 24px
}

#pointr-ui #pointr-navigation #pointr-submitted-location-info {
    display: none;
    font-size: 13px;
    color: var(--pointr-foreground-500);
    margin-bottom: 16px
}

#pointr-ui #pointr-navigation #pointr-submitted-location {
    display: flex
}

#pointr-ui #pointr-navigation #pointr-from-location {
    color: var(--pointr-theme-500);
    padding-left: 8px
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper {
    display: none
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-toggle-steps {
    cursor: pointer
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps {
    position: relative;
    max-height: 250px;
    overflow: hidden auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    padding-left: 14px
}

@media(max-width: 480px) {
    #pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps {
        max-height: 130px
    }
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-progress-bar {
    position: relative;
    width: 4px;
    background: var(--pointr-theme-0);
    top: 19px;
    z-index: 9
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-progress-bar #pointr-complete-bar {
    width: 4px;
    background: var(--pointr-success-600);
    transition: height .5s
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list {
    padding-inline-start: 0;
    margin-block-start: 0;
    flex-grow: 1
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li {
    display: flex;
    align-items: center;
    margin-left: 16px;
    padding: 0 8px 0 4px;
    box-sizing: border-box;
    height: 50px;
    font-size: 14px
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-step-name,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-step-level {
    transition: color 1s
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li.pointr-current-direction .pointr-step-name,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li.pointr-current-direction .pointr-step-level {
    color: var(--pointr-foreground-500);
    transition: color 1s
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-direction-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-step-name-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 52px
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-step-name {
    color: var(--pointr-foreground-400);
    max-width: 100%;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 123.077%
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-from-to {
    font-size: 12px !important;
    line-height: 16px;
    color: var(--pointr-foreground-500)
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-step-level {
    font-size: 13px;
    color: var(--pointr-foreground-400);
    margin-right: 8px;
    line-height: calc(50px - 2px)
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:first-child,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:last-child {
    padding-left: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:first-child .pointr-step-name-container,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:last-child .pointr-step-name-container {
    justify-content: flex-start;
    flex: 1;
    padding-right: 12px
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:first-child .pointr-step-name,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:last-child .pointr-step-name {
    flex: 1
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:first-child .pointr-step-name,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:first-child .pointr-step-level,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:last-child .pointr-step-name,
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li:last-child .pointr-step-level {
    color: var(--pointr-theme-500)
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-step-list li .pointr-edit-button {
    padding: 8px;
    font-size: 12px !important;
    border-radius: 8px;
    border: 1px solid var(--pointr-background-800);
    color: var(--pointr-foreground-500);
    cursor: pointer
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps .pointr-step-circle {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: var(--pointr-background-1000);
    margin-left: calc(-1*(8px - 4px)/2);
    border-radius: 50%;
    border: 2px solid var(--pointr-theme-500);
    box-sizing: border-box;
    margin-top: 2px
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps .pointr-step-circle.completed {
    background-color: var(--pointr-success-500)
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps .pointr-step-circle:nth-child(2),
#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps .pointr-step-circle:last-child {
    width: 16px;
    height: 16px;
    margin-left: calc(-1*(16px - 4px)/2);
    margin-top: calc(-1*(16px - 8px)/2)
}

#pointr-ui #pointr-navigation #pointr-navigation-steps-wrapper #pointr-navigation-steps #pointr-current-step-line {
    width: 4px;
    background: repeating-linear-gradient(0deg, var(--pointr-theme-0), var(--pointr-theme-0) 5px, var(--pointr-theme-100) 5px, var(--pointr-theme-100) 10px);
    height: 50px;
    transition: all .5s;
    position: absolute;
    top: 0;
    z-index: -1;
    animation: animatedBackground 4s linear infinite;
    background-size: 100% 400%;
    background-repeat: repeat-x
}

@keyframes animatedBackground {
    0% {
        background-position: 0% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

@-moz-keyframes animatedBackground {
    0% {
        background-position: 0% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

@-ms-keyframes animatedBackground {
    0% {
        background-position: 0% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

@-o-keyframes animatedBackground {
    0% {
        background-position: 0% 100%
    }

    100% {
        background-position: 0% 0%
    }
}

#pointr-ui #pointr-navigation .pointr-close-icon,
#pointr-ui #pointr-navigation #pointr-cancel-button {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    padding: 10px
}

#pointr-ui #pointr-navigation .pointr-close-icon svg,
#pointr-ui #pointr-navigation #pointr-cancel-button svg {
    width: 12px;
    height: 12px
}

#pointr-ui #pointr-navigation .pointr-close-icon svg path,
#pointr-ui #pointr-navigation #pointr-cancel-button svg path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-navigation .pointr-location-group {
    display: flex;
    border: 2px solid var(--pointr-background-900);
    border-radius: 8px;
    padding: 12px 16px
}

#pointr-ui #pointr-navigation .pointr-location-group.pointr-highlighted {
    border: 2px solid var(--pointr-theme-500);
    caret-color: var(--pointr-theme-500)
}

#pointr-ui #pointr-navigation .pointr-location-group .pointr-location-selector-label {
    min-width: 40px;
    color: var(--pointr-foreground-700);
    font-size: 13px;
    padding-right: 8px;
    align-self: center;
    white-space: nowrap
}

#pointr-ui #pointr-navigation .pointr-location-group .pointr-location-selector {
    position: relative;
    width: 100%;
    display: flex
}

#pointr-ui #pointr-navigation .pointr-location-group .pointr-location-selector .pointr-location-input {
    width: calc(100% - 20px);
    color: var(--pointr-theme-500);
    font-size: 16px;
    line-height: 24px;
    border: 0;
    outline: none;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-navigation .pointr-location-group .pointr-location-selector img {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none
}

#pointr-ui #pointr-navigation .pointr-location-group .pointr-location-selector.pointr-disabled {
    display: none
}

#pointr-ui #pointr-navigation .pointr-location-points {
    margin: 46px 0 0 -17px;
    padding: 8px;
    width: 276px;
    max-height: calc(100vh - 300px);
    box-sizing: border-box;
    overflow-y: scroll;
    position: absolute;
    background: var(--pointr-background-1000);
    z-index: 1001;
    border-radius: 8px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .14), 0px 4px 10px rgba(0, 0, 0, .1);
    display: none
}

@media(max-width: 480px) {
    #pointr-ui #pointr-navigation .pointr-location-points {
        max-height: 400px;
        min-height: 400px;
        width: 80%
    }
}

#pointr-ui #pointr-navigation .pointr-location-points li {
    padding: 8px
}

#pointr-ui #pointr-navigation .pointr-location-points li .pointr-poi-name {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 16px;
    flex: 1;
    color: var(--pointr-foreground-900);
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#pointr-ui #pointr-navigation .pointr-location-points li .pointr-poi-location {
    font-size: 12px
}

#pointr-ui #pointr-navigation .pointr-location-points li:hover {
    cursor: pointer;
    user-select: none
}

#pointr-ui #pointr-navigation .pointr-location-points li:hover * {
    color: var(--pointr-theme-500)
}

#pointr-ui #pointr-navigation.visible {
    left: 24px
}

#pointr-ui #pointr-navigation #pointr-error-box {
    font-size: 13px;
    padding-bottom: 16px;
    color: var(--pointr-danger-500)
}

#pointr-ui #pointr-navigation #pointr-step-change {
    display: none;
    justify-content: space-between;
    margin-top: 16px
}

#pointr-ui #pointr-navigation #pointr-step-change #pointr-next-button,
#pointr-ui #pointr-navigation #pointr-step-change #pointr-prev-button {
    color: var(--pointr-foreground-0);
    background-color: var(--pointr-theme-500);
    height: 48px;
    justify-content: center;
    padding-left: 0;
    width: 100%
}

#pointr-ui #pointr-navigation #pointr-step-change #pointr-next-button.pointr-disabled,
#pointr-ui #pointr-navigation #pointr-step-change #pointr-prev-button.pointr-disabled {
    pointer-events: none;
    background-color: var(--pointr-background-900);
    color: var(--pointr-foreground-200)
}

#pointr-ui #pointr-navigation #pointr-step-change .pointr-spacer {
    width: 8px
}

#pointr-ui #pointr-navigation #pointr-locations-with-swapper {
    display: flex;
    margin-bottom: 16px;
    min-height: 112px
}

#pointr-ui #pointr-navigation #pointr-locations-with-swapper #pointr-locations-container {
    width: 100%
}

#pointr-ui #pointr-navigation #pointr-locations-with-swapper #pointr-locations-container #pointr-starting-location {
    margin-bottom: 8px
}

#pointr-ui #pointr-navigation #pointr-locations-with-swapper #pointr-swap-location {
    display: flex;
    align-items: center;
    margin: 8px;
    cursor: pointer
}

#pointr-ui #pointr-navigation #pointr-locations-with-swapper #pointr-swap-location svg {
    width: 20px
}

#pointr-ui #pointr-navigation #pointr-locations-with-swapper #pointr-swap-location svg path {
    fill: var(--pointr-foreground-600)
}

#pointr-ui #pointr-navigation .clear-icon path {
    fill: var(--pointr-foreground-500)
}

#pointr-exit-navigation-button {
    white-space: nowrap
}

#pointr-navigation-button {
    position: relative
}

@media(max-width: 480px) {
    #pointr-ui #pointr-navigation {
        padding: 0;
        box-shadow: none
    }

    #pointr-ui #pointr-navigation .pointr-close-icon,
    #pointr-ui #pointr-navigation #pointr-cancel-button {
        top: 10px
    }

    #pointr-ui #pointr-navigation .pointr-close-icon svg,
    #pointr-ui #pointr-navigation #pointr-cancel-button svg {
        width: 18px;
        height: 18px
    }

    .pointr-bottom-expanded #pointr-bottom #pointr-navigation {
        min-height: 100%
    }
}

.custom-marker {
    background-size: cover;
    width: 38px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer
}

#pointr-ui #pointr-category-list {
    flex: 1;
    overflow: hidden overlay;
    margin: 0;
    list-style: none;
    pointer-events: all;
    max-height: calc(100% - 96px);
    padding: 0 16px;
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media(max-width: 480px) {
    #pointr-ui #pointr-category-list {
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 16px
    }
}

#pointr-ui #pointr-category-list .pointr-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: calc(33% - 32px);
    max-width: calc(33% - 32px);
    gap: 8px;
    margin: 0 16px 4px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 11px;
    line-height: 14px;
    text-overflow: ellipsis;
    word-break: break-word
}

@media(max-width: 480px) {
    #pointr-ui #pointr-category-list .pointr-category-item {
        width: calc(25% - 32px);
        max-width: calc(25% - 32px)
    }
}

#pointr-ui #pointr-category-list .pointr-category-icon {
    height: 48px;
    width: 48px
}

#pointr-ui #pointr-category-list .pointr-category-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    box-sizing: border-box;
    border-radius: 50%
}

#pointr-ui #pointr-category-list .pointr-category-name-wrapper {
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--pointr-foreground-800);
    font-weight: 500
}

#pointr-ui #pointr-poi-cards {
    pointer-events: all
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list {
    display: none;
    max-height: calc(100vh - 248px);
    min-height: 84px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: scroll;
    position: relative;
    list-style: none;
    background: var(--pointr-background-1000);
    border-radius: 8px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list::-webkit-scrollbar {
    width: 0px;
    background: rgba(0, 0, 0, 0);
    height: 0px;
    -webkit-appearance: none
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card {
    padding: 16px 16px 12px;
    border-radius: 8px;
    border: 1px solid var(--pointr-background-900);
    gap: 8px;
    cursor: pointer
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container {
    display: none;
    width: 100%;
    margin-top: 8px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-details-button {
    min-width: 76px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-details-button:only-child {
    flex-grow: 1
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-directions-button {
    min-width: 140px;
    background-color: var(--pointr-theme-500);
    flex-grow: 1
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-details-button,
#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-directions-button {
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px !important;
    margin-bottom: 4px;
    height: 40px !important
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card.active {
    border-color: var(--pointr-theme-500)
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card.active .pointr-poi-card-buttons-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-order-number {
    display: flex;
    padding: 0px 6px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    margin-top: -17px;
    margin-left: -17px;
    border-radius: 6px 0px 6px 0px;
    border: 1px solid var(--pointr-background-800);
    color: var(--pointr-foreground-500);
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-order-number.active {
    background: var(--pointr-theme-500);
    color: var(--pointr-foreground-0);
    border: 0px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-poi-card-header-text .pointr-poi-card-name {
    color: var(--pointr-foreground-1000);
    font-size: 18px;
    line-height: 24px;
    text-overflow: ellipsis;
    margin-bottom: 4px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-poi-card-header-text .pointr-poi-short-description {
    color: var(--pointr-foreground-800);
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 8px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-poi-card-header-text .pointr-poi-short-description,
#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-poi-card-header-text .pointr-poi-card-name {
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-card-icon {
    width: 40px;
    height: 40px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-card-icon img {
    border-radius: 8px;
    width: 40px;
    height: 40px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-tags-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex-grow: 1;
    align-content: flex-start;
    margin-bottom: 8px;
    max-height: 142px;
    overflow: auto
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-tags-container .pointr-poi-card-tag {
    height: 22px;
    line-height: 14px;
    padding: 4px 12px 4px 12px;
    border-radius: 16px;
    background-color: var(--pointr-background-900);
    font-size: 11px;
    color: var(--pointr-foreground-800)
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-card-logo-fallback {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--pointr-background-900);
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 6px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-card-logo-fallback svg {
    width: 16px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-card-logo-fallback svg path {
    stroke: var(--pointr-foreground-500)
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-cards-no-result-item {
    width: 100%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--pointr-foreground-400);
    border-radius: 8px;
    background: var(--pointr-background-900)
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list li:not(:last-child) {
    margin-bottom: 8px
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list li.is-active .pointr-poi-card {
    border-color: var(--pointr-theme-500)
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card-level-info {
    font-size: 11px;
    line-height: 14px;
    color: var(--pointr-foreground-600)
}

#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card-level-info,
#pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card-tag {
    max-width: 252px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-poi-cards #pointr-category-header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 8px;
    gap: 8px
}

#pointr-ui #pointr-poi-cards #pointr-category-header-container #pointr-go-back-from-category-icon-container {
    cursor: pointer;
    padding: 10px
}

#pointr-ui #pointr-poi-cards #pointr-category-header-container #pointr-go-back-from-category-icon-container svg {
    height: 12px
}

#pointr-ui #pointr-poi-cards #pointr-category-header-container #pointr-go-back-from-category-icon-container svg path {
    fill: var(--pointr-foreground-500)
}

#pointr-ui #pointr-poi-cards #pointr-category-header-container #pointr-poi-card-list-header {
    font-weight: 600;
    color: var(--pointr-theme-500);
    font-size: 16px;
    line-height: 24px;
    max-width: 254px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media(max-width: 480px) {
    #pointr-ui #pointr-poi-cards #pointr-category-header-container {
        padding-left: 4px;
        margin-bottom: 8px;
        margin-top: 8px
    }

    #pointr-ui #pointr-poi-cards #pointr-category-header-container #pointr-poi-card-list-header {
        max-width: calc(100% - 64px)
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list {
        overflow: initial;
        border-radius: 0;
        box-shadow: none;
        display: flex;
        padding: 0px 16px !important;
        gap: 8px
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card {
        width: 286px;
        max-height: 252px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-header .pointr-poi-card-header-text .pointr-poi-card-name {
        font-size: 18px
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-details-button,
    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-buttons-container .pointr-poi-card-directions-button {
        flex-grow: 1;
        margin-bottom: 0
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list .pointr-poi-card .pointr-poi-card-tags-container {
        max-height: 52px;
        overflow-y: auto
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list li:last-child .pointr-poi-card {
        margin-right: 32px
    }

    #pointr-ui #pointr-poi-cards #pointr-poi-cards-list,
    #pointr-ui #pointr-poi-cards .splide__slide,
    #pointr-ui #pointr-poi-cards .pointr-poi-card {
        height: 252px
    }

    #pointr-ui #pointr-poi-cards .splide__track {
        padding-bottom: 8px
    }
}

#pointr-ui #pointr-promote-app-overlay {
    position: absolute;
    z-index: 2;
    width: calc(100% - 20px);
    left: 10px;
    top: 16px;
    pointer-events: all;
    display: none;
    transition: height .4s
}

#pointr-ui #pointr-promote-app-overlay.pointr-popup-view {
    z-index: 9999;
    height: 100%;
    width: 100%;
    background: var(--pointr-background-800);
    top: 0;
    left: 0
}

#pointr-ui #pointr-promote-app-overlay:not(.pointr-popup-view) {
    border-radius: 14px
}

#pointr-ui #pointr-promote-app-overlay.pointr-fading-out {
    animation: pointrFadingOut 1s;
    -webkit-animation: pointrFadingOut 1s;
    -moz-animation: pointrFadingOut 1s;
    -o-animation: pointrFadingOut 1s
}

#pointr-ui #pointr-promote-app-overlay.pointr-animating-downwards {
    animation: pointrAnimatingDownwards 1s;
    -webkit-animation: pointrAnimatingDownwards 1s;
    -moz-animation: pointrAnimatingDownwards 1s;
    -o-animation: pointrAnimatingDownwards 1s
}

#pointr-ui #pointr-promote-app-overlay.pointr-swiped-right {
    animation: swipingRight 1s;
    -webkit-animation: swipingRight 1s;
    -moz-animation: swipingRight 1s;
    -o-animation: swipingRight 1s;
    animation-fill-mode: forwards
}

#pointr-ui #pointr-promote-app-overlay.pointr-swiped-left {
    animation: swipingLeft 1s;
    animation-fill-mode: forwards;
    -webkit-animation: swipingLeft 1s;
    -moz-animation: swipingLeft 1s;
    -o-animation: swipingLeft 1s;
    transform: translateX(-1000px);
    opacity: 0;
    transition: transform 1s
}

@media(max-width: 480px) {
    #pointr-ui #pointr-promote-app-overlay {
        display: block
    }
}

#pointr-ui #pointr-promote-app-overlay * {
    box-sizing: border-box
}

#pointr-ui #pointr-promote-app-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    background: var(--pointr-background-1000);
    box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, .1);
    border-radius: 14px
}

#pointr-ui #pointr-promote-app-content #pointr-alert-icon svg {
    width: 48px;
    height: 48px
}

#pointr-ui #pointr-promote-app-content #pointr-alert-icon svg path {
    stroke: var(--pointr-alert-600)
}

#pointr-ui #pointr-promote-app-content .pointr-banner-popup-header {
    color: var(--pointr-alert-600);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center
}

#pointr-ui #pointr-promote-app-content .pointr-banner-popup-description {
    color: var(--pointr-foreground-500);
    font-size: 11px;
    line-height: 14px;
    text-align: center
}

#pointr-ui #pointr-promote-app-content .pointr-banner-popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner {
    background: var(--pointr-background-1000);
    padding: 8px;
    border-radius: 14px;
    max-width: 100%;
    width: 100%
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-header {
    color: var(--pointr-foreground-500);
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.08px;
    border-bottom: 1px solid var(--pointr-foreground-100);
    padding-bottom: 8px;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    position: relative
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-header:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: var(--pointr-background-1000)
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    overflow: hidden
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content .pointr-banner-app-info {
    flex: 1;
    min-width: 0
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content .pointr-banner-app-info>div {
    overflow: hidden;
    text-overflow: ellipsis
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content .pointr-banner-app-info>div:first-of-type {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.08px;
    color: var(--pointr-foreground-1000);
    white-space: nowrap
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content .pointr-banner-app-info>div:nth-of-type(2) {
    white-space: normal;
    color: var(--pointr-foreground-500);
    font-size: 11px;
    line-height: 13px;
    letter-spacing: .07px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content img {
    height: 56px;
    width: 56px;
    border-radius: 5.6px;
    flex-shrink: 0;
    max-width: 56px
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content svg {
    height: 56px;
    width: 56px;
    flex-shrink: 0;
    max-width: 56px
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content svg path {
    stroke: var(--pointr-foreground-500)
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-content .pointr-banner-install-button {
    white-space: nowrap
}

#pointr-ui #pointr-promote-app-content #pointr-promote-app-banner .pointr-banner-install-button {
    height: 24px;
    border-radius: 24px;
    background-color: var(--pointr-theme-700);
    color: var(--pointr-foreground-0);
    line-height: 24px;
    font-size: 12px;
    letter-spacing: -0.08px;
    flex-shrink: 0;
    text-align: center;
    max-width: 30%;
    min-width: 70px;
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: auto
}

#pointr-ui #pointr-promote-app-content .pointr-banner-popup-dismiss-button {
    color: var(--pointr-foreground-400);
    font-size: 13px;
    line-height: 16px
}

#pointr-ui #pointr-promote-app-content.pointr-popup-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 344px;
    padding: 24px 16px 16px
}

#pointr-ui #pointr-promote-app-content.pointr-popup-view #pointr-promote-app-banner {
    width: 100%
}

@keyframes pointrAnimatingDownwards {
    0% {
        transform: translateY(-500px)
    }

    100% {
        transform: translateY(0px)
    }
}

@-moz-keyframes pointrAnimatingDownwards {
    0% {
        transform: translateY(-500px)
    }

    100% {
        transform: translateY(0px)
    }
}

@-webkit-keyframes pointrAnimatingDownwards {
    0% {
        transform: translateY(-500px)
    }

    100% {
        transform: translateY(0px)
    }
}

@-ms-keyframes pointrAnimatingDownwards {
    0% {
        transform: translateY(-500px)
    }

    100% {
        transform: translateY(0px)
    }
}

@-o-keyframes pointrAnimatingDownwards {
    0% {
        transform: translateY(-500px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes pointrFadingOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes pointrFadingOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes pointrFadingOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes pointrFadingOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes pointrFadingOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes swipingRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(1000px);
        opacity: 0
    }
}

@-moz-keyframes swipingRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(1000px);
        opacity: 0
    }
}

@-webkit-keyframes swipingRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(1000px);
        opacity: 0
    }
}

@-ms-keyframes swipingRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(1000px);
        opacity: 0
    }
}

@-o-keyframes swipingRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(1000px);
        opacity: 0
    }
}

@keyframes swipingLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0
    }
}

@-moz-keyframes swipingLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0
    }
}

@-webkit-keyframes swipingLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0
    }
}

@-ms-keyframes swipingLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0
    }
}

@-o-keyframes swipingLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform: translateX(-1000px);
        opacity: 0
    }
}