.custom-map-main-container .automatic-positioning {
    padding: 16px 80px;
    background: #D3D5D6;
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
    display: none
}

.custom-map-main-container .automatic-positioning .automatic-positioning-cnt {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    line-height: 1.6;
    float: left
}

.custom-map-main-container .automatic-positioning .automatic-positioning-cnt a {
    color: #047cff
}

.custom-map-main-container .automatic-positioning .automatic-bnt-wrap {
    float: left;
    margin-left: 107px;
    height: 32px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.custom-map-main-container .automatic-positioning .automatic-bnt-wrap .mkt-btn.btn-frosted-white, 
.custom-map-main-container .automatic-positioning .automatic-bnt-wrap .mkt-btn.btn-frosted-black, 
.custom-map-main-container .automatic-positioning .automatic-bnt-wrap .mkt-btn.btn-frosted-grey {
    padding: 8px 16px;
    font-size: 12px;
}

.custom-map-main-container .automatic-positioning .automatic-bnt-wrap a.bnt-yes {
    /* border: 2px solid rgba(255, 255, 255, 0.30); */
    /* background: #000;
    color: #fff;
    border-radius: 8px;
    margin-right: 16px;
    padding: 8px 16px 7.5px; */
}

.custom-map-main-container .automatic-positioning .automatic-positioning-cnt-mobile {
    display: none
}

.custom-map-main-container .automatic-positioning .automatic-positioning-cnt-wrap{
    display: flex;
    align-items: center;
}

/* @media only screen and (min-width:1199.98px) {
    .custom-map-main-container .automatic-positioning .automatic-bnt-wrap a.bnt-yes {
        border: 2px solid #4d4d4d;
    }

    .custom-map-main-container .automatic-positioning .automatic-bnt-wrap a.bnt-yes:hover {
        border: 2px solid #fff
    }
} */

@media only screen and (min-width:991.98px) {
    .custom-map-main-container .search-store-wrap .map-wrap {
        height: 0;
        overflow: hidden
    }
}
@media (max-width:1079.5px){
    .custom-map-main-container .automatic-positioning{
        padding: 16px 40px;
    }
    .custom-map-main-container .automatic-positioning .automatic-bnt-wrap{
        margin-left: 187px;
        flex-shrink: 0;
    }

    .custom-map-main-container .automatic-positioning .automatic-positioning-cnt{
        flex-shrink: 1;
    }
}

@media only screen and (max-width:767.5px) {
    .custom-map-main-container .automatic-positioning {
        padding: 0;
        height: 100%;
        background: transparent;
        z-index: 99999;
        top: 0;
        display: none
    }

    .custom-map-main-container .automatic-positioning:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5)
    }

    .custom-map-main-container .automatic-positioning .automatic-positioning-cnt-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        background: #D3D5D6;
        border-radius: 24px;
        width: 328px;
        height: 174px;
        padding: 32px 20px;
        display: block;
    
    }

    .custom-map-main-container .automatic-positioning .automatic-positioning-cnt {
        display: none
    }

    .custom-map-main-container .automatic-positioning .automatic-positioning-cnt-mobile {
        display: block;
        text-align: center
    }
      .custom-map-main-container .automatic-positioning   .container-border {
            --gradient-reg: var(--gradient-reg-default, 0deg);
            position: relative;
            background: rgba(138, 138, 138, 0.2);
        }

       .custom-map-main-container .automatic-positioning  .container-border>.border-white {
            pointer-events: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: var(--border-z-index, 10);
            -webkit-mask: linear-gradient(#fff, #fff) content-box,linear-gradient(#fff, #fff);
            mask: linear-gradient(#fff, #fff) content-box,linear-gradient(#fff, #fff);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            padding: .5px;
            opacity: .5;
            border-radius: inherit;
            z-index: 5
        }

      .custom-map-main-container .automatic-positioning   .container-border>.border-white::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 110%;
            height: 110%;
            box-sizing: border-box;
            transition: transform cubic-bezier(0.8, 0.1, 0.2, 0.9) .5s;
            transform: translate(-50%, -50%) rotate(var(--gradient-reg, 0deg));
            background-image: linear-gradient(to right top, rgba(255, 255, 255, 0) 25%, rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0) 75%);
            /* border-radius: inherit */
        }
        .custom-map-main-container .automatic-positioning   .container-border> svg{
            width: 100%;
            height: 100%;
        }

    .custom-map-main-container .automatic-positioning .mobile-close {
        position: absolute;
        display: inline-block;
        width: 32px;
        height: 32px;
        /* background: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32.000000' height='32.000000' fill='none' customFrame='%23000000'%3E%3Cdefs%3E%3Cg id='pixso_custom_effect_0'%3E%3Ceffect visibility='visible' effectType='backgroundBlur' saturation='0' stdDeviation='27.4285736' /%3E%3C/g%3E%3Cfilter id='filter_0' width='32.000000' height='32.000000' x='0.000000' y='0.000000' filterUnits='userSpaceOnUse' customEffect='url(%23pixso_custom_effect_0)' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend result='shape' in='SourceGraphic' in2='BackgroundImageFix' mode='normal' /%3E%3C/filter%3E%3CclipPath id='outline_mask_0' transform='matrix(1,0,0,1,-0,-0)'%3E%3Cpath d='M32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16Z' fill='rgb(255,255,255)' fill-rule='evenodd' transform='matrix(0,-1,-1,0,32,32)' /%3E%3C/clipPath%3E%3ClinearGradient id='paint_custom_gradient_0'%3E%3Cstop stop-color='rgb(255,255,255)' offset='0' stop-opacity='1' /%3E%3Cstop stop-color='rgb(255,255,255)' offset='0.246835455' stop-opacity='0' /%3E%3Cstop stop-color='rgb(255,255,255)' offset='0.5' stop-opacity='1' /%3E%3Cstop stop-color='rgb(255,255,255)' offset='0.746491671' stop-opacity='0' /%3E%3Cstop stop-color='rgb(255,255,255)' offset='1' stop-opacity='1' /%3E%3C/linearGradient%3E%3Cmask id='outline_mask_1'%3E%3Cpath d='M32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C24.8366 32 32 24.8366 32 16ZM12.5616 0.777608C13.6794 0.525868 14.8255 0.399998 16 0.399998C17.1744 0.399999 18.3205 0.525857 19.4382 0.777571C20.3344 0.979393 21.2124 1.26212 22.0721 1.62576C22.4652 1.79201 22.8501 1.97378 23.2269 2.17107C23.7403 2.43989 24.2386 2.73754 24.7218 3.064C25.1031 3.32157 25.4716 3.59482 25.8274 3.88374C26.2462 4.22382 26.6474 4.58562 27.0309 4.96913C27.4145 5.35277 27.7764 5.75406 28.1166 6.17299C28.4054 6.52867 28.6785 6.89706 28.936 7.27817C29.2622 7.76098 29.5596 8.25885 29.8282 8.77179C30.0258 9.14901 30.2078 9.53438 30.3742 9.9279C30.7379 10.7876 31.0206 11.6655 31.2224 12.5616C31.4741 13.6794 31.6 14.8255 31.6 16C31.6 17.1743 31.4742 18.3203 31.2225 19.438C31.0207 20.3343 30.7379 21.2123 30.3742 22.0721C30.2079 22.4654 30.026 22.8505 29.8286 23.2274C29.5599 23.7407 29.2623 24.2388 28.936 24.7218C28.6785 25.103 28.4053 25.4715 28.1164 25.8273C27.7763 26.2461 27.4144 26.6473 27.0309 27.0309C26.6473 27.4144 26.2461 27.7763 25.8273 28.1164C25.4715 28.4052 25.103 28.6785 24.7218 28.936C24.2389 29.2623 23.7409 29.5597 23.2278 29.8284C22.8507 30.0259 22.4655 30.2078 22.0721 30.3742C21.2124 30.7379 20.3344 31.0206 19.4382 31.2224C18.3205 31.4741 17.1744 31.6 16 31.6C14.8255 31.6 13.6794 31.4741 12.5616 31.2224C11.6655 31.0206 10.7876 30.7379 9.9279 30.3742C9.53434 30.2078 9.14893 30.0258 8.77167 29.8282C8.25877 29.5595 7.76094 29.2622 7.27817 28.936C6.89726 28.6787 6.52906 28.4057 6.17357 28.1171C5.75443 27.7767 5.35295 27.4147 4.96913 27.0309C4.58562 26.6474 4.22383 26.2462 3.88376 25.8274C3.59483 25.4716 3.32157 25.1031 3.064 24.7218C2.73749 24.2385 2.4398 23.7401 2.17095 23.2266C1.9737 22.8499 1.79197 22.4651 1.62576 22.0721C1.26208 21.2122 0.97932 20.3342 0.777494 19.4379C0.52583 18.3203 0.399998 17.1743 0.399998 16C0.399999 14.8255 0.52587 13.6794 0.777611 12.5616C0.979429 11.6655 1.26215 10.7876 1.62576 9.9279C1.79225 9.53428 1.9743 9.14881 2.17192 8.7715C2.44052 8.25866 2.73788 7.76088 3.064 7.27817C3.32141 6.89714 3.59449 6.52883 3.88322 6.17324C4.22345 5.75422 4.58542 5.35285 4.96913 4.96913C5.35279 4.58548 5.75409 4.22356 6.17304 3.88337C6.5287 3.59458 6.89708 3.32146 7.27817 3.064C7.76117 2.73769 8.25924 2.44017 8.7724 2.17145C9.14943 1.97401 9.53459 1.79211 9.9279 1.62576C10.7876 1.26214 11.6655 0.979427 12.5616 0.777608Z' fill='rgb(255,255,255)' fill-rule='evenodd' transform='matrix(0,-1,-1,0,32,32)' /%3E%3C/mask%3E%3C/defs%3E%3Crect id='关闭' width='32.000000' height='32.000000' x='0.000000' y='0.000000' /%3E%3Cg data-pixso-skip-parse='true'%3E%3CforeignObject width='32.000000' height='32.000000' x='0.000000' y='0.000000'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='clip-path:url(%23outline_mask_0);height:100%25;backdrop-filter:blur(13.714287px);width:100%25;-webkit-backdrop-filter:blur(13.714287px);' /%3E%3C/foreignObject%3E%3C/g%3E%3Cg filter='url(%23filter_0)'%3E%3Ccircle id='椭圆 16' cx='16' cy='16' r='16' fill='rgb(138,138,138)' fill-opacity='0.200000003' transform='matrix(0,-1,-1,0,32,32)' /%3E%3Ccircle id='椭圆 16' cx='16' cy='16' r='15.8000002' stroke='rgb(0,0,0)' stroke-opacity='0' stroke-width='0.400000006' customGradient='url(%23custom_gradient_0)' transform='matrix(0,-1,-1,0,32,32)' /%3E%3Cg id='custom_gradient_0' opacity='0.5' angularGradient='url(%23paint_custom_gradient_0); 27.800005 5.300004 15.799996 15.800004 5.299999 3.799996' mask='url(%23outline_mask_1)'%3E%3Cg transform='matrix(0,-1,-1,0,32,32)'%3E%3CforeignObject width='32.000000' height='32.000000' x='0.000000' y='0.000000'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from -41.185898deg, rgb(255,255,255) 0%25, rgb(255,255,255) 24.6835%25, rgb(255,255,255) 50%25, rgb(255,255,255) 74.6492%25, rgb(255,255,255) 100%25, rgb(255,255,255) 100%25);mask:conic-gradient(from -41.185898deg, rgba(255,255,255,1) 0%25, rgba(255,255,255,0) 24.6835%25, rgba(255,255,255,1) 50%25, rgba(255,255,255,0) 74.6492%25, rgba(255,255,255,1) 100%25, rgba(255,255,255,1) 100%25);width:100%25;height:100%25;' /%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath id='矢量 1' d='M0 0L11.6366 0' stroke='rgb(97,97,99)' stroke-linecap='round' stroke-width='2.909091' transform='matrix(-0.707107,0.707107,-0.707107,-0.707107,20.1137,11.8862)' /%3E%3Cpath id='矢量 2' d='M0 0L11.6366 0' stroke='rgb(97,97,99)' stroke-linecap='round' stroke-width='2.909091' transform='matrix(-0.707107,-0.707106,0.707106,-0.707107,20.1137,20.1138)' /%3E%3C/svg%3E%0A"); */
        top: 16px;
        right: 16px;
        border-radius: 100%;
    }

    .custom-map-main-container .automatic-positioning .ap-mobile-title {
        font-size: 16px;
        color: #000;
        text-align: center;
        line-height: 1.25;
        font-weight: bolder
    }

    .custom-map-main-container .automatic-positioning .ap-mobile-cnt {
        padding-top: 16px;
        font-size: 14px;
        color: #000000;
        line-height: 1.25;
    }

    .custom-map-main-container .automatic-positioning .automatic-bnt-wrap {
        margin: 0 auto;
        padding-top: 24px;
        text-align: center;
        clear: both;
        float: none;
        height: auto;
        /* height: 72px;
        width: 100%;
        text-align: center */
    }

    /* .custom-map-main-container .automatic-positioning .automatic-bnt-wrap a {
        width: 120px;
        padding: 16px 10px;
        background: #000;
        color: #fff;
    } */

    /* .custom-map-main-container .automatic-positioning .automatic-bnt-wrap a.bnt-yes {
        padding: 14px 10px;
        background: #fff;
        color: #000;
        border: 2px solid rgba(0, 0, 0, 0.3)
    } */
     .custom-map-main-container .automatic-positioning .automatic-bnt-wrap{
        gap: 20px;
     }
}


