.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{border:8px solid var(--estate-green-dark);z-index:-1;border-radius:0 0 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{background-color:var(--estate-green-dark);transform-origin:bottom;border-radius:50%;justify-content:center;align-items:center;width:fit-content;max-width:34px;height:34px;padding:4px;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 .real-estate-marker.hovered{z-index:2;transform:translateY(-9px)}.advanced-marker-example .real-estate-marker.hovered .custom-pin{border-radius:50%;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:var(--estate-green-dark);border-radius:16px;max-width:380px;height:110px}.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 .tip{transform:translateY(23%)translate(-50%)rotate(45deg)scale(1.4)}.advanced-marker-example .details-container{border-top-right-radius:inherit;border-bottom-right-radius:inherit;visibility:hidden}@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:380px}}
:root{--estate-yellow-light:#ffe29c;--estate-green-dark:#12271e;--estate-green-light:#18342a;--background-color-primary:#fff}.advanced-marker-example *{box-sizing:border-box}.advanced-marker-example{width:100%;height:100%}.advanced-marker-example :before,.advanced-marker-example :after{box-sizing:border-box}.advanced-marker-example .material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}