.order-pros-map .pro-marker{cursor:pointer;transition:all .2s ease-in-out;position:relative;transform:translateY(-5px)}.order-pros-map .pro-marker .tip{border:8px solid var(--base-color);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)}.order-pros-map .custom-pin{background-color:var(--base-color);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}.order-pros-map .custom-pin .image-container{border-radius:inherit;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;max-width:285px;height:100%;transition:opacity .2s ease-in-out;display:flex;position:relative;overflow:hidden}.order-pros-map .custom-pin .image-container .icon{opacity:1;transition:opacity .2s ease-in-out;position:absolute}.order-pros-map .pro-marker .fast-info{z-index:1;zoom:.7;background-color:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:max-content;padding:4px;display:none;position:absolute;bottom:90%;left:50%;transform:translate(-50%)}.order-pros-map .pro-marker .fast-info .fast-info-items{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.order-pros-map .pro-marker .fast-info .fast-info-item{flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-pros-map .pro-marker .fast-info .fast-info-item.title{white-space:nowrap;flex-shrink:0;gap:4px}.order-pros-map .pro-marker.hovered{z-index:2;transform:translateY(-9px)}.order-pros-map .pro-marker.hovered .fast-info{display:flex}.order-pros-map .pro-marker.hovered .custom-pin{border-radius:50%;max-width:80px;height:80px}.order-pros-map .pro-marker.hovered .custom-pin .image-container{opacity:1;border-radius:inherit}.order-pros-map .pro-marker.hovered .custom-pin .image-container .icon{opacity:0}.order-pros-map .pro-marker.hovered .tip{transform:translateY(23%)translate(-50%)rotate(45deg)scale(1.4)}.order-pros-map .pro-marker.clicked{z-index:3;transform:translateY(-9px)}.order-pros-map .pro-marker.clicked .custom-pin{background-color:var(--base-color);border-radius:0;width:fit-content;max-width:650px;height:317px}.order-pros-map .pro-marker.clicked .custom-pin .image-container{border-radius:inherit}.order-pros-map .pro-marker.clicked .custom-pin .image-container .icon{opacity:0;visibility:hidden}.order-pros-map .pro-marker.clicked .custom-pin .details-container{opacity:1;visibility:visible;max-width:380px;animation:.7s ease-in-out slideInFadeIn}.order-pros-map .pro-marker.clicked .custom-pin .details-container .close-button{display:flex}.order-pros-map .pro-marker.clicked .custom-pin .details-container .close-button span{font-size:24px}.order-pros-map .pro-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:380px}}