.advanced-marker-example .details-container{background-color:var(--background-color-primary);opacity:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;visibility:hidden}.advanced-marker-example .shop-content{height:100%;width:100%;padding:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:16px}.advanced-marker-example .shop-marker{cursor:pointer;position:relative;transform:translateY(-5px);transition:all .2s ease-in-out}.advanced-marker-example .shop-marker .tip{position:absolute;bottom:0;width:0;height:0;border:8px solid var(--color-black);border-radius:0;border-bottom-right-radius:5px;left:50%;transform:translateY(22%) translateX(-50%) rotate(45deg);transition:all .2s ease-in-out}.advanced-marker-example .custom-pin{position:relative;height:34px;width:34px;background-color:var(--color-black);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 .shop-marker.clicked{transform:translateY(-9px)}.advanced-marker-example .shop-marker.clicked .custom-pin{background-color:var(--color-black);width:90%;max-width:300px;height:fit-content;border-radius:0}.advanced-marker-example .shop-marker.clicked .custom-pin .details-container{opacity:1;visibility:visible;animation:slideInFadeIn .5s ease-in-out}.advanced-marker-example .shop-marker.clicked .custom-pin .details-container .close-button{display:flex}.advanced-marker-example .shop-marker.clicked .tip{transform:translateY(23%) translateX(-50%) rotate(45deg) scale(1.4)}@keyframes slideInFadeIn{0%{opacity:0;visibility:hidden}50%{opacity:0;visibility:hidden}75%{opacity:.5;visibility:visible}to{opacity:1;visibility:visible}}.pulse-marker .pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}.location-select{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.location-select.open{max-height:542px;opacity:1}.confetti-fade{animation:fade 1s ease}.confirm-animate{animation:fade .3s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.tick-animate-ping{animation:tick-ping .4s cubic-bezier(0,0,.2,1)}@keyframes tick-ping{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}