.hidden-pc {
    display: none;
}

.custom-map {
  width: 100vw;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 140px;
}

.custom-map-title {
  width: calc(100vw - 160px);
  max-width: 1032px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}

.custom-map-container {
  height: 690px;
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  border: none;
  border-top: 1px solid rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.custom-map-search {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: absolute;
  height: 608px;
  width: 496px;
  top: 40px;
  left: 40px;
  /* overflow: hidden; */
  z-index: 1;
}

.custom-map-filter-container {
  width: auto;
  position: absolute;
  top: 44px;
  left: 296px;
}

.custom-map-filter-content {
  height: 0;
  width: 200px;
  background: rgba(241, 241, 241, 0.7);
  border-radius: 8px;
  backdrop-filter: blur(20px);
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: height 0.5s ease, opacity 0.5s ease;
  will-change: height, opacity;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.custom-map-filter-content .custom-map-border{
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: .5px;
  border-radius: 8px;
  opacity: .5;
}

.custom-map-filter-content .custom-map-border::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 100%;
  box-sizing: border-box;
  transition: transform cubic-bezier(0.8, 0.1, 0.2, 0.9) .5s;
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: linear-gradient(to right top, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 80%);
  border-radius: inherit
}

.custom-map-filter-container.active .custom-map-filter-content{
  height: 100%;
  opacity: 1;
}

.custom-map-filter-item-rule {
  width: 200px;
  height: 40px;
  padding: 12px;
  cursor: pointer;
}

.custom-map-filter-item-rule-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-map-filter-item-rule-text .custom-map-filter-item-rule-text-decs{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  transition: color 0.5s ease;
  will-change: color;
}

.custom-map-filter-item-rule-btn {
  opacity: 0;
  transition: opacity 0.5s ease;
  will-change: opacity;
}

.custom-map-filter-item-rule-btn>svg{
  width: 16px;
  height: 16px;
}

 .custom-map-filter-item-rule.active .custom-map-filter-item-rule-text .custom-map-filter-item-rule-text-decs{
  color: #000;
}

.custom-map-filter-item-rule.active .custom-map-filter-item-rule-text .custom-map-filter-item-rule-btn{
  opacity: 1;
}

.custom-map-filter-item-rule-num {
    color: #7F7F7F;
    display: none;
}

.custom-map-search-content-container {
  background: rgba(241, 241, 241, 0.7);
  border-radius: 8px;
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  width: 496px;
  height: 552px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.custom-map-filter-city-list-content-container {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
}

.custom-map-filter-city-list-content {
    display: flex;
    font-size: 14px;
    max-height: 300px;
}

.custom-map-filter-city-list-content>div {
    background-color: #FAFAFA;
    width: 33.3%;
    overflow: auto;
}

.custom-map-filter-city-list-content>div::-webkit-scrollbar {
    width: 4px
}

.custom-map-filter-city-list-content>div::-webkit-scrollbar-thumb {
    background: rgba(82, 82, 82, 0.30);
    border-radius: 2px
}

.custom-map-filter-city-list-content>div::-webkit-scrollbar-track {
    background: #f5f5f5
}

.custom-map-filter-city-list-content>div>div {
    cursor: pointer;
    padding: .5em 1em;
    opacity: .65;
}

.custom-map-filter-city-list-content .selected {
    background-color: #EEEEEE;
    opacity: 1;
}

.custom-map-store-full-contianer {
    height: 100%;
    overflow: auto;
    border-top: 1px rgba(0, 0, 0, 0.1) solid;
}

.custom-map-store-full-contianer::-webkit-scrollbar {
    width: 4px
}

.custom-map-store-full-contianer::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.30);
    border-radius: 3px
}

