.advanced-marker-example .details-container{opacity:0;visibility:hidden;background-color:#f5f5f5;border-radius:.8rem;max-width:0;height:100%}.advanced-marker-example .listing-image{object-fit:cover;width:100px;height:auto}.advanced-marker-example .listing-content{flex-direction:column;justify-content:center;gap:16px;height:100%;padding:10px;display:flex;overflow:hidden}.advanced-marker-example .listing-content h2{font-family:var(--font-family-rufina)}.advanced-marker-example .listing-content p,.advanced-marker-example .listing-content span{font-family:var(--font-family-raleway)}.advanced-marker-example .listing-content h2{color:var(--estate-green-light);letter-spacing:.2px;margin:0;font-size:20px;font-style:normal;font-weight:700;line-height:26px}.advanced-marker-example .listing-content p{color:var(--estate-green-light);letter-spacing:.2px;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:14px}.advanced-marker-example .listing-content .description{letter-spacing:.2px;-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:14px;font-style:normal;font-weight:400;line-height:20px;display:-webkit-box;overflow:hidden}.advanced-marker-example .listing-content .price{color:gray;letter-spacing:.2px;font-size:22px;font-style:normal;font-weight:700;line-height:18px}.advanced-marker-example .details{flex-direction:row;gap:16px;display:flex}.advanced-marker-example .details .detail_item{color:var(--estate-grey-main);letter-spacing:.2px;align-items:center;gap:4px;font-size:14px;font-style:normal;font-weight:600;line-height:14px;display:flex}.advanced-marker-example .details .detail_item span,.advanced-marker-example .details .detail_item svg{color:var(--estate-yellow);font-size:17px}
.advanced-marker-example .photo-gallery{justify-content:center;align-items:center;width:100%;height:100%;margin-left:.5rem;margin-right:.5rem;display:flex;position:relative}.advanced-marker-example .photo-gallery img{border-radius:.8rem;width:100%;height:auto}.advanced-marker-example .gallery-navigation{opacity:0;visibility:hidden;flex-direction:column;justify-content:end;align-items:center;padding:16px 2px;display:flex;position:absolute;inset:0}.advanced-marker-example .nav-buttons{justify-content:space-between;width:100%;margin:auto 0;display:flex;transform:translateY(50%)}.advanced-marker-example .nav-buttons button{color:#00bfff;opacity:1;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;outline:1px solid #a9a9a9;align-items:center;gap:5px;padding:9px;transition:opacity .3s ease-in;display:flex}.advanced-marker-example .nav-buttons button span{font-size:16px}.advanced-marker-example .nav-buttons button:disabled{opacity:0}.advanced-marker-example .dot{cursor:pointer;background-color:#e0ffff;border-radius:2px;width:20px;height:3px;margin:0 2px;transition:background-color .3s;display:inline-block}.advanced-marker-example .dot.active{background-color:#00bfff}.advanced-marker-example .extended .gallery-navigation{opacity:1;visibility:visible;transition:opacity .3s ease-in}
.advanced-marker-example .real-estate-marker{cursor:pointer;transition:all .2s ease-in-out;position:relative;transform:translateY(-5px)}.advanced-marker-example .real-estate-marker .tip{z-index:-1;background-color:red;border:6px solid #273746;border-radius:1px 1px 5px;width:0;height:0;transition:all .2s ease-in-out;position:absolute;bottom:0;left:50%;transform:translateY(22%)translate(-50%)rotate(45deg)}.advanced-marker-example .custom-pin{transform-origin:bottom;background-color:#273746;border-radius:50%;justify-content:center;align-items:center;width:fit-content;max-width:28px;height:28px;padding:3px;transition:max-width .2s ease-in-out,height .2s ease-in-out,border-radius .2s ease-in-out;display:flex;position:relative}.advanced-marker-example .custom-pin .close-button{box-shadow:none;color:#fff;cursor:pointer;z-index:10;background:#0003;border:none;border-radius:50%;padding:3px;transition:background .2s;display:none;position:absolute;top:8px;right:8px}.advanced-marker-example .custom-pin .close-button:hover{background:#0006}.advanced-marker-example .real-estate-marker.clicked .custom-pin .close-button{justify-content:center;align-items:center;display:flex}.advanced-marker-example .custom-pin .close-button span{font-size:24px}.advanced-marker-example .custom-pin .image-container{border-radius:inherit;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;max-width:40vw;height:100%;transition:opacity .2s ease-in-out;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.advanced-marker-example .custom-pin .image-container{max-width:70vw}}@media (max-width:480px){.advanced-marker-example .custom-pin .image-container{max-width:32vw}}@media (min-width:1040px){.advanced-marker-example .custom-pin .image-container{max-width:40vw}}.advanced-marker-example .custom-pin .image-container .icon{opacity:1;transition:opacity .3s ease-in-out;position:absolute}.advanced-marker-example .real-estate-marker.hovered{z-index:3;transform:translateY(-9px)}.advanced-marker-example .real-estate-marker.hovered .custom-pin{border-radius:20%;max-width:80px;height:80px}.advanced-marker-example .real-estate-marker.hovered .custom-pin .image-container{opacity:1;border-radius:inherit}.advanced-marker-example .real-estate-marker.hovered .custom-pin .image-container .icon{opacity:0}.advanced-marker-example .real-estate-marker.hovered .tip{transform:translateY(23%)translate(-50%)rotate(45deg)scale(1.4)}.advanced-marker-example .real-estate-marker.clicked{z-index:3;transform:translateY(-9px)}.advanced-marker-example .real-estate-marker.clicked .custom-pin{background-color:#273746;border-radius:1rem;width:fit-content;max-width:580px;height:290px}.advanced-marker-example .real-estate-marker.clicked .custom-pin .image-container{border-radius:inherit}.advanced-marker-example .real-estate-marker.clicked .custom-pin .image-container .icon{opacity:0;visibility:hidden}.advanced-marker-example .real-estate-marker.clicked .custom-pin .details-container{opacity:1;visibility:visible;max-width:380px;animation:.7s ease-in-out slideInFadeIn}.advanced-marker-example .real-estate-marker.clicked .custom-pin .details-container .close-button{display:flex}.advanced-marker-example .real-estate-marker.clicked .custom-pin .details-container .close-button span{font-size:24px}.advanced-marker-example .real-estate-marker.clicked .tip{transform:translateY(23%)translate(-50%)rotate(45deg)scale(1.4)}@keyframes slideInFadeIn{0%{opacity:0;visibility:hidden;max-width:0}75%{opacity:0;visibility:hidden;max-width:380px}to{opacity:1;visibility:visible;max-width:400px}}.advanced-marker-example .real-estate-marker.active{z-index:4;transform:translateY(-12px)scale(1.1)}.advanced-marker-example .real-estate-marker.active .custom-pin{border:2px solid #fff;box-shadow:0 0 12px #1976d299;background-color:#1976d2!important}.advanced-marker-example .real-estate-marker.active .tip{border-color:#1976d2;transform:translateY(23%)translate(-50%)rotate(45deg)scale(1.5)}