.mpj{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--text-font-family,Lato,sans-serif);color:#2b2b2b}.mpj[hidden]{display:none}.mpj__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;opacity:0;transition:opacity .3s}.mpj.is-open .mpj__overlay{opacity:1}.mpj__dialog{position:relative;width:880px;max-width:100%;max-height:calc(100vh - 48px);display:grid;grid-template-columns:360px minmax(0,1fr);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -20px #0009;transform:translateY(16px) scale(.98);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}.mpj.is-open .mpj__dialog{transform:none;opacity:1}.mpj__media{position:relative;background:#111;overflow:hidden;min-height:100%}.mpj__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.mpj__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 55%,#0009)}.mpj__proof{position:absolute;left:20px;bottom:20px;z-index:2;display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:6px 12px;border-radius:9999px;background:#ffffff24;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mpj__grab{display:none}.mpj__close{position:absolute;top:14px;right:14px;z-index:5;width:36px;height:36px;border-radius:50%;border:0;background:#f4f4f2;color:#2b2b2b;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.mpj__panel{position:relative;padding:40px 44px 30px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;min-height:600px;box-sizing:border-box}.mpj__screen[hidden]{display:none}.mpj__screen{display:flex;flex-direction:column}.mpj__steps{display:flex;gap:6px;margin-bottom:16px}.mpj__steps i{flex:1;height:3px;border-radius:2px;background:#e8e8e8}.mpj__steps i.is-on{background:#399}.mpj__eye{display:inline-flex;align-items:center;gap:8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#1f7a7a;margin-bottom:12px}.mpj__eye b{width:6px;height:6px;border-radius:50%;background:#399;box-shadow:0 0 8px #399}.mpj__title{margin:0 0 8px;font-family:var(--heading-font-family,Oswald,sans-serif);font-weight:var(--heading-font-weight,600);text-transform:uppercase;font-size:32px;line-height:1.02;color:#2b2b2b}.mpj__text{margin:0 0 18px;font-size:14px;line-height:1.55;color:#6b6b6b}.mpj__link{align-self:center;margin-top:12px;padding:6px;border:0;background:none;font:inherit;font-size:13px;color:#6b6b6b;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.mpj__btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;margin:0;padding:0 6px 0 20px;border:0;border-radius:2px;background:#399;color:#fff;font:inherit;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent}.mpj__ar{width:40px;height:40px;background:#fff;color:#2b2b2b;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;transition:background .3s,color .3s;flex:none}.mpj__ar svg{transform:rotate(-45deg);transition:transform .35s}@media(hover:hover){.mpj__btn:hover .mpj__ar{background:#2b2b2b;color:#fff}.mpj__btn:hover .mpj__ar svg{transform:rotate(0)}}.mpj__btn--hold,.mpj__card canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mpj__btn.is-holding{background:#2b2b2b}.mpj__btn.is-holding .mpj__ar{background:#399;color:#fff}.mpj__btn[disabled]{opacity:.7;cursor:default}.mpj__form{display:flex;flex-direction:column;gap:10px;margin:0}.mpj__field{position:relative;display:block;margin:0}.mpj__field input{width:100%;box-sizing:border-box;height:52px;margin:0;border:1px solid #dcdcdc;border-radius:2px;padding:18px 14px 4px;font:inherit;font-size:16px;color:#2b2b2b;outline:none;background:#fff;box-shadow:none}.mpj__field input:focus{border-color:#2b2b2b}.mpj__field span{position:absolute;left:14px;top:16px;font-size:15px;color:#767676;transition:all .15s;pointer-events:none}.mpj__field input:focus+span,.mpj__field input:not(:placeholder-shown)+span{top:7px;font-size:11px;letter-spacing:.04em}.mpj__err{margin:0;font-size:12px;color:#b42318}.mpj__fine{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.04em;color:#767676}.mpj__win{display:flex;align-items:center;gap:14px;margin-bottom:16px}.mpj__box{position:relative;width:64px;height:64px;border-radius:16px;background:#e3f2f2;display:flex;align-items:center;justify-content:center;flex:none;animation:mpj-pop .6s cubic-bezier(.2,1.6,.4,1) both}.mpj__box i{position:absolute;width:6px;height:6px;border-radius:50%;background:#399;opacity:0;animation:mpj-conf 1s ease-out .15s both}.mpj__box i:nth-child(2){background:#2b2b2b;--dx:-34px;--dy:-26px}.mpj__box i:nth-child(3){--dx:36px;--dy:-22px}.mpj__box i:nth-child(4){background:#2b2b2b;--dx:30px;--dy:30px}.mpj__box i:nth-child(5){--dx:-30px;--dy:28px}.mpj__box i:nth-child(6){--dx:0px;--dy:-40px}@keyframes mpj-pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}@keyframes mpj-conf{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--dx,20px),var(--dy,-30px))}}.mpj__wtxt{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#1f7a7a;line-height:1.5}.mpj__ok{width:48px;height:48px;border-radius:50%;background:#399;display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:mpj-pop .5s cubic-bezier(.2,1.6,.4,1) both}.mpj__game{position:relative;border-radius:10px;background:#f6f6f4;border:1px solid #ececec;padding:14px;margin-bottom:12px;user-select:none;-webkit-user-select:none}.mpj__meta{display:flex;justify-content:space-between;align-items:baseline;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b;margin-bottom:10px}.mpj__meta b{font-size:18px;letter-spacing:.02em;color:#2b2b2b;font-weight:500}.mpj__hint{margin:10px 0 0;text-align:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.06em;color:#6b6b6b}.mpj-only-touch{display:none}@media(hover:none),(pointer:coarse){.mpj-only-touch{display:inline}.mpj-only-mouse{display:none}}.mpj__track{position:relative;height:92px;border-radius:6px;background:repeating-linear-gradient(90deg,#e9e9e6 0 1px,transparent 1px 20%),#efefec;overflow:hidden}.mpj__lane{position:absolute;left:0;right:0;top:50%;height:1px;background:#00000014}.mpj__fin{position:absolute;top:0;bottom:0;right:10px;width:10px;background:repeating-linear-gradient(180deg,#2b2b2b 0 10px,#fff 10px 20px)}.mpj__sled{position:absolute;bottom:12px;left:0;width:92px;height:62px}.mpj__sled svg{display:block}.mpj__ticks{display:flex;justify-content:space-between;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:#8a8a8a;margin-top:6px;padding-right:6px}.mpj__bar{height:4px;border-radius:2px;background:#e8e8e8;margin-top:10px;overflow:hidden}.mpj__bar i{display:block;height:100%;width:0;background:#399;border-radius:2px}.mpj__card{position:relative;height:170px;border-radius:10px;overflow:hidden;background:#fff;border:1px dashed #cfe6e6}.mpj__under{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.mpj__under-title{margin:0;font-family:var(--heading-font-family,Oswald,sans-serif);font-weight:600;text-transform:uppercase;font-size:22px}.mpj__under span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#1f7a7a}.mpj__card canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer;transition:opacity .4s}.mpj__card canvas.is-gone{opacity:0;pointer-events:none}.mpj__court{position:relative;height:180px;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:14px}.mpj__wall{position:relative;border-radius:6px;background:linear-gradient(180deg,#efefec,#e6e6e2);overflow:hidden}.mpj__target{position:absolute;left:50%;top:16px;transform:translate(-50%);width:58px;height:58px;border-radius:50%;border:3px solid #2b2b2b;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.mpj__target:after{content:"";width:22px;height:22px;border-radius:50%;border:2px solid #339999}.mpj__target.is-hit{animation:mpj-hit .5s ease-out}@keyframes mpj-hit{40%{transform:translate(-50%) scale(1.18);border-color:#399}}.mpj__h3{position:absolute;left:8px;top:40px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;color:#8a8a8a}.mpj__floor{position:absolute;left:0;right:0;bottom:0;height:14px;background:#d9d9d4}.mpj__ball{position:absolute;left:50%;bottom:14px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a4a4a,#1d1d1d);box-shadow:inset 0 0 0 2px #399}.mpj__gauge{position:relative;border-radius:6px;background:#e8e8e8;overflow:hidden}.mpj__zone{position:absolute;left:0;right:0;background:#33999959;border-top:2px solid #339999;border-bottom:2px solid #339999}.mpj__needle{position:absolute;left:-2px;right:-2px;top:50%;height:4px;margin-top:-2px;background:#2b2b2b;border-radius:2px}html.mpj-lock,html.mpj-lock body{overflow:hidden}@media screen and (max-width:740px){.mpj{padding:0;align-items:flex-end}.mpj__dialog{width:100%;max-height:92vh;max-height:92dvh;grid-template-columns:1fr;grid-template-rows:120px auto;border-radius:18px 18px 0 0;transform:translateY(100%);opacity:1}.mpj__media{min-height:0}.mpj__grab{display:block;position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;width:40px;height:4px;border-radius:2px;background:#ffffffb3}.mpj__proof{display:none}.mpj__close{background:#00000059;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mpj__panel{padding:20px 20px calc(26px + env(safe-area-inset-bottom));min-height:0}.mpj__title{font-size:26px}.mpj__court{height:200px}}@media(prefers-reduced-motion:reduce){.mpj__dialog,.mpj__overlay{transition:none}.mpj__box,.mpj__box i,.mpj__ok,.mpj__target.is-hit{animation:none}}.mpj__close:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/murph-popup-jeu.css.map */