.custom-map-store-full-contianer::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05)
}

.custom-map-store-full-contianer .custom-map-filter-black-cards {
    display: none;
}

.custom-map-filter-black-card {
    display: none;
    background-color: #000000;
    color: #ffffff;
    align-items: center;
    padding: 0.5em 1em;
    border-radius: 1.5em;
    cursor: pointer;
    margin-right: 1em;
    margin-bottom: 1em;
}

.custom-map-filter-black-card.active {
    display: inline-flex;
}

.custom-map-filter-black-card-name {
    margin-right: .5em;
}

.custom-map-content {
    flex: 1;
    position: relative;
}
/* 
.custom-map-nearby-btn {
    background-color: #FFFFFF;
    border-radius: 2em;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    top: 3.375%;
    left: 5%;
    height: 3.5em;
    padding: .75em 1.625em;
    overflow: hidden;
    z-index: 2;
}

.custom-map-nearby-btn svg {
    margin-right: .4em;
} */

#custom-map-item {
    height: 100%;
    width: 100%;
}

.custom-map-search-container {
  border-bottom: 1px;
  font-size: 14px;
  flex-shrink: 0;
  margin-bottom: 16px;
}

.custom-map-search-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.custom-map-search-input {
  width: 280px;
  height: 40px;
  position: relative;
}

