div#map {
    position: sticky !important;
    overflow: hidden;
    top: 142px;
    height: calc(100dvh - 60px - 80px);
    transition: 0.3s linear 0s;
    user-select: none;
}

div.mapStudio {
    height: 460px;
    width: 100%;
}

.main-header.hide + .main div#map {
    height: calc(100dvh - 70px);
    top: 70px;
}

div#map .gm-style iframe + div {
    outline: none;
    border: none !important;
}

div.linGrid2 > .linear-background > div.inter-grid-message {
    height: 70px;
}

.linear-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    position: relative;
    overflow: hidden;
}

.linear-background-radius {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    width: 45px;
    height: 45px;
}

.inter-right--message[class~="me"] {
    margin-left: -80%;
}

.inter-right--messageBot {
    /* background: #FFF; */
    width: 100%;
    height: 10px;
}

.inter-right--bottom {
    background: #FFF;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 60px;
    left: 100px;
}

.inter-crop {
    background: #FFF;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100px;
}

.inter-full--message {
    background: #FFF;
    width: 100%;
    height: 80px;
    margin-left: 100%;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

/************** dialog-info ***********************/
.gm-style-iw-d {
    display: grid;
    padding: 0 !important;
    overflow: hidden !important;
    padding: 0;
}

.gm-style-iw-d + button {
    display: none !important;
}

.dialog-info {
    display: grid;
    width: 100%;
    /* height: 300px; */
    /* width: 350px; */
    border-radius: 17px;
}


body > .dialog-info,
div.map .dialog-info {
    /* padding-bottom: 20px; */
    max-width: 380px;
    /* corner-shape: squircle; */
    /* border-radius: 128px; */
    /* overflow: hidden; */
}
body > .dialog-info :is(.content,.footer),
div:is(.map,.mapStudio) .dialog-info :is(.content,.footer) {
    padding: 0 15px;
}

div:is(.map,.mapStudio) .dialog-info .content-box {
    border: 1px solid #1b1b1b;
    padding: 5px;
    margin: 10px;
    border: 1px solid #d6e6f2;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    flex-shrink: 0;
    font-family: hero-new, sans-serif;
    /* overflow: scroll; */
    position: relative;
    text-align: center;
}

div:is(.map,.mapStudio)  .dialog-info .header .name {
    text-align: left;
    font-size: 17px;
    padding-left: 10px;
}


div:is(.map,.mapStudio)  .dialog-info .header .dialog-close:hover i {
    font-weight: 700;
}

.gm-ui-hover-effect {
    display: none;
}

/************** dialog-info ***********************/
.spinner-box {
    position: absolute;
    width: 50px;
    display: grid;
    align-items: center;
    margin: 0 auto;
    height: 100px;
    /* background: white; */
    border-radius: 5px;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    top: calc(50dvh - 34px );
    height: 68px;
    width: 68px;
    background: white;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 2px #00000052;
    transition: 0.3s linear 0s;
    opacity: 0;
    visibility: hidden;
}

.spinner-box .icon {
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    text-align: center;
    font-size: 25px;
    color: #2262ce;
}

/*************** loader ***********************/
/* Loader 2 */
.spinner-box .loader-2 {
    display: grid;
    height: 68px;
    width: 68px;
    -webkit-animation: loader-2-1 3s linear infinite;
    /* animation: loader-2-1 3s linear infinite; */
    z-index: 2;
    place-items: center;
    margin: 0 auto;
    border-radius: 100px;
    transform-origin: center;
    box-sizing: unset;
    font-family: 'Rubik';
    font-variant-numeric: tabular-nums;
}

@-webkit-keyframes loader-2-1 {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes loader-2-1 {
    0% {
        transform: rotate(0deg);
    }

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

.spinner-box .loader-2 span {
    display: grid;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 68px;
    width: 68px;
    /* clip: rect(0px, 23px, 90px, 0); */
    -webkit-animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    border-radius: 100px;
    align-items: center;
    box-sizing: unset;
}

@-webkit-keyframes loader-2-2 {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes loader-2-2 {
    0% {
        transform: rotate(0deg);
    }

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

.spinner-box .loader-2 span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 68px;
    width: 68px;
    border: 5px solid transparent;
    border-top: 5px solid #FFF;
    border-radius: 50%;
    -webkit-animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    transform-origin: center;
    box-sizing: border-box;
    border-top-color: #2262ce;
    z-index: 2;
}

@-webkit-keyframes loader-2-3 {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes loader-2-3 {
    0% {
        transform: rotate(0deg);
    }

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

.spinner-box .loader-2 span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 68px;
    width: 68px;
    border: 5px solid rgb(175 172 172 / 78%);
    border-radius: 50%;
    transform-origin: center;
    box-sizing: border-box;
    /* border-color: var(--global-theme-text-blue-white-color); */
    opacity: 0.6;
}

.spinner-box .loader-2, .spinner-box .loader-2 span:after, .spinner-box .loader-2 span:before, .spinner-box .loader-2 span {
    animation-play-state: paused;
}

.spinner-box.show {
    opacity: 1;
    visibility: visible;
}

.spinner-box.show .loader-2, .spinner-box.show.show.show .loader-2 span:after, .spinner-box.show.show .loader-2 span:before, .spinner-box.show .loader-2 span {
    animation-play-state: running;
}

.gm-style .gm-style-iw-c {
    border: none !important;
    margin: 0;
    padding: 0;
    /* box-shadow: none; */
    border-radius: 80px;
    corner-shape: squircle;
}

.gm-style .gm-style-iw-c .gm-style-iw-chr {
    display: none;
}

.detail-map-area {
    display: grid;
    grid-template-columns: minmax(420px,900px) auto;
    background: white;
    transition: 0.3s linear 0s;
    grid-template-columns: 1fr 55%;
}

.detail-map-area.full-map {
    /* grid-template-columns: 0% 100%; */
    /* overflow-x: hidden; */
    position: relative;
}

.map-zoom-box {
    position: absolute;
    z-index: 1;
    right: 20px;
    width: 50px;
    gap: 10px;
    top: 10px;
    display: grid;
}

.map-zoom-box > div {
    background: white;
    /* box-shadow: 0px 0px 5px 1px #0000004a; */
    cursor: pointer;
}

.map-zoom-box > div:hover {
    background: #fafafa;
}

.search-input i {
    position: absolute;
    height: 100%;
    display: grid;
    align-items: center;
    text-align: center;
    width: 40px;
}

.search-input input {
    margin-left: 0px;
    border: none;
    height: 35px;
    display: block;
    background: transparent;
    padding-left: 40px;
}

.search-input input:focus-visible {
    outline: none;
}

pac-container:after {
    display: none;
}

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.3);
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 10px;
}

/*****************************************************************/
.map-layers-menu__section {
    display: flex;
    padding-bottom: 16px
}

.map-layers-menu__section:nth-child(2) {
    border-top: 1px solid #e3dede;
    padding: 16px 0 0
}

.map-layers-menu__layer {
    align-items: center;
    color: #273656;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-family: hero-new,sans-serif;
    font-size: 1rem;
    line-height: 1.571rem;
    margin-right: 28px
}

.map-layers-menu__layer:nth-child(2) {
    margin-right: 0
}

.map-layers-menu__layer-icon {
    border: 2px solid transparent;
    border-radius: 4px;
    height: 60px;
    margin-bottom: 6px;
    overflow: hidden;
    width: 60px
}

.map-layers-menu__layer-icon img {
    height: 100%;
    scale: 1.1;
    width: 100%
}

.js-focus-visible .map-layers-menu__layer-icon.focus-visible,.map-layers-menu__layer-icon.focus-visible.js-focus-visible {
    outline: 2px solid #4674a4
}

.map-layers-menu__layer-icon:focus-visible {
    outline: 2px solid #4674a4
}

.map-layers-menu__layer-icon--selected {
    border-color: #273656
}

.map-layers-menu__layer--selected {
    font-weight:var(--fw-semibold)
}

.dialog__backdrop {
    background-color: rgba(11,18,35,.6);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: background-color .3s ease;
    width: 100%;
    z-index: 200
}

@media(min-width: 768px) {
    .dialog__backdrop {
        transition:background-color .45s ease
    }
}

@media(min-width: 992px) {
    .dialog__backdrop {
        align-items:center;
        display: flex;
        justify-content: center;
        transition: background-color .5s ease
    }
}

.dialog__container {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    box-shadow: 0 12px 17px rgba(39,54,86,.14),0 5px 22px rgba(39,54,86,.12);
    overflow: hidden;
    position: absolute;
    transition: transform .3s ease;
    width: 100%
}

@media(min-width: 576px) {
    .dialog__container {
        left:50%;
        margin-left: -288px;
        max-width: 576px
    }

    .dialog__container.fullscreen {
        inset: 0;
        margin-left: 0;
        max-width: 100%
    }
}

@media(min-width: 768px) {
    .dialog__container {
        transition:transform .45s ease
    }
}

@media(min-width: 992px) {
    .dialog__container {
        border-radius:4px;
        margin-left: 0;
        position: static;
        transition: transform .5s ease
    }

    .dialog__container--regular {
        max-width: 450px
    }

    .dialog__container--medium {
        max-width: 520px
    }

    .dialog__container--large {
        max-width: 720px
    }

    .dialog__container--xlarge {
        max-width: 960px
    }
}

.dialog__header {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e3dede;
    color: #273656;
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.143rem;
    font-weight:var(--fw-semibold);
    justify-content: flex-end;
    line-height: 1.857rem;
    padding: 16px
}

.dialog__header button {
    width: auto
}

.dialog__header button span {
    margin: 0
}

@media(min-width: 992px) {
    .dialog__header {
        flex-direction:row;
        justify-content: space-between;
        padding: 16px 24px
    }
}

.dialog__header-text {
    text-align: center;
    width: calc(100% - 24px)
}

.dialog__header-text:first-letter {
    text-transform: capitalize
}

@media(min-width: 992px) {
    .dialog__header-text {
        min-width:150px;
        text-align: left;
        width: auto
    }
}

.dialog__header-cta span img {
    height: 24px!important;
    width: 24px!important
}

.dialog__body {
    box-sizing: border-box;
    max-height: calc(var(--vh-dialog, 1vh)*100 - 117px);
    overflow: auto;
    padding: 24px 24px 24px 16px
}

.dialog__body.fullscreen {
    max-height: calc(var(--vh-dialog, 1vh)*100 - 138px)
}

.dialog__body.with-footer {
    max-height: calc(var(--vh-dialog, 1vh)*100 - 186px)
}

@media(min-width: 992px) {
    .dialog__body {
        max-height:72vh;
        padding: 24px
    }
}

.dialog__footer {
    border-top: 1px solid #e3dede;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    padding: 16px
}

.dialog__footer button+button {
    margin-left: 16px
}

@media(min-width: 992px) {
    .dialog__footer {
        padding:16px 24px
    }
}

.dialog-enter-to,.dialog-leave-from {
    background-color: rgba(11,18,35,.6)
}

.dialog-enter-to .dialog__container,.dialog-leave-from .dialog__container {
    transform: translateZ(0)
}

.dialog-enter-from,.dialog-leave-to {
    background-color: transparent
}

.dialog-enter-from .dialog__container,.dialog-leave-to .dialog__container {
    transform: translate3d(0,100vh,0)
}

.map-controls {
    display: flex;
    flex-direction: column;
    margin-right: 8px;
    z-index: 1
}

.map-controls.map-expanded {
    margin-top: 46px
}

@media(min-width: 768px) {
    .map-controls.map-expanded {
        margin-top:0
    }
}

.map-controls__cta {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-top: 8px;
    width: 40px
}

.map-controls__cta--zoom-in,.map-controls__cta--zoom-out {
    display: none
}

@media(min-width: 992px) {
    .map-controls__cta--zoom-in,.map-controls__cta--zoom-out {
        display:flex
    }
}

.js-focus-visible .map-controls__cta.focus-visible,.map-controls__cta.focus-visible.js-focus-visible,.map-controls__cta:hover {
    background-color: #f8f8f7
}

.map-controls__cta:focus-visible,.map-controls__cta:hover {
    background-color: #f8f8f7
}

.js-focus-visible .map-controls__cta.focus-visible,.map-controls__cta.focus-visible.js-focus-visible {
    outline: 2px solid #4674a4
}

.map-controls__cta:focus-visible {
    outline: 2px solid #4674a4
}

.map-controls__cta:disabled {
    background-color: #fff;
    cursor: not-allowed
}

.map-controls__cta:disabled img {
    opacity: .6
}

.map-layers {
    bottom: 16px!important;
    margin-right: 8px
}

.map-layers__header,.map-layers__header-text {
    display: flex;
    justify-content: space-between
}

.map-layers__header-text {
    align-items: center;
    font-family: hero-new,sans-serif;
    font-size: 1rem;
    line-height: 1.571rem
}

.map-layers__header-icon {
    height: 16px;
    margin: 0 8px 0 0;
    width: 16px
}

.map-layers__header-label {
    margin-top: 2px
}

.map-layers__header-cta {
    display: none;
    height: 16px;
    width: 16px
}

.js-focus-visible .map-layers__header-cta.focus-visible,.map-layers__header-cta.focus-visible.js-focus-visible {
    outline: 2px solid #4674a4
}

.map-layers__header-cta:focus-visible {
    outline: 2px solid #4674a4
}

.map-layers__body {
    display: none
}

@media(min-width: 768px) {
    .map-layers__body {
        margin-top:16px
    }
}

.map-layers__desktop-container {
    display: none;
    overflow: hidden
}

@media(min-width: 768px) {
    .map-layers__desktop-container {
        background-color:#fff;
        border-radius: 24px;
        box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 40px;
        padding: 8px 12px;
        transition: all .3s ease,background-color 0s ease;
        width: 125px
    }

    .js-focus-visible .map-layers__desktop-container.focus-visible,.map-layers__desktop-container.focus-visible.js-focus-visible,.map-layers__desktop-container:hover {
        background-color: #f8f8f7
    }

    .map-layers__desktop-container:focus-visible,.map-layers__desktop-container:hover {
        background-color: #f8f8f7
    }

    .js-focus-visible .map-layers__desktop-container.focus-visible,.map-layers__desktop-container.focus-visible.js-focus-visible {
        outline: 2px solid #4674a4
    }

    .map-layers__desktop-container:focus-visible {
        outline: 2px solid #4674a4
    }

    .map-layers__desktop-container--expanded {
        border-radius: 4px;
        height: 285px;
        padding: 16px;
        width: 190px
    }

    .map-layers__desktop-container--expanded .map-layers__body,.map-layers__desktop-container--expanded .map-layers__header-cta {
        display: block
    }

    .map-layers__desktop-container--expanded .map-layers__text {
        height: auto
    }
}

.map-layers__mobile-container {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 12px;
    width: 40px
}

.map-layers__mobile-container:hover {
    background-color: #f8f8f7
}

@media(min-width: 768px) {
    .map-layers__mobile-container {
        display:none
    }
}

.ui-chip {
    align-items: center;
    background: #fff;
    border: 1px solid #e3dede;
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex
}

.ui-chip--lg,.ui-chip--lg.ui-chip--icon-only {
    height: 38px;
    padding: 8px 16px
}

.ui-chip--lg.ui-chip--icon-only img {
    height: 24px;
    width: 24px
}

.ui-chip--sm {
    height: 30px;
    padding: 8px 12px
}

.ui-chip--sm.ui-chip--icon-only {
    height: 32px;
    padding: 8px
}

.ui-chip--sm.ui-chip--icon-only img {
    height: 16px;
    width: 16px
}

.ui-chip--filter {
    padding-right: 8px
}

.ui-chip__close-icon {
    margin-left: 8px
}

.ui-chip__left {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.ui-chip__content {
    color: #273656;
    font-size: 1rem;
    line-height: 1.571rem;
    white-space: nowrap
}

.ui-chip__content--icon-only {
    line-height: 1rem
}

.ui-chip:hover {
    background-color: #f8f8f7;
    border-color: #7b6e6b
}

.ui-chip:focus {
    background: #f8f8f7;
    border-color: #e3dede
}

.js-focus-visible .ui-chip.focus-visible,.ui-chip.focus-visible.js-focus-visible {
    outline: 2px solid #4674a4
}

.ui-chip:focus-visible {
    outline: 2px solid #4674a4
}

.ui-chip--selected {
    background: #f3f7fc;
    border-color: #4674a4
}

.ui-chip--selected:hover {
    background: #d6e6f2;
    border-color: #273656
}

@media(min-width: 768px) {
    .ui-chip--selected:hover {
        border-color:#486688
    }
}

.ui-chip--selected:focus {
    background: #d6e6f2;
    border-color: #486688
}

.js-focus-visible .ui-chip--selected.focus-visible,.ui-chip--selected.focus-visible.js-focus-visible {
    outline: 2px solid #4674a4
}

.ui-chip--selected:focus-visible {
    outline: 2px solid #4674a4
}

.ui-chip--disabled {
    pointer-events: none
}

.ui-chip--disabled>* {
    opacity: .6
}

.star-rating-wrapper {
    display: inline-flex;
    flex-direction: row
}

.star-rating-wrapper .star {
    height: 16px;
    position: relative;
    width: 16px
}

.star-rating-wrapper .star img {
    height: 16px;
    width: 16px
}

.star-rating-wrapper .star+.star {
    margin-left: 4px
}

.star-rating-wrapper .star--glaze {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.map-place-details-wrapper {
    color: #273656;
    display: flex;
    flex-direction: column;
    font-family: hero-new,sans-serif;
    font-size: .857rem;
    font-weight:var(--fw-regular);
    line-height: 1.429rem;
    max-width: 296px;
    min-width: 210px;
    width: 100%!important
}

.map-place-details-wrapper .place-title {
    font-family: hero-new,sans-serif;
    font-size: 1rem;
    font-weight:var(--fw-semibold);
    line-height: 1.571rem;
    width: 90%
}

.map-place-details-wrapper .place-address {
    margin-top: 8px;
    max-width: 235px
}

.map-place-details-wrapper .place-address--shrinked {
    margin-top: 0;
    width: 90%
}

.map-place-details-wrapper .place-rating-overview {
    align-items: center;
    display: flex;
    margin-top: 8px
}

.map-place-details-wrapper .place-rating-overview .rating {
    align-items: center;
    display: flex
}

.map-place-details-wrapper .place-rating-overview .rating--value {
    margin-right: 4px
}

.map-place-details-wrapper .place-rating-overview>div:not(:first-child) {
    border-left: 1px solid #e3dede;
    margin-left: 8px;
    padding-left: 8px
}

.map-place-details-wrapper .place-directions {
    border-top: 1px solid #e3dede;
    display: flex;
    margin-top: 8px;
    padding-left: 2px;
    padding-top: 8px
}

.map-place-details-wrapper .place-directions div:not(:first-child) {
    margin-left: 8px;
    padding-left: 8px
}

.map-place-details-wrapper .place-directions-error {
    margin-top: 8px;
    min-width: 210px
}

.map-place-details-wrapper .place-travel-time {
    align-items: center;
    display: flex;
    margin-top: 8px;
    min-height: 20px
}

.map-place-details-wrapper .place-travel-time__loader {
    width: 120px
}

.listing-map-cards .ui-image-carousel {
    border-radius: 8px;
    height: 172px;
    margin: auto;
    z-index: 1
}

.listing-map-cards .photo-sticker {
    border-radius: 8px;
    box-sizing: border-box;
    font-size: .857rem;
    left: 0;
    line-height: 1.429rem;
    margin: 8px;
    max-width: calc(100% - 60px);
    padding: 8px;
    position: absolute;
    top: 0;
    z-index: 1
}

.listing-map-cards__amenities,.listing-map-cards__paragraph-loader {
    padding: 8px
}

.listing-map-cards__image-loader {
    border-radius: 8px;
    box-sizing: border-box;
    height: 180px;
    overflow: hidden;
    padding: 8px 8px 0;
    width: 100%
}

.listing-map-cards__image-placeholder {
    border-radius: 8px
}

.listing-map-cards__property-loader {
    border: 1px solid #d6e6f2;
    border-radius: 8px;
    box-sizing: border-box;
    margin-top: 8px;
    overflow: hidden;
    width: 328px
}

.listing-map-cards__header {
    align-items: center;
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    height: 48px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2
}

@media(min-width: 992px) {
    .listing-map-cards__header {
        box-shadow:0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2)
    }
}

.listing-map-cards__header img {
    height: 32px;
    margin: 0 8px;
    width: 32px
}

.listing-map-cards__header span {
    color: #273656;
    font-family: hero-new,sans-serif;
    font-size: 1rem;
    line-height: 1.571rem;
    max-width: calc(100% - 80px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-map-cards__close-button {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 4px;
    width: 24px
}

.listing-map-cards__close-button img {
    height: 16px;
    margin: 0;
    width: 16px
}

.js-focus-visible .listing-map-cards__close-button.focus-visible,.listing-map-cards__close-button.focus-visible.js-focus-visible {
    outline: 2px solid #4674a4
}

.listing-map-cards__close-button:focus-visible {
    outline: 2px solid #4674a4
}

.listing-map-cards__properties {
    display: flex;
    overflow: auto;
    padding: 56px 8px 8px
}

.listing-map-cards__properties::-webkit-scrollbar {
    -webkit-overflow-scrolling: drag;
    display: none
}

@media(min-width: 992px) {
    .listing-map-cards__properties {
        display:block;
        padding: 48px 0 8px
    }
}

.listing-map-cards__property {
    border: 1px solid #d6e6f2;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    flex-shrink: 0;
    font-family: hero-new,sans-serif;
    overflow: hidden;
    position: relative;
    width: 328px
}

@media(min-width: 992px) {
    .listing-map-cards__property {
        width:auto
    }
}

.listing-map-cards__property--shrank {
    width: 312px
}

@media(min-width: 992px) {
    .listing-map-cards__property--shrank {
        width:328px
    }
}

.listing-map-cards__property+.listing-map-cards__property {
    margin-left: 8px
}

@media(min-width: 992px) {
    .listing-map-cards__property+.listing-map-cards__property {
        margin-left:0;
        margin-top: 8px
    }

    .listing-map-cards__property:hover {
        border-color: #9fc6e0
    }
}

.listing-map-cards__property:before {
    border: 2px solid #4674a4;
    border-radius: 8px;
    content: "";
    display: none;
    height: calc(100% - 4px);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 4px)
}

.js-focus-visible .listing-map-cards__property.focus-visible,.listing-map-cards__property.focus-visible.js-focus-visible {
    border-color: transparent
}

.listing-map-cards__property:focus-visible {
    border-color: transparent
}

.js-focus-visible .listing-map-cards__property.focus-visible:before,.listing-map-cards__property.focus-visible.js-focus-visible:before {
    display: block
}

.listing-map-cards__property:focus-visible:before {
    display: block
}

.listing-map-cards a {
    text-decoration: none
}

.listing-map-cards:first-child {
    margin-top: 0
}

.listing-map-cards__carousel-wrapper {
    box-sizing: border-box;
    color: #273656;
    height: 180px;
    padding: 8px 8px 0;
    width: 100%
}

.listing-map-cards__image {
    background-position: 50%;
    background-size: cover;
    height: 172px;
    min-width: 100%;
    position: relative
}

.listing-map-cards__info {
    background-color: #fff;
    box-sizing: border-box
}

.listing-map-cards__name-place {
    color: #273656;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    line-height: 1.571rem;
    padding: 8px 8px 0
}

.listing-map-cards__name {
    max-width: calc(100% - 70px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-map-cards__code {
    color: #486688;
    white-space: pre
}

.listing-map-cards__price-availability {
    align-items: flex-end;
    background-color: #f3f7fc;
    display: flex;
    justify-content: space-between;
    padding: 8px
}

.listing-map-cards__price-availability .map-card-flexible-dates {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.listing-map-cards__price-availability .map-card-flexible-dates__text {
    color: #486688;
    font-size: .857rem;
    line-height: 1.429rem
}

.listing-map-cards__availability {
    align-items: flex-end;
    color: #273656;
    display: flex;
    font-size: .857rem;
    font-weight:var(--fw-regular);
    line-height: 1.429rem
}

.listing-map-cards__price-utilities {
    display: flex;
    flex-direction: column;
    height: 65px;
    justify-content: flex-end
}

@media(min-width: 992px) {
    .listing-map-cards__price-utilities {
        height:auto
    }
}

.listing-map-cards__price {
    align-items: flex-end;
    color: #273656;
    display: flex;
    font-weight:var(--fw-regular)
}

.listing-map-cards__price-prefix {
    font-size: .857rem;
    line-height: 1.429rem;
    margin-right: 2px
}

.listing-map-cards__price-suffix {
    font-size: .857rem;
    line-height: 1.429rem;
    margin-left: 2px
}

.listing-map-cards__price-amount {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    top: 2px
}

.listing-map-cards__price-amount .price {
    color: #273656;
    display: inline;
    font-size: 1.286rem;
    font-weight:var(--fw-semibold);
    line-height: 2rem
}

.listing-map-cards__price-amount--AED .price,.listing-map-cards__price-amount--CHF .price,.listing-map-cards__price-amount--DKK .price,.listing-map-cards__price-amount--HKD .price,.listing-map-cards__price-amount--MXN .price,.listing-map-cards__price-amount--SGD .price {
    font-size: 1.143rem;
    line-height: 1.857rem
}

.listing-map-cards__price-amount--AED .price__currency--modified,.listing-map-cards__price-amount--CHF .price__currency--modified,.listing-map-cards__price-amount--DKK .price__currency--modified,.listing-map-cards__price-amount--HKD .price__currency--modified,.listing-map-cards__price-amount--MXN .price__currency--modified,.listing-map-cards__price-amount--SGD .price__currency--modified {
    font-size: 1rem;
    line-height: 1.571rem
}

.listing-map-cards__price-discount {
    margin-bottom: -8px;
    text-align: right
}

.listing-map-cards__price-discount.price {
    color: #c84337;
    display: block;
    font-size: .857rem;
    font-weight:var(--fw-regular);
    line-height: 1.429rem;
    text-decoration: line-through
}

.listing-map-cards__price-discount.price .price__currency--modified {
    font-size: .857rem;
    line-height: 1.429rem
}

.listing-map-cards__utilities-info {
    margin-right: 8px;
    margin-top: 2px
}

.listing-map-cards__utilities-info .popover__title {
    font-size: .857rem;
    line-height: 1.429rem;
    max-width: 226px
}

.listing-map-cards__wishlisted {
    position: absolute!important;
    right: 20px;
    top: 20px;
    z-index: 1
}

.direction-arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
    z-index: 1
}

.direction-arrow img {
    height: 24px;
    width: 24px
}

.direction-arrow.focus-visible.js-focus-visible,.direction-arrow:hover,.js-focus-visible .direction-arrow.focus-visible {
    background-color: #f8f8f7
}

.direction-arrow:focus-visible,.direction-arrow:hover {
    background-color: #f8f8f7
}

.direction-arrow.focus-visible.js-focus-visible,.js-focus-visible .direction-arrow.focus-visible {
    outline: 2px solid #4674a4;
    outline-offset: 0
}

.direction-arrow:focus-visible {
    outline: 2px solid #4674a4;
    outline-offset: 0
}

.direction-arrow--left img {
    transform: rotate(180deg)
}

.map-categories__wrapper {
    height: 42px;
    margin-bottom: 8px;
    position: relative;
    width: 100%
}

.map-categories__wrapper--fullscreen {
    margin-left: -8px
}

@media(min-width: 768px) {
    .map-categories__wrapper--fullscreen {
        margin-left:16px;
        width: 95%
    }
}

.map-categories__wrapper .cover {
    display: none
}

@media(min-width: 768px) {
    .map-categories__wrapper .cover {
        background-color:#fff;
        display: block;
        height: 100%;
        position: absolute;
        width: 20px;
        z-index: 1
    }

    .map-categories__wrapper .cover--fullscreen {
        display: none
    }

    .map-categories__wrapper .cover--left {
        left: 0
    }

    .map-categories__wrapper .cover--right {
        right: 0
    }
}

.map-categories__arrow {
    display: none
}

.map-categories__arrow--transparent {
    background-color: transparent
}

@media(min-width: 768px) {
    .map-categories__arrow {
        align-items:center;
        display: flex
    }
}

.map-categories__arrow-section {
    align-items: center;
    display: flex;
    height: 42px;
    position: absolute;
    z-index: 1
}

.map-categories__arrow-section .direction-arrow {
    box-sizing: border-box;
    height: 42px!important;
    width: 42px!important
}

.map-categories__arrow-section--left-wider {
    left: -22px
}

.map-categories__arrow-section--right {
    right: 0
}

.map-categories__arrow-section--right-wider {
    right: -26px
}

.map-categories__list {
    margin: 0;
    padding: 4px 2px;
    width: 100%
}

.map-categories__list-item {
    font-family: hero-new,sans-serif;
    margin-left: 8px
}

.map-categories__list-container {
    display: flex
}

.map-categories__list-container .category-spacer {
    background-color: red;
    height: 38px;
    width: 0
}

.map-categories__list-container .category-spacer--left,.map-categories__list-container .category-spacer--right {
    width: 0
}

.map-categories__list-container:first-child .map-categories__list-item {
    margin-left: 0
}

.map-categories__list-container:first-child .category-spacer--left,.map-categories__list-container:last-child .category-spacer--right {
    width: 2px
}

@media(min-width: 768px) {
    .map-categories__list {
        padding:2px 0
    }
}

.map-categories__list--margin-right {
    right: 8px
}

.map-categories__list--margin-left {
    left: 8px
}

.map-categories__list .flicking-camera {
    z-index: 0
}

.listing-map-categories {
    bottom: 0;
    max-width: 1440px;
    width: calc(100% - 560px);
    z-index: 1000002
}

.listing-map-categories .map-categories__wrapper--fullscreen {
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%
}

.close-map-control {
    margin: 8px 0 0 8px;
    z-index: 1
}

.close-map-control__cta {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.close-map-control__cta.focus-visible.js-focus-visible,.close-map-control__cta:hover,.js-focus-visible .close-map-control__cta.focus-visible {
    background-color: #f8f8f7
}

.close-map-control__cta:focus-visible,.close-map-control__cta:hover {
    background-color: #f8f8f7
}

.close-map-control__cta.focus-visible.js-focus-visible,.js-focus-visible .close-map-control__cta.focus-visible {
    outline: 2px solid #4674a4
}

.close-map-control__cta:focus-visible {
    outline: 2px solid #4674a4
}

@media(min-width: 992px) {
    .close-map-control__cta {
        display:none
    }
}

.close-map-control__cta img {
    height: 18px;
    width: 18px
}

.filters-control {
    margin: 8px 8px 0 0;
    z-index: 1
}

@media(min-width: 768px) {
    .filters-control {
        display:none
    }
}

.filters-control__cta {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 40px;
    justify-content: center;
    line-height: 1.571rem;
    width: 40px
}

.filters-control__cta.focus-visible.js-focus-visible,.filters-control__cta:hover,.js-focus-visible .filters-control__cta.focus-visible {
    background-color: #f8f8f7
}

.filters-control__cta:focus-visible,.filters-control__cta:hover {
    background-color: #f8f8f7
}

.filters-control__cta.focus-visible.js-focus-visible,.js-focus-visible .filters-control__cta.focus-visible {
    outline: 2px solid #4674a4
}

.filters-control__cta:focus-visible {
    outline: 2px solid #4674a4
}

.filters-control__cta--active {
    border: 2px solid #4674a4
}

.filters-control__cta img {
    height: 16px;
    width: 16px
}

.filters-control__indicator {
    background-color: #4674a4;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px
}

.map-places-suggestions__input {
    background-size: 16px;
    font-family: hero-new,sans-serif;
    position: relative;
    transition: width .3s ease;
    transition-delay: .2s;
    width: 94px
}

@media(min-width: 992px) {
    .map-places-suggestions__input {
        transition-delay:0s;
        width: 170px
    }
}

.map-places-suggestions__input:hover .map-places-suggestions__search-input {
    background-color: #f8f8f7
}

.map-places-suggestions__input .mask {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.map-places-suggestions__input .mask--visible {
    display: none
}

@media(min-width: 992px) {
    .map-places-suggestions__input .mask--visible {
        display:block
    }
}

.map-places-suggestions__input .mask__with-text {
    width: calc(100% - 32px)
}

.map-places-suggestions__input.has-text,.map-places-suggestions__input:focus-within {
    width: 220px
}

@media(min-width: 992px) {
    .map-places-suggestions__input.has-text,.map-places-suggestions__input:focus-within {
        width:260px
    }
}

.map-places-suggestions__input-container {
    align-items: center;
    display: flex;
    justify-content: center;
    max-width: 220px
}

@media(min-width: 992px) {
    .map-places-suggestions__input-container {
        max-width:260px
    }
}

.map-places-suggestions__input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(https://cdn.theblueground.com/website/static/img/magnifier-blue-main-s.7653940d439856af3da2.svg) no-repeat 10px;
    border: none;
    border-radius: 24px;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    box-sizing: border-box;
    font-size: 1rem;
    height: 40px;
    line-height: 1.571rem;
    padding: 0 32px 0 40px;
    text-indent: 0;
    text-overflow: ellipsis;
    transition: width .3s ease;
    width: 100%
}

.map-places-suggestions__input input:-moz-placeholder-shown {
    cursor: pointer;
    padding: 0 8px 0 34px;
    text-overflow: ellipsis
}

.map-places-suggestions__input input:placeholder-shown {
    cursor: pointer;
    padding: 0 8px 0 34px;
    text-overflow: ellipsis
}

@media(min-width: 992px) {
    .map-places-suggestions__input input:-moz-placeholder-shown {
        padding:0 0 0 34px
    }

    .map-places-suggestions__input input:placeholder-shown {
        padding: 0 0 0 34px
    }
}

.map-places-suggestions__input input::-moz-placeholder {
    color: #273656
}

.map-places-suggestions__input input::placeholder {
    color: #273656
}

.js-focus-visible .map-places-suggestions__input input.focus-visible,.map-places-suggestions__input input:hover,.map-places-suggestions__input.js-focus-visible input.focus-visible {
    background-color: #f8f8f7
}

.map-places-suggestions__input input:focus-visible,.map-places-suggestions__input input:hover {
    background-color: #f8f8f7
}

.js-focus-visible .map-places-suggestions__input input.focus-visible,.map-places-suggestions__input.js-focus-visible input.focus-visible {
    outline: 2px solid #4674a4
}

.map-places-suggestions__input input:focus-visible {
    outline: 2px solid #4674a4
}

.map-places-suggestions__input .clear-button {
    display: none;
    height: 40px;
    max-height: unset;
    position: absolute;
    right: 4px;
    top: 0;
    width: 32px
}

.map-places-suggestions__input .clear-button--visible {
    display: flex
}

.map-places-suggestions__dialog .dialog__container {
    height: 80vh
}

.map-places-suggestions__dialog-container .map-places-suggestions__input {
    width: 100%!important
}

.map-places-suggestions__dialog-container .map-places-suggestions__input input {
    border-radius: 4px!important;
    font-size: 16px
}

.pac-container,.pac-container.hdpi,.pac-container.pac-logo {
    border: none;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    box-shadow: none;
    box-sizing: border-box;
    font-family: hero-new,sans-serif;
    margin-left: 2px;
    margin-top: 4px;
    padding: 8px
}

.pac-container.hdpi:after,.pac-container.pac-logo:after,.pac-container:after {
    display: none
}

@media(min-width: 992px) {
    .pac-container,.pac-container.hdpi,.pac-container.pac-logo {
        box-shadow:0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2)
    }
}

.pac-container .pac-item,.pac-container.hdpi .pac-item,.pac-container.pac-logo .pac-item {
    align-items: center;
    border: none;
    border-radius: 4px;
    color: #273656;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    line-height: 1.571rem;
    opacity: 1;
    padding: 8px
}

.pac-container .pac-item:hover,.pac-container.hdpi .pac-item:hover,.pac-container.pac-logo .pac-item:hover {
    background-color: #f8f8f7
}

.pac-container .pac-item span:last-child,.pac-container.hdpi .pac-item span:last-child,.pac-container.pac-logo .pac-item span:last-child {
    overflow: hidden;
    text-overflow: ellipsis
}

.pac-container .pac-icon,.pac-container .pac-logo:after,.pac-container.hdpi .pac-icon,.pac-container.hdpi .pac-logo:after,.pac-container.pac-logo .pac-icon,.pac-container.pac-logo .pac-logo:after {
    display: none!important
}

.pac-container .pac-item-selected,.pac-container .pac-item-selected:hover,.pac-container.hdpi .pac-item-selected,.pac-container.hdpi .pac-item-selected:hover,.pac-container.pac-logo .pac-item-selected,.pac-container.pac-logo .pac-item-selected:hover {
    background-color: #f8f8f7;
    opacity: 1
}

.pac-container .pac-matched,.pac-container.hdpi .pac-matched,.pac-container.pac-logo .pac-matched {
    font-size: 1rem;
    font-weight:var(--fw-semibold)!important;
    line-height: 1.571rem
}

.pac-container .pac-item-query,.pac-container.hdpi .pac-item-query,.pac-container.pac-logo .pac-item-query {
    color: #273656;
    font-size: 1rem;
    line-height: 1.571rem
}

@media(min-width: 992px) {
    .pac-container .pac-item,.pac-container.hdpi .pac-item,.pac-container.pac-logo .pac-item {
        align-items:center;
        border: none;
        border-radius: 4px;
        color: #273656;
        cursor: pointer;
        display: flex;
        font-size: 1rem;
        line-height: 1.571rem;
        opacity: 1;
        padding: 8px
    }

    .pac-container .pac-item:hover,.pac-container.hdpi .pac-item:hover,.pac-container.pac-logo .pac-item:hover {
        background-color: #f8f8f7
    }

    .pac-container .pac-item span:last-child,.pac-container.hdpi .pac-item span:last-child,.pac-container.pac-logo .pac-item span:last-child {
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.places-suggestions {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: hero-new,sans-serif;
    margin-top: 8px;
    max-width: 546px;
    pointer-events: none;
    position: relative;
    width: 100%
}

.places-suggestions__no-results {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    font-family: hero-new,sans-serif;
    font-size: 1rem;
    line-height: 1.571rem;
    margin: 4px 8px 0;
    max-width: 580px;
    min-width: 320px;
    padding: 16px;
    pointer-events: all;
    width: 85%
}

@media(min-width: 992px) {
    .places-suggestions__no-results {
        display:block;
        width: 100%
    }

    .places-suggestions__no-results--hide {
        display: none
    }
}

.places-suggestions__message-container {
    margin-top: 8px;
    min-width: 320px;
    pointer-events: all;
    width: 85%
}

@media(min-width: 992px) {
    .places-suggestions__message-container {
        display:flex;
        min-width: 370px;
        width: 100%
    }

    .places-suggestions__message-container--hide {
        display: none
    }

    .places-suggestions {
        transition: transform .5s
    }

    .places-suggestions--collapsed .places-suggestions__message-container {
        max-width: 398px
    }
}

.places-suggestions__message {
    display: inline
}

.places-suggestions__cta-group button {
    font-size: .857rem;
    line-height: 1.429rem;
    padding: 0
}

.places-suggestions__cta-group--inline {
    display: inline
}

.places-suggestions__divider {
    background-color: #273656;
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    position: relative;
    top: 2px;
    width: 1px
}

.places-suggestions .map-places-suggestions__input {
    pointer-events: all
}

.places-suggestions input::-moz-placeholder {
    opacity: 1
}

.places-suggestions input::placeholder {
    opacity: 1
}

.categories-controls {
    align-items: center;
    display: flex;
    left: 0!important;
    margin: 0 0 16px 8px;
    pointer-events: none;
    width: calc(100% - 58px);
    z-index: 1000001
}

@media(min-width: 992px) {
    .categories-controls {
        width:calc(100% - 142px)
    }
}

.categories-controls__expand-collapse-cta {
    display: none;
    pointer-events: all
}

@media(min-width: 992px) {
    .categories-controls__expand-collapse-cta {
        align-items:center;
        background-color: #fff;
        border: none;
        border-radius: 24px;
        box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
        box-sizing: border-box;
        color: #273656;
        cursor: pointer;
        display: flex;
        font-family: hero-new,sans-serif;
        font-size: 1rem;
        height: 40px;
        line-height: 1.571rem;
        padding: 8px 12px
    }

    .categories-controls__expand-collapse-cta.focus-visible.js-focus-visible,.categories-controls__expand-collapse-cta:hover,.js-focus-visible .categories-controls__expand-collapse-cta.focus-visible {
        background-color: #f8f8f7
    }

    .categories-controls__expand-collapse-cta:focus-visible,.categories-controls__expand-collapse-cta:hover {
        background-color: #f8f8f7
    }

    .categories-controls__expand-collapse-cta.focus-visible.js-focus-visible,.js-focus-visible .categories-controls__expand-collapse-cta.focus-visible {
        outline: 2px solid #4674a4
    }

    .categories-controls__expand-collapse-cta:focus-visible {
        outline: 2px solid #4674a4
    }

    .categories-controls__expand-collapse-cta img {
        margin: 0 8px 2px 0
    }

    .categories-controls__expand-collapse-cta--left {
        transform: rotate(180deg)
    }
}

.categories-controls__display-categories-cta {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 24px;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    color: #273656;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    height: 40px;
    justify-content: center;
    line-height: 1.571rem;
    padding: 8px 12px;
    pointer-events: all
}

.categories-controls__display-categories-cta.focus-visible.js-focus-visible,.categories-controls__display-categories-cta:hover,.js-focus-visible .categories-controls__display-categories-cta.focus-visible {
    background-color: #f8f8f7
}

.categories-controls__display-categories-cta:focus-visible,.categories-controls__display-categories-cta:hover {
    background-color: #f8f8f7
}

.categories-controls__display-categories-cta.focus-visible.js-focus-visible,.js-focus-visible .categories-controls__display-categories-cta.focus-visible {
    outline: 2px solid #4674a4
}

.categories-controls__display-categories-cta:focus-visible {
    outline: 2px solid #4674a4
}

@media(min-width: 992px) {
    .categories-controls__display-categories-cta {
        display:none
    }
}

.categories-controls__display-categories-cta img {
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.categories-controls__display-categories-cta span {
    position: relative;
    top: 1px
}

.categories-controls__clear-category-cta {
    align-items: center;
    background-color: #f3f7fc;
    border: 1px solid #4674a4;
    border-radius: 24px;
    cursor: pointer;
    display: flex;
    height: 38px;
    margin-left: 8px;
    padding: 0 0 0 16px;
    pointer-events: all
}

@media(min-width: 992px) {
    .categories-controls__clear-category-cta {
        left:calc(50% + 62px);
        margin-left: 0;
        position: absolute;
        transform: translateX(-50%)
    }
}

.categories-controls__clear-category-cta.focus-visible.js-focus-visible,.js-focus-visible .categories-controls__clear-category-cta.focus-visible {
    outline: 2px solid #4674a4
}

.categories-controls__clear-category-cta:focus-visible {
    outline: 2px solid #4674a4
}

@media(min-width: 992px) {
    .categories-controls__clear-category-cta--hidden {
        display:none
    }
}

.categories-controls__clear-category-cta img {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.categories-controls__redo-search-cta {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e3dede;
    border-radius: 24px;
    bottom: 50px;
    color: #273656;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-size: 1rem;
    height: 40px;
    justify-content: center;
    left: calc(50% + 21px);
    line-height: 1.571rem;
    padding: 8px 12px;
    pointer-events: all;
    position: absolute;
    transform: translateX(-50%)
}

@media(min-width: 992px) {
    .categories-controls__redo-search-cta {
        left:calc(50% + 62px)
    }
}

.categories-controls__redo-search-cta.focus-visible.js-focus-visible,.js-focus-visible .categories-controls__redo-search-cta.focus-visible {
    outline: 2px solid #4674a4
}

.categories-controls__redo-search-cta:focus-visible {
    outline: 2px solid #4674a4
}

.categories-controls__redo-search-cta span {
    margin-left: 8px;
    position: relative;
    top: 1px;
    white-space: nowrap
}

.categories-controls__redo-search-cta img {
    height: 16px;
    width: 16px
}

.categories-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -16px
}

.categories-list__item {
    margin: 16px 0 0 8px
}

.listing-map {
    height: 100%;
    width: 100%
}

.listing-map .map-controls {
    margin-right: 0
}

.listing-map__container {
    height: 100%;
    width: 100%
}

.listing-map__mobile-cards {
    background-color: #fff;
    border-radius: 8px;
    bottom: 8px;
    box-shadow: 0 2px 4px rgba(39,54,86,.14),0 1px 10px rgba(39,54,86,.2);
    box-sizing: border-box;
    left: 50%;
    max-width: calc(100% - 16px);
    position: absolute;
    transform: translate3d(-50%,0,0);
    z-index: 2
}

.listing-map .gm-style .gm-style-iw {
    background-color: #fff;
    border-radius: 8px!important;
    max-width: 344px!important;
    overflow: visible!important;
    width: 344px!important
}

.listing-map .gm-style .gm-style-iw-c {
    padding: 8px 8px 0!important;
    top: 5px
}

.listing-map .gm-style .gm-style-iw-d {
    background-color: #fff!important;
    margin-right: 0;
    max-width: 328px!important;
    overflow: auto!important;
    width: 328px!important
}

.listing-map .gm-style .gm-style-iw-d::-webkit-scrollbar {
    -webkit-appearance: none!important;
    appearance: none!important;
    background-color: #fff!important;
    width: 0!important
}

.listing-map .gm-style .gm-style-iw-d::-webkit-scrollbar-thumb {
    background-color: #fff!important;
    border-color: #fff!important;
    border-radius: 6px!important
}

.listing-map .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {
    background-color: #fff!important
}

.listing-map .gm-style .gm-style-iw-tc {
    display: none
}

.listing-map .gm-style button.gm-ui-hover-effect[title=Close] {
    display: none!important
}

.listing-map .gm-style .listing-map__pois-info-window {
    background-color: #fff!important;
    border: 1px solid #e3dede;
    border-radius: 4px!important;
    box-shadow: none!important;
    padding: 8px!important;
    top: 7px!important;
    width: auto!important
}

.listing-map .gm-style .listing-map__pois-info-window+.gm-style-iw-tc {
    display: none
}

.listing-map .gm-style .listing-map__pois-info-window .gm-style-iw-d {
    background-color: #fff!important;
    max-width: none!important;
    overflow: hidden!important;
    width: auto!important
}

.listing-map .gm-style .listing-map__pois-info-window.gm-style-iw button.gm-ui-hover-effect {
    background: none!important;
    box-shadow: none;
    display: block!important;
    height: 20px!important;
    opacity: 1!important;
    right: 8px!important;
    top: 8px!important;
    width: 20px!important
}

.listing-map .gm-style .listing-map__pois-info-window.gm-style-iw button.gm-ui-hover-effect span {
    background: url(https://cdn.theblueground.com/website/static/img/x-denim.5fda643db3e2f57585c8.svg) no-repeat 50%!important;
    display: block!important;
    height: inherit!important;
    margin: inherit!important;
    width: inherit!important
}

.listing-map .gm-style .listing-map__pois-info-window.gm-style-iw button.gm-ui-hover-effect:hover span {
    background: url(https://cdn.theblueground.com/website/static/img/x-blue-main.f89eb6031ceb0e24307c.svg) no-repeat 50%!important
}

.listing-map .gm-style .listing-map__place-info-window {
    background-color: #fff;
    border: 1px solid #e3dede;
    border-radius: 4px!important;
    box-shadow: none!important;
    box-sizing: border-box;
    padding: 8px!important
}

.listing-map .gm-style .listing-map__place-info-window+.gm-style-iw-tc {
    display: none
}

.listing-map .gm-style .listing-map__place-info-window.gm-style-iw {
    border-radius: 4px!important;
    font-family: hero-new,sans-serif;
    font-size: .857rem;
    line-height: 1.429rem;
    max-width: 242px!important;
    top: 7px;
    width: -moz-fit-content!important;
    width: fit-content!important
}

.listing-map .gm-style .listing-map__place-info-window.gm-style-iw .gm-style-iw-d {
    background-color: #fff!important;
    margin-right: 16px;
    max-width: 200px!important;
    overflow: auto!important;
    width: 100%!important
}

.listing-map .gm-style .listing-map__place-info-window .selected-place-info-window {
    background-color: #fff
}

.listing-map .gm-style .listing-map__place-info-window button.gm-ui-hover-effect[title=Close] {
    background: url(https://cdn.theblueground.com/website/static/img/x-denim.5fda643db3e2f57585c8.svg) no-repeat 50%!important;
    background-size: 16px 16px!important;
    box-shadow: none!important;
    display: block!important;
    height: 20px!important;
    opacity: 1!important;
    right: 4px!important;
    top: 5px!important;
    width: 20px!important
}

.listing-map .gm-style .listing-map__place-info-window button.gm-ui-hover-effect[title=Close]:hover {
    background: url(https://cdn.theblueground.com/website/static/img/x-blue-main.f89eb6031ceb0e24307c.svg) no-repeat 50%!important;
    background-size: 18px 18px!important
}

.listing-map .gm-style .listing-map__place-info-window button.gm-ui-hover-effect[title=Close] span {
    display: none!important
}

    @media screen and (max-width: 450px) 
    {
        div.mapStudio
        {
             height:300px;
        }
       
    
    }

    @media(min-width: 768px) {
        .listing-map .map-controls__cta--zoom-in,.listing-map .map-controls__cta--zoom-out,.listing-map .map-layers__mobile-container {
            display:flex
        }
    }

    @media(min-width: 992px) {
        .listing-map .map-layers__mobile-container {
            display:none
        }
    }

    @media(min-width: 768px) {
        .listing-map .map-layers__desktop-container {
            display:none
        }
    }

    @media(min-width: 992px) {
        .listing-map .map-layers__desktop-container {
            display:block
        }
    }
.is-bounce { animation: fvPop .45s ease; }
@keyframes fvPop {
  0% { transform: translate(0%, -0%) scale(1); }
  40% { transform: translate(0%, 30%) scale(1.15); }
  100% { transform: translate(0%, 0%) scale(1); }
}