.customer-photo-with-label{position:relative;display:inline-block}.customer-photo-with-label:hover{z-index:5}.customer-photo-with-label__image{position:relative;width:100%;height:100%;object-fit:cover;border-radius:5px;object-position:calc(50% + var(--xCoord)) calc(50% + var(--yCoord))}.customer-photo-with-label button{position:absolute;background:0 0;border:0;padding:0;margin:0;transform:translate(-50%,-50%);cursor:pointer;z-index:10}.customer-photo-with-label button a{font-size:0}.customer-photo-with-label button:not(:has(>a)){width:20px;height:20px;border-radius:50%;background-color:#f44;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .2s ease;font-size:0}.customer-photo-with-label button.btn--small{width:10px;height:10px;border:1px solid #fff}.customerphoto button:hover{background-color:#f66;transform:translate(-50%,-50%) scale(1.1)}.customer-photo-with-label button:has(>a){left:calc(50% + var(--xCoord));top:calc(50% + var(--yCoord))}.customer-photo-with-label__marker{display:block;width:20px;height:20px;margin:0;padding:0;background:var(--purewhite);backdrop-filter:blur(10px);border-radius:50%;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);position:relative;transition:all .2s ease-in-out}.customer-photo-with-label__marker:hover{transform:scale(1.2)}.customer-photo-with-label__marker:before,.customer-photo-with-label__marker:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid #fff;transform:translate(-50%,-50%) scale(1);opacity:0;animation:marker-pulse 3s infinite}.customer-photo-with-label__marker:after{animation-delay:1.5s}.customer-photo-with-label__label{--gap:15px;--tx:0;--ty:calc(50% + var(--gap));position:absolute;left:calc(50% + var(--xCoord));top:calc(50% + var(--yCoord));transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(1.01);width:300px;padding:10px 15px;margin:10px 0;background:var(--easytaupe);color:var(--deepblue);border-radius:3px;box-shadow:0 12px 16px -4px rgba(16,24,40,.08),0 4px 6px -2px rgba(16,24,40,.03);text-align:left;font-size:14px;line-height:1.5em;opacity:0;visibility:hidden;transition:all .2s ease-in-out;display:flex;flex-direction:column;gap:3px}.customer-photo-with-label__title{font-weight:600;line-height:1.2em}.customer-photo-with-label__title span{font-weight:400}.customer-photo-with-label__artist{display:block;width:100%;margin:0;color:#33535d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-photo-with-label__artist span{margin:0;font-family:Wulkan,"Times New Roman",Arial}.customer-photo-with-label__material{position:absolute;bottom:5px;right:5px;display:inline-block;padding:4px 8px;margin:0;background:var(--mediumtaupe);border-radius:3px;font-size:12px}.customer-photo-with-label:has(button:hover) .customer-photo-with-label__label,.customer-photo-with-label:has(button:focus) .customer-photo-with-label__label{opacity:1;visibility:visible}@media (max-width:916px){.customer-photo-with-label__label{bottom:5px !important;left:calc(50% - 2.5px) !important;top:auto !important;right:auto !important;width:100%;max-width:90%;transform:translateX(-50%)}}@media (min-width:680px){.customer-photo-with-label button a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}}@media (min-width:916px){[data-sector=north] .customer-photo-with-label__label,[data-sector=center] .customer-photo-with-label__label{--gap:20px;--tx:0;--ty:calc(50% + var(--gap));margin:10px 0 0}[data-sector=south] .customer-photo-with-label__label{--gap:20px;--tx:0;--ty:calc(-50% - var(--gap));margin:-10px 0 0}[data-sector=northeast] .customer-photo-with-label__label,[data-sector=east] .customer-photo-with-label__label{--tx:calc(-50% - var(--gap));--ty:calc(50% + var(--gap))}[data-sector=southeast] .customer-photo-with-label__label{--tx:calc(-50% - var(--gap));--ty:calc(-50% - var(--gap));margin:-10px 0 0}[data-sector=southwest] .customer-photo-with-label__label{--tx:calc(50% + var(--gap));--ty:calc(-50% - var(--gap));margin:-10px 0 0}[data-sector=west] .customer-photo-with-label__label,[data-sector=northwest] .customer-photo-with-label__label{--tx:calc(50% + var(--gap));--ty:calc(50% + var(--gap))}}@media (min-width:993px){.customer-photo-with-label:has(button:hover) .customer-photo-with-label__label{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(1.01);margin:0}}@keyframes marker-pulse{from{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(2);opacity:0}}