.custom-map-search-mob-btn {
    display: none;
}

.custom-map-search-input-text{
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 280px;
  height: 40px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.custom-map-search-input-text .custom-map-border{
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: .5px;
  border-radius: 8px;
  opacity: .5;
}

.custom-map-search-input-text .custom-map-border::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 100%;
  box-sizing: border-box;
  transition: transform cubic-bezier(0.8, 0.1, 0.2, 0.9) .5s;
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: linear-gradient(to right top, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 80%);
  border-radius: inherit;
}


#custom-map-search {
  box-sizing: border-box;
  border-radius: 8px;
  width: 280px;
  height: 40px;
  padding-left: 12px;
  padding-right: 64px;
  border: 0.5px solid transparent;
  backdrop-filter: blur(20px);
  background-color: rgba(241, 241, 241, 0.7);
}

.custom-map-search-filter {
  background: rgba(241, 241, 241, 0.7);
  border-radius: 8px;
  backdrop-filter: blur(20px);
  width: 200px;
  height: 40px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.custom-map-search-filter .custom-map-border{
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: .5px;
  border-radius: 8px;
  opacity: .5;
}

.custom-map-search-filter .custom-map-border::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 100%;
  box-sizing: border-box;
  transition: transform cubic-bezier(0.8, 0.1, 0.2, 0.9) .5s;
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: linear-gradient(to right top, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 80%);
  border-radius: inherit;
}

