.pet-marker-container{font-family:var(--font-sans);cursor:pointer;filter:drop-shadow(0 2px 8px #00000040);width:50px;height:70px;transition:filter .4s cubic-bezier(.34,1.56,.64,1);position:relative;top:21px}.pet-marker-container:hover,.pet-marker-container.pet-marker-hovered{filter:drop-shadow(0 8px 24px #00000059)}.pet-marker-pin{z-index:1;background:#fff;border-radius:50% 50% 50% 6px;width:42px;height:42px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:1px;left:50%;transform:translate(-51%)rotate(-45deg)}.pet-marker-container:hover .pet-marker-pin,.pet-marker-container.pet-marker-hovered .pet-marker-pin{background:var(--primary)}.pet-marker-image{object-fit:cover;z-index:2;background:#fff;border:2.5px solid #fff;border-radius:50%;width:40px;height:40px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:50%;transform:translate(-50%)}.pet-marker-container:hover .pet-marker-image,.pet-marker-container.pet-marker-hovered .pet-marker-image{border-color:var(--primary);border-width:3px;width:48px;height:48px;top:-6px;transform:translate(-50%)scale(1.1)}.pet-marker-fallback{z-index:2;color:#fff;background:#fff;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}.pet-marker-container:hover .pet-marker-fallback,.pet-marker-container.pet-marker-hovered .pet-marker-fallback{border-color:var(--primary);border-width:3px;width:48px;height:48px;top:-6px;transform:translate(-50%)scale(1.1)}.pet-marker-fallback.lost{background:#ff7e5f}.pet-marker-fallback.found{background:#feb47b}.pet-marker-type-indicator{z-index:3;white-space:nowrap;will-change:width,height,transform,left,top,background-color,color;border:2px solid #fff;border-radius:50%;justify-content:flex-end;align-items:center;width:12px;height:12px;padding:0;transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1),top .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1px;left:calc(50% - 16px);overflow:hidden;transform:translate(-50%);box-shadow:0 2px 4px #0003}.pet-marker-type-indicator.lost{background:var(--color-orange-400)}.pet-marker-container:hover .pet-marker-type-indicator.lost,.pet-marker-container.pet-marker-hovered .pet-marker-type-indicator.lost{background:var(--color-orange-100);color:var(--color-orange-800)}.pet-marker-type-indicator.found{background:var(--color-yellow-400)}.pet-marker-container:hover .pet-marker-type-indicator.found,.pet-marker-container.pet-marker-hovered .pet-marker-type-indicator.found{background:var(--color-yellow-100);color:var(--color-yellow-800)}.pet-marker-type-text{opacity:0;transform-origin:100%;will-change:opacity,max-width,transform;max-width:0;padding:0;font-size:12px;font-weight:500;line-height:1;transition:opacity .35s cubic-bezier(.16,1,.3,1) .1s,max-width .4s cubic-bezier(.16,1,.3,1) 50ms,transform .4s cubic-bezier(.16,1,.3,1) 50ms,padding .4s cubic-bezier(.16,1,.3,1) 50ms;display:inline-block;overflow:hidden;transform:scaleX(0)}.pet-marker-container:hover .pet-marker-type-indicator,.pet-marker-container.pet-marker-hovered .pet-marker-type-indicator{border-color:#0000;border-radius:9999px;width:auto;min-width:12px;height:auto;padding:2px 8px;top:1px;left:calc(50% - 20px);transform:translate(-100%);box-shadow:0 2px 4px #00000026}.pet-marker-container:hover .pet-marker-type-text,.pet-marker-container.pet-marker-hovered .pet-marker-type-text{opacity:1;max-width:100px;padding:0;transform:scaleX(1)}.simple-marker-container{font-family:var(--font-sans);cursor:pointer;filter:drop-shadow(0 2px 8px #00000040);width:50px;height:70px;position:relative;top:21px}.simple-marker-pin{z-index:1;background:#fff;border-radius:50% 50% 50% 6px;width:42px;height:42px;position:absolute;top:1px;left:50%;transform:translate(-51%)rotate(-45deg)}.simple-marker-image{object-fit:cover;z-index:2;background:#fff;border:2.5px solid #fff;border-radius:50%;width:40px;height:40px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.simple-marker-fallback{z-index:2;background:var(--primary);color:#fff;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:2px;left:50%;transform:translate(-50%)}