.pp-cadre{position:relative;overflow:hidden;container-type:size}.pp-points{--pp-l:max(100cqw, 100cqh * var(--pp-ratio));--pp-h:max(100cqh, 100cqw / var(--pp-ratio));width:var(--pp-l);height:var(--pp-h);transform:translate(calc((100cqw - var(--pp-l)) * var(--pp-cadre)), -50%);pointer-events:none;z-index:2;position:absolute;top:50%;left:0}.pp-point{left:var(--pp-x);top:var(--pp-y);animation:pp-entre .5s var(--pp-dl,0s) both cubic-bezier(.34, 1.56, .64, 1);transition:opacity .35s,transform .45s cubic-bezier(.34,1.56,.64,1);position:absolute}@keyframes pp-entre{0%{opacity:0;transform:scale(.6)}}.pp-point i{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px;position:absolute;box-shadow:0 0 0 4px #ffffff59}.pp-point i:after{content:"";border:1px solid #fff;border-radius:50%;animation:2s infinite pp-pouls;position:absolute;inset:-6px}@keyframes pp-pouls{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.pp-point span{white-space:nowrap;color:#1f1b17;background:#fffffff2;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:600;line-height:1.3;display:grid;position:absolute;top:-16px;left:14px;box-shadow:0 8px 24px #1f1b171f}.pp-point span b{color:#665b50;font-weight:600;transition:opacity .4s,filter .4s}.sans-prix .pp-point span b{opacity:0;filter:blur(4px)}.pp-point.pp-gauche span{left:auto;right:14px}.pp-point.ss-cache{opacity:0;transform:scale(.4)}.pp-point.on{transform:scale(1.12)}.pp-point.on span{color:#fff;background:#1f1b17}.pp-point.on span b{color:#d9cfc2}@container (max-width:560px){.pp-point i{width:11px;height:11px;margin:-5.5px;box-shadow:0 0 0 3px #ffffff59}.pp-point span{border-radius:6px;gap:5px;padding:3px 7px;font-size:10.5px;display:flex;top:-10px;left:11px}.pp-point.pp-gauche span{right:11px}}@container (max-width:300px){.pp-point span{display:none}}@media (prefers-reduced-motion:reduce){.pp-point,.pp-point i:after{animation:none}}