.custom-map-search-filter-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 12px;
  width: 176px;
}

.custom-map-search-filter-content .custom-map-search-filter-text{
  font-size: 14px;
  color: #000;
  line-height: 1;
  font-weight: 400;
}

.custom-map-search-filter-content .custom-map-search-filter-svg{
  transform: rotate(0deg);
  transition: transform 0.4s linear;
  will-change: transform;
}

.custom-map-search-filter-content .custom-map-search-filter-svg>svg {
  width: 16px;
  height: 16px;
}

.custom-map-search-filter-content .custom-map-search-filter-svg.active{
  transform: rotate(-180deg);
}


.tangram-suggestion .route-icon {
    background: none;
    color: #7F7F7F;
    padding-left: 0;
}

.custom-map-store-list-btn {
    display: none;
}

.custom-map-search-button {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  height: 50%;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
}

.custom-map-search-button svg {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}

.custom-map-search-text {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 1.6;
  padding: 20px 0 16px 32px;
  font-weight: bold;
}


.custom-map-search-text .search-text {
    display: none;
}



.custom-map-search-text[data-index="0"] .search-text-default {
    display: block;
}

.custom-map-search-text[data-index="1"] .search-text-result {
    display: block;
}

.custom-map-search-text[data-index="2"] .search-text-nostore {
    display: block;
}

.custom-map-store-suggest-title {
    display: none;
    font-size: .8125vw;
    font-weight: bold;
    margin: 2.5% 5%;
}

.custom-map-store-container {
    position: relative;
}

.custom-map-store-container.swiper-wrapper{
    display: block;
}

.custom-map-store-learnmore-btn-container {
    display: none;
    justify-content: center;
    margin: 10% 0;
}

.custom-map-store-learnmore-btn {
    background-color: #000000;
    border-radius: 2.625em;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding: 1.33em 2.25em;
    display: flex;
    align-items: center;
}

/* .showfive .custom-map-store-learnmore-btn-container {
    display: flex;
} */

.custom-map-store-container::-webkit-scrollbar {
    width: 4px;
}

.custom-map-store-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.custom-map-store-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05)
}

.custom-map-store-container .store-item {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.5);
    padding: 16px 32px 0 32px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
}
.custom-map-store-container .store-item.store-active{
    background: rgba(0, 0, 0, 0.05);
}
.custom-map-store-container .store-item .store-item-boder{
    margin-top: 16px;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.custom-map-store-container .store-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    background: #000;
    user-select: none;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease;
}
.custom-map-store-container .store-item .custom-map-border{
    display: none;
}
.custom-map-store-container .store-noactive {
    background: rgba(0, 0, 0, 0.05);
}

.custom-map-store-container .store-item:last-child {
    border-bottom: none;
}

.custom-map-store-container .store-item-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.custom-map-store-container .store-item-row:nth-child(2) {
    align-items: flex-start;
    margin-bottom: 10px;
}

.custom-map-store-container .store-item-title {
    font-weight: bold;
    width: 70%;
    color: #000;
    font-size: 16px;
}
/* 
.custom-map-store-container .store-item-distance {
    color: #B2B2B2;
} */

.custom-map-store-container .store-item-address-container {
    display: flex;
    width: 79.5%;
    margin-bottom: 8px;
}

.custom-map-store-container .store-item-address {
    color: rgba(0, 0, 0, 0.5);
    word-break: break-word;
    font-weight: 400;
}

