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