.custom-map-store-container .store-item-type {
    color: #CE0E2D;
    font-weight: bold;
    font-size: .8125em;
    display: none;
}

.store-item-phone-container {
    /* color: #B2B2B2; */
    display: flex;
    margin-bottom: 8px;
    width: 79.5%;
}

.store-item-phone-container a {
    color: rgba(0, 0, 0, 0.5);
}

.store-item-phone {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.store-item-time-container {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.store-item-time {
    display: flex;
    align-items: center;
    width: 79.5%;
    font-weight: 400;
}

.store-item-btn-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.store-item-btn-container {
    display: flex;
}

.store-item-detail-btn {
    display: none;
    margin-right: 5%;
}

.store-item-detail-btn a {
    background-color: #000000;
    border-radius: 2.625em;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: .625em 1.5em;
    display: flex;
    align-items: center;
}

.store-item-map-btn{
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.store-item-map-btn a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.store-item-map-btn a svg{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.store-item-map-btn .mkt-btn.btn-frosted-black{
    padding: 8px 16px;
}

.tangram-suggestion{
    height: 0;
    background: rgba(241, 241, 241, 0.7);
    border-radius: 8px;
    backdrop-filter: blur(20px);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: height 0.5s ease, opacity 0.5s ease;
    will-change: height, opacity;
    margin-top: 6px;
    border: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}

.tangram-suggestion .custom-map-border{
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: .5px;
  border-radius: 8px;
  opacity: .5;
}

.tangram-suggestion .custom-map-border::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 100%;
  box-sizing: border-box;
  transition: transform cubic-bezier(0.8, 0.1, 0.2, 0.9) .5s;
  transform: translate(-50%, -50%) rotate(0deg);
  background-image: linear-gradient(to right top, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 80%);
  border-radius: inherit;
}
.tangram-suggestion.active{
    height: 100%;
    opacity: 1;
}
.tangram-suggestion .suggest-item{
    /* box-sizing: content-box; */
    /* height: 40px; */
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}
.tangram-suggestion .suggest-item .business .strong{
    color: #000;
}
.tangram-suggestion .suggest-item:hover{
    background-color: rgba(0, 0, 0, 0.05);
}
/* .store-item-close-btn {
    cursor: pointer;
} */

.store-model-container {
    display: none;
}


/* .custom-map-main-container .custom-map-marker>div {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMicgaGVpZ2h0PSczMicgdmlld0JveD0nMCAwIDIyIDMyJz48cGF0aCBpZD0nQ29tYmluZWRfU2hhcGUnIGRhdGEtbmFtZT0nQ29tYmluZWQgU2hhcGUnIGQ9J00xMSwzMmExLDEsMCwwLDEtLjgtLjRDOS43ODEsMzEuMDM0LDAsMTcuNzU0LDAsMTFhMTEsMTEsMCwxLDEsMjIsMGMwLDYuNzgzLTkuNzgxLDIwLjAzNi0xMC4yLDIwLjZBMSwxLDAsMCwxLDExLDMyWk0xMSw2YTUsNSwwLDEsMCw1LDVBNS4wMDYsNS4wMDYsMCwwLDAsMTEsNlptMCw4YTMsMywwLDEsMSwzLTNBMywzLDAsMCwxLDExLDE0WicgZmlsbD0nI2NlNDk0OScvPjwvc3ZnPg==");
    width: 22px !important;
    height: 32px !important;
    transition: transform .5s ease;
    transform-origin: 50% 100%;
} */
.BMap_Marker.BMap_noprint{
    width: 22px !important;
    height: 32px !important;
}
.custom-map-main-container .custom-map-marker {
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMicgaGVpZ2h0PSczMicgdmlld0JveD0nMCAwIDIyIDMyJz48cGF0aCBpZD0nQ29tYmluZWRfU2hhcGUnIGRhdGEtbmFtZT0nQ29tYmluZWQgU2hhcGUnIGQ9J00xMSwzMmExLDEsMCwwLDEtLjgtLjRDOS43ODEsMzEuMDM0LDAsMTcuNzU0LDAsMTFhMTEsMTEsMCwxLDEsMjIsMGMwLDYuNzgzLTkuNzgxLDIwLjAzNi0xMC4yLDIwLjZBMSwxLDAsMCwxLDExLDMyWk0xMSw2YTUsNSwwLDEsMCw1LDVBNS4wMDYsNS4wMDYsMCwwLDAsMTEsNlptMCw4YTMsMywwLDEsMSwzLTNBMywzLDAsMCwxLDExLDE0WicgZmlsbD0nI2NlNDk0OScvPjwvc3ZnPg==");
    width: 22px !important;
    height: 32px !important;
    transition: transform .5s ease;
    transform-origin: 50% 200%;
}
.custom-map-main-container .custom-map-marker>div {
    width: 22px !important;
    height: 32px !important;
}

/* .custom-map-main-container .BMap_Marker>div>img {
    display: none !important;
}
.custom-map-main-container .BMap_Marker>div{
    background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMicgaGVpZ2h0PSczMicgdmlld0JveD0nMCAwIDIyIDMyJz48cGF0aCBpZD0nQ29tYmluZWRfU2hhcGUnIGRhdGEtbmFtZT0nQ29tYmluZWQgU2hhcGUnIGQ9J00xMSwzMmExLDEsMCwwLDEtLjgtLjRDOS43ODEsMzEuMDM0LDAsMTcuNzU0LDAsMTFhMTEsMTEsMCwxLDEsMjIsMGMwLDYuNzgzLTkuNzgxLDIwLjAzNi0xMC4yLDIwLjZBMSwxLDAsMCwxLDExLDMyWk0xMSw2YTUsNSwwLDEsMCw1LDVBNS4wMDYsNS4wMDYsMCwwLDAsMTEsNlptMCw4YTMsMywwLDEsMSwzLTNBMywzLDAsMCwxLDExLDE0WicgZmlsbD0nI2NlNDk0OScvPjwvc3ZnPg==") !important;
    width: 22px !important;
    height: 32px !important;
    transition: transform .5s ease;
    transform-origin: 50% 200%;
} */

.custom-map-main-container .custom-map-marker>div>img {
    display: none !important;
}

/* .custom-map-main-container .custom-map-marker.map-marker-noactive {
    transform: scale(.5);
} */

.custom-map-main-container .custom-map-marker.map-marker-active {
    transform: scale(1.5);
}

.tangram-suggestion-main {
    z-index: 10;
} 

.BMap_stdMpCtrl{
    inset: auto 40px 40px auto !important;
    /* width: 32px !important;
    height: 78px !important; */
}
.BMap_stdMpType3 .BMap_stdMpZoom{
    width: 32px !important;
    height: 78px !important;
}
.BMap_stdMpZoom .BMap_button{
    width: 32px !important;
    height: 29px !important;
    background-size: 63.8px 672.8px !important;
}
.BMap_button.BMap_stdMpZoomIn{
    background-position: 0px -352.35px !important;
}
.BMap_button.BMap_stdMpZoomOut{
    top: 31px !important;
    background-position: 0px -384.25px !important;
}

.BMap_noprint.anchorTR{
    inset: 40px 40px auto auto !important;
}

/*  */
.BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg{
    width: 32px !important;
    height: 32px !important;
}
.BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg{
    width: 32px !important;
    height: 32px !important;
}
.BMap_stdMpType4 .BMap_stdMpZoom{
    width: 32px !important;
    height: 60px !important;
}
.BMap_stdMpCtrl{
    width: 32px !important;
    height: 60px !important;
}

@media (min-width: 1920.5px) {
        
    .custom-map-container {
        border: 1px solid rgba(0, 0, 0, .05);
    }
}

@media (max-width: 1079.5px){
    .tangram-suggestion{
        margin-top: 9.5px;
    }
    .BMap_stdMpCtrl{
        inset: auto 24px 24px auto !important;
    }
    .BMap_noprint.anchorTR{
        inset: 24px 24px auto auto !important;
    }
        
    .custom-map {
        padding-bottom: 120px;
    }

    .custom-map-search {
        height: 640px;
        width: 416px;
        top: 24px;
        left: 24px;
    }

    .custom-map-filter-container {
        top: 48px;
        left: 256px;
    }

    .custom-map-filter-content {
        height: 0;
        width: 160px;
    }                                                                                                       

    .custom-map-filter-item-rule {
        width: 160px;
    }

    .custom-map-search-content-container {
        width: 416px;
        height: 584px;
    }

    .custom-map-search-input {
        width: 240px;
    }

    .custom-map-search-input-text{
        width: 240px;
    }

    #custom-map-search {
        width: 240px;
    }

    .custom-map-search-filter {
        width: 160px;
    }

    .custom-map-search-filter-content{
        width: 136px;
    }

    .custom-map-search-text {
        padding: 20px 0 16px 24px;
    }

    .custom-map-store-suggest-title {
        display: none;
        font-size: 14px;
        font-weight: bold;
    }

    .custom-map-store-container .store-item {
        padding: 16px 24px 0 24px;
    }
        
    .store-item-time {
        width: 75.5%;
    }

    .store-item-time-container {
        margin-bottom: 0;
    }
}

@media (max-aspect-ratio: 11 / 10) and (max-width: 767.5px){
    .tangram-suggestion{
        margin-top: 5.5px;
    }
    .BMap_noprint.anchorTR{
        inset: 16px 16px auto auto !important;
    }

    .custom-map {
        padding-bottom: 100px;
    }

    .custom-map-title {
        width: calc(100vw - 32px);
        margin-bottom: 28px;
    }

    /* .custom-map-container {
        overflow: inherit;
    } */

    .custom-map-container {
        height: 571px;
    }

    .custom-map-search {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
    }

    .custom-map-filter-container {
        top: 60px;
        left: 176px;
        pointer-events: all;
    }

    .custom-map-filter-content {
        width: 120px;
        pointer-events: all;
    }

    .custom-map-filter-item-rule {
        width: 120px;
    }

    .custom-map-search-content-container {
        background: rgba(241, 241, 241, 0.7);
        border-radius: 8px;
        backdrop-filter: blur(20px);
        display: flex;
        flex-direction: column;
        width: 496px;
        height: 552px;
        position: relative;
        box-shadow: none;
        pointer-events: all;
    }

    .custom-map-filter-city-list-content>div::-webkit-scrollbar {
        width: 0;
    }

    .custom-map-filter-city-list-content>div::-webkit-scrollbar-thumb {
        border-radius: 0;
    }

    .custom-map-store-full-contianer::-webkit-scrollbar {
        width: 0;
    }

    .custom-map-search-container {
        border-bottom: 1px;
        font-size: 14px;
        flex-shrink: 0;
        margin-bottom: 16px;
        pointer-events: all;
    }

    .custom-map-search-row {
        display: flex;
        justify-content: space-between;
        width: 280px;
        margin-top: 16px;
        margin-left: 16px;
    }

    .custom-map-search-input {
        width: 152px;
    }

    .custom-map-search-input-text{
        width: 152px;
    }

    #custom-map-search {
        width: 152px;
        padding-left: 12px;
        padding-right: 28px;
    }

    .custom-map-search-filter {
        width: 120px;
    }

    .custom-map-search-filter-content{
        margin: 12px;
        width: 96px;
    }

    .custom-map-search-button {
        font-size: 0;
    }

    .custom-map-search-button svg {
        margin-right: 0;
    }

    .custom-map-search-text {
        display: none;
    }

    .custom-map-store-container.swiper-wrapper{
        display: flex;
        height: auto;
    }

    .custom-map-store-full-contianer {
        border-top: none;
        background-color: transparent;
        overflow: auto;
        scrollbar-width: none;
        scrollbar-color: transparent transparent;
        will-change: transform;
    }
    .custom-map-store-full-contianer::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 0
    }

    .custom-map-store-full-contianer::-webkit-scrollbar-track {
        background: transparent;
    }

    .store-item-time {
        display: flex;
        align-items: center;
        width: 50%;
    }
    
    .custom-map-search-content-container {
        background: none;
        border-radius: 0px;
        backdrop-filter: inherit;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        position: absolute;
        overflow: hidden;
        bottom: 16px;
    }

    .custom-map-store-swiper.swiper{
        width: calc(100vw - 32px);
        margin: 0 auto;
        overflow: visible;
    }

    .custom-map-store-container::-webkit-scrollbar {
        width: 0;
    }

    .custom-map-store-container .store-item {
        background: rgba(241, 241, 241, 0.7);
        border-radius: 8px;
        backdrop-filter: blur(20px);
        border-bottom: none;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 1.6;
        color: rgba(0, 0, 0, 0.5);
        width: 100%;
        padding: 16px;
        margin: 10px 0;
        position: relative;
        cursor: pointer;
        height: auto;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    }
    .custom-map-store-container .store-item .store-item-boder{
        border-bottom: none;
        margin-top: 0;
    }

    .custom-map-store-container .store-item .custom-map-border{
        display: block;
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        -webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
        mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        padding: .5px;
        border-radius: 8px;
        opacity: .5;
    }

    .custom-map-store-container .store-item .custom-map-border::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 200%;
        height: 100%;
        box-sizing: border-box;
        transition: transform cubic-bezier(0.8, 0.1, 0.2, 0.9) .5s;
        transform: translate(-50%, -50%) rotate(0deg);
        background-image: linear-gradient(to right top, rgba(255, 255, 255, 0) 20%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 80%);
        border-radius: inherit;
    }

    .store-item-time-container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        position: relative;
    }
        
    .custom-map-store-container .store-item-address-container {
        width: 70.5%;
    }

    .store-item-phone-container {
        width: 70.5%;
    }
    .store-item-time {
        width: 70.5%;
    }

}


@media ( min-height: 500px ) and ( max-height: 800px ) and ( min-width: 767px ) and ( max-width: 800px ) {
    .custom-map-container{
        height: 80vh;
    }
    .custom-map-search{
        height: calc(80vh - 50px);
    }
}