.lpb-gamification{--lpb-ink: var(--basics-charcoal, #001e0a);--lpb-radius: 26px;--lpb-grad-yellow: linear-gradient(135deg, var(--basics-yellow, #ffce2e), #fff0a0);--lpb-glass: rgba(255, 255, 255, .55);--lpb-glass-border: rgba(255, 255, 255, .7);--lpb-glass-blur: saturate(180%) blur(22px);--lpb-glass-dark: rgba(255, 255, 255, .1);--lpb-glass-dark-border: rgba(255, 255, 255, .28);--lpb-highlight: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 0 0 1px rgba(255, 255, 255, .12);--lpb-highlight-dark: inset 0 1px 0 rgba(255, 255, 255, .32), inset 0 0 0 1px rgba(255, 255, 255, .06);--lpb-shadow: 0 26px 60px -28px rgba(0, 30, 10, .5);--lpb-shadow-soft: 0 14px 40px -24px rgba(0, 30, 10, .4);position:relative;isolation:isolate;background:linear-gradient(180deg,#f4f6f3,#efeaf6 30%,#e6f1fb 64%,#fff8e2);color:var(--lpb-ink);overflow:hidden}.lpb-gamification *{box-sizing:border-box}.lpb-gamification a,.lpb-gamification button,.lpb-gamification article,.lpb-gamification aside,.lpb-gamification h1,.lpb-gamification h2,.lpb-gamification h3,.lpb-gamification p,.lpb-gamification strong{max-width:100%}.lpb-gamification__wrap{width:min(1180px,calc(100% - 32px));margin:0 auto;position:relative;z-index:1}.lpb-gamification__hero-copy,.lpb-gamification__wallet,.lpb-gamification__section-head,.lpb-gamification__section-head>*,.lpb-gamification__formula-card,.lpb-gamification__booster,.lpb-gamification__tier-detail,.lpb-gamification__missions article{min-width:0}.lpb-gamification__orbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lpb-gamification__orb{position:absolute;width:42vw;max-width:560px;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.28;will-change:transform;animation:lpb-orb-float 26s ease-in-out infinite alternate}.lpb-gamification__orb--yellow{top:-8%;right:-6%;background:radial-gradient(circle,var(--basics-yellow, #ffce2e),transparent 68%);animation-duration:24s}.lpb-gamification__orb--violet{top:32%;left:-12%;background:radial-gradient(circle,#7b5fd0,transparent 68%);animation-duration:30s;animation-delay:-6s}.lpb-gamification__orb--pink{top:58%;right:-10%;background:radial-gradient(circle,var(--basics-pink, #fe88a3),transparent 68%);animation-duration:28s;animation-delay:-12s}.lpb-gamification__orb--blue{top:78%;left:6%;background:radial-gradient(circle,var(--basics-blue, #54b2e9),transparent 68%);animation-duration:32s;animation-delay:-3s}.lpb-gamification__orb--purple{top:52%;left:40%;width:32vw;background:radial-gradient(circle,var(--basics-purple, #a086d7),transparent 68%);animation-duration:27s;animation-delay:-9s}@keyframes lpb-orb-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4%,-6%,0) scale(1.12)}}.lpb-gamification__hero{min-height:min(600px,calc(100vh - 110px));position:relative;display:grid;align-items:center;isolation:isolate;background:#1d0a26}.lpb-gamification__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 77% 34%,#ffce2e52 0 10%,#ffce2e00 27%),radial-gradient(circle at 54% 76%,#a086d74d 0 13%,#a086d700 32%),linear-gradient(105deg,#1d0a26f0,#230c30a8 34%,#1d0a2614 72%,#ffce2e14),url(https://www.lepetitballon.com/cdn/shop/files/abonnement-avantage-3_13a3df84-3c24-410e-b85d-b933f976c3de.jpg?v=1726766971) 62% center / cover}.lpb-gamification__hero-bg:after{content:"";position:absolute;top:6%;right:4%;bottom:8%;left:48%;background:url(https://www.lepetitballon.com/cdn/shop/files/ABO-KDO_Deballage_box.png) center / contain no-repeat;filter:drop-shadow(0 34px 42px rgba(0,30,10,.42));opacity:.92}.lpb-gamification__hero:after{content:"";position:absolute;inset:auto 0 0;z-index:-1;height:42%;background:linear-gradient(180deg,#1d0a2600,#1d0a26a6 58%,#1d0a26)}.lpb-gamification__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:56px;align-items:center;padding:48px 0}.lpb-gamification__pill{width:max-content;display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:9px 16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);box-shadow:var(--lpb-highlight-dark);color:var(--basics-white, #fff)}.lpb-gamification__pill i{color:var(--basics-yellow, #ffce2e)}.lpb-gamification__title{max-width:640px;margin:0;color:var(--basics-white, #fff);font-size:clamp(38px,4.6vw,60px);line-height:.98;letter-spacing:0;text-shadow:0 4px 30px rgba(0,30,10,.4);overflow-wrap:break-word}.lpb-gamification__title span,.lpb-gamification__balance{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lpb-gamification__title span{background-image:linear-gradient(100deg,var(--basics-yellow, #ffce2e),var(--basics-pink, #fe88a3))}.lpb-gamification__intro{max-width:650px;margin:24px 0 0;color:#ffffffe0}.lpb-gamification__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.lpb-gamification__actions .button--white{background:#ffffff29;border-color:#ffffff73;color:var(--basics-white, #fff);-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);box-shadow:var(--lpb-highlight-dark),0 10px 30px -16px #0009}.lpb-gamification__actions .button--white:hover{background:#ffffff42}.lpb-gamification__wallet{position:relative;overflow:hidden;padding:28px;border:1px solid var(--lpb-glass-dark-border);border-radius:var(--lpb-radius);background:linear-gradient(150deg,#ffffff38,#ffffff14 60%,#ffce2e29);-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);color:var(--basics-white, #fff);box-shadow:var(--lpb-highlight-dark),0 30px 70px -30px #000000b3}.lpb-gamification__wallet:before{content:"";position:absolute;top:-40%;left:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.5),transparent 70%);opacity:.5;pointer-events:none}.lpb-gamification__wallet-top,.lpb-gamification__wallet-bottom,.lpb-gamification__featured-meta{display:flex;justify-content:space-between;gap:16px;align-items:center}.lpb-gamification__wallet .lpb-label-s{color:#fffc}.lpb-gamification__status{padding:7px 12px;border-radius:999px;background:#a086d75c;border:1px solid rgba(205,190,238,.6);color:var(--basics-white, #fff)}.lpb-gamification__balance{display:block;margin-top:22px;font-family:abccondensed-font;font-size:84px;line-height:.82;background-image:linear-gradient(180deg,#fff,#ece3f7)}.lpb-gamification__wallet .lpb-body-m-bold{color:#ffffffe6}.lpb-gamification__meter,.lpb-gamification__featured-progress{position:relative;height:16px;margin:22px 0 12px;overflow:hidden;border-radius:999px;background:#ffffff2e;box-shadow:inset 0 1px 3px #00000040}.lpb-gamification__meter span,.lpb-gamification__featured-progress span{display:block;width:var(--progress, 0%);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--basics-purple, #a086d7),var(--basics-yellow, #ffce2e),var(--basics-pink, #fe88a3));box-shadow:0 0 18px #ffce2e99;transform-origin:left;animation:lpb-gamification-fill 1s cubic-bezier(.22,1,.36,1) both}.lpb-gamification__wallet-bottom{color:#ffffffd9}.lpb-gamification__section{position:relative;padding:84px 0}.lpb-gamification__section--white{background:transparent}.lpb-gamification__section--cream{padding-top:96px;background:linear-gradient(180deg,#1d0a26 0,#2a1340 130px,#d2c6e6 320px,transparent 480px)}.lpb-gamification__section--cream .lpb-gamification__section-head h2,.lpb-gamification__section--deep .lpb-gamification__section-head h2{color:var(--basics-white, #fff);text-shadow:0 2px 22px rgba(0,30,10,.4)}.lpb-gamification__section--cream .lpb-gamification__section-head .lpb-label-s,.lpb-gamification__section--deep .lpb-gamification__section-head .lpb-label-s{background:#ffffff26;border-color:var(--lpb-glass-dark-border);color:var(--basics-white, #fff)}.lpb-gamification__section--deep{margin:0 auto;width:min(1240px,calc(100% - 32px));border-radius:36px;overflow:hidden;background:radial-gradient(circle at 16% 18%,rgba(160,134,215,.45),transparent 32%),radial-gradient(circle at 88% 8%,rgba(255,206,46,.28),transparent 30%),radial-gradient(circle at 68% 90%,rgba(254,136,163,.26),transparent 36%),linear-gradient(140deg,#1d0a26,#2a1142 42%,#3a1a52 78%,#241646);color:var(--basics-white, #fff);box-shadow:var(--lpb-shadow);scroll-margin-top:116px}.lpb-gamification__section--deep:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 100%),linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 100%);background-size:88px 88px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000,transparent 78%);mask-image:radial-gradient(circle at 70% 30%,#000,transparent 78%);opacity:.4;pointer-events:none}.lpb-gamification__section-head{max-width:780px;margin-bottom:40px}.lpb-gamification__section-head--split{max-width:none;display:grid;grid-template-columns:minmax(0,.86fr) minmax(300px,.5fr);gap:48px;align-items:end}.lpb-gamification__section-head p,.lpb-gamification__section-head h2,.lpb-gamification__formula-card h3,.lpb-gamification__formula-card p,.lpb-gamification__tier-body h3,.lpb-gamification__tier-body p{margin:0}.lpb-gamification__section-head h2{margin-top:10px;overflow-wrap:break-word}.lpb-gamification__section-head .lpb-label-s{display:inline-flex;padding:6px 14px;border-radius:999px;background:#ffffff80;border:1px solid var(--lpb-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--lpb-ink)}.lpb-gamification__section-head--split>p{color:currentColor;opacity:.74}.lpb-gamification__section--deep .lpb-body-l{color:#ffffffdb}.lpb-gamification__formula-card,.lpb-gamification__booster,.lpb-gamification__missions article{position:relative;border:1px solid var(--lpb-glass-border);border-radius:var(--lpb-radius);background:var(--lpb-glass);-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);color:var(--lpb-ink);box-shadow:var(--lpb-highlight),var(--lpb-shadow-soft);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.lpb-gamification__formula{display:grid;grid-template-columns:.88fr .88fr 1.24fr;gap:18px}.lpb-gamification__formula-card{min-height:230px;padding:26px}.lpb-gamification__formula-card:hover,.lpb-gamification__missions article:hover{transform:translateY(-6px);box-shadow:var(--lpb-highlight),0 36px 70px -30px #001e0a80}.lpb-gamification__formula-icon,.lpb-gamification__missions i{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:var(--lpb-grad-yellow);box-shadow:var(--lpb-highlight),0 8px 18px -8px #ffce2ecc;color:var(--lpb-ink);font-size:20px}.lpb-gamification__formula-icon{margin-bottom:24px}.lpb-gamification__formula-card p{margin-top:10px;color:#001e0aad}.lpb-gamification__formula-card.is-result{display:flex;flex-direction:column;justify-content:space-between;border-color:#ffffff80;background:radial-gradient(circle at 86% 8%,rgba(255,255,255,.6),transparent 30%),linear-gradient(135deg,#ffce2eeb,#ffdd63e6 45%,#fe88a3e0 130%);box-shadow:var(--lpb-highlight),0 30px 60px -26px #fe88a3b3}.lpb-gamification__formula-card.is-result .lpb-label-s{color:#001e0ab3}.lpb-gamification__formula-card.is-result strong{font-family:abccondensed-font;font-size:clamp(34px,4.2vw,52px);line-height:.92;color:var(--lpb-ink);overflow-wrap:break-word}.lpb-gamification__formula-card.is-result strong span{display:inline-block}.lpb-gamification__formula-card.is-result p{color:#001e0ac7}.lpb-gamification__boosters{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:22px}.lpb-gamification__boosters:before{content:"";position:absolute;top:50%;left:28px;right:28px;height:6px;border-radius:999px;background:linear-gradient(90deg,#d9ddd7,var(--basics-purple, #a086d7),var(--basics-yellow, #ffce2e),var(--basics-pink, #fe88a3));opacity:.7;transform:translateY(-50%)}.lpb-gamification__booster{min-height:138px;position:relative;z-index:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.lpb-gamification__booster .lpb-label-s{color:#001e0a99}.lpb-gamification__booster strong{font-family:abccondensed-font;font-size:48px;line-height:.9}.lpb-gamification__booster.is-current{transform:translateY(-8px);border-color:#ffce2eb3;box-shadow:var(--lpb-highlight),0 24px 46px -22px #ffce2ee6}.lpb-gamification__booster.is-current:after{content:"Vous";position:absolute;top:-12px;right:14px;padding:3px 10px;border-radius:999px;background:var(--basics-yellow, #ffce2e);color:var(--lpb-ink);font-family:abccondensed-font;font-size:12px;font-weight:700;box-shadow:0 6px 14px -6px #ffce2ee6}.lpb-gamification__booster.is-max{background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.5),transparent 36%),linear-gradient(145deg,#fe88a3eb,#ffce2eeb);border-color:#ffffff8c}.lpb-gamification__booster.is-muted{background:#ffffff61}.lpb-gamification__booster.is-muted .lpb-label-s,.lpb-gamification__booster.is-muted strong{opacity:.6}.lpb-gamification__tiers{display:flex;gap:10px;margin:4px 0 26px;padding:10px 4px 2px;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1}.lpb-gamification__tiers::-webkit-scrollbar{display:none}.lpb-gamification__tier{flex:1 0 auto;min-width:102px;position:relative;display:grid;justify-items:center;gap:10px;padding:4px 6px 16px;border:0;background:none;color:#ffffffb8;font:inherit;cursor:pointer}.lpb-gamification__tier:after{content:"";position:absolute;bottom:2px;width:44px;height:3px;border-radius:999px;background:var(--basics-yellow, #ffce2e);opacity:0;transition:opacity .3s ease}.lpb-gamification__tier-coin{position:relative;width:84px;height:84px;display:grid;place-items:center;border:1px solid var(--lpb-glass-dark-border);border-radius:50%;background:var(--lpb-glass-dark);-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);box-shadow:var(--lpb-highlight-dark);color:var(--basics-white, #fff);font-family:abccondensed-font;font-size:20px;font-weight:700;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.lpb-gamification__tier:hover .lpb-gamification__tier-coin{transform:scale(1.05)}.lpb-gamification__tier.is-done .lpb-gamification__tier-coin:after{content:"\2713";position:absolute;top:-3px;right:-3px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--basics-purple, #a086d7);color:var(--basics-white, #fff);font-size:13px;box-shadow:0 4px 10px -4px #a086d7e6}.lpb-gamification__tier.is-next .lpb-gamification__tier-coin{border-color:#ffce2ebf;box-shadow:var(--lpb-highlight-dark),0 0 24px #ffce2e66}.lpb-gamification__tier.is-active{color:var(--basics-white, #fff)}.lpb-gamification__tier.is-active:after{opacity:1}.lpb-gamification__tier.is-active .lpb-gamification__tier-coin{transform:scale(1.1);border-color:#ffce2ebf;box-shadow:var(--lpb-highlight-dark),0 16px 34px -14px #ffce2eb3}.lpb-gamification__tier-detail{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,.38fr) 1fr;overflow:hidden;border:1px solid var(--lpb-glass-dark-border);border-radius:var(--lpb-radius);background:var(--lpb-glass-dark);-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);color:var(--basics-white, #fff);box-shadow:var(--lpb-highlight-dark),var(--lpb-shadow)}.lpb-gamification__tier-detail[hidden]{display:none}.lpb-gamification__tier-media{min-height:250px;display:grid;place-items:center;background:radial-gradient(circle at 28% 22%,rgba(255,206,46,.24),transparent 42%),radial-gradient(circle at 76% 84%,rgba(254,136,163,.26),transparent 46%),linear-gradient(150deg,#2a1142,#3a1a52)}.lpb-gamification__tier-media i{width:96px;height:96px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff1f;-webkit-backdrop-filter:var(--lpb-glass-blur);backdrop-filter:var(--lpb-glass-blur);box-shadow:var(--lpb-highlight-dark);color:var(--basics-white, #fff);font-size:36px}.lpb-gamification__tier-body{padding:28px;display:grid;gap:12px;align-content:center}.lpb-gamification__tier-points{display:inline-flex;align-items:center;gap:8px;font-family:abccondensed-font;font-size:22px;font-weight:700;color:var(--basics-yellow, #ffce2e)}.lpb-gamification__tier-body h3{color:var(--basics-white, #fff)}.lpb-gamification__tier-body .lpb-body-m{color:#ffffffd1}.lpb-gamification__tier-body .lpb-gamification__featured-progress{margin:4px 0 0}.lpb-gamification__tier-body .lpb-gamification__status{justify-self:start}.lpb-gamification__status.is-next{background:var(--lpb-grad-yellow);border-color:#ffffff80;color:var(--lpb-ink)}.lpb-gamification__status.is-locked{background:#ffffff1f;border-color:var(--lpb-glass-dark-border)}.lpb-gamification__featured-meta{color:#ffffffd9}.lpb-gamification__featured-meta strong{font-family:abccondensed-font;font-size:30px}.lpb-gamification__missions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.lpb-gamification__missions article{min-height:200px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.lpb-gamification__missions strong{font-family:abc-font;font-size:18px;line-height:1.18}.lpb-gamification__missions span{color:#001e0aa8;font-family:abccondensed-font;font-weight:700}.lpb-gamification__celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;overflow:hidden}.lpb-gamification__flake{position:absolute;top:-80px;z-index:1;overflow:hidden;will-change:transform,top,opacity;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;animation-name:lpb-gamification-flake;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes lpb-gamification-fill{0%{transform:scaleX(0)}}@keyframes lpb-gamification-flake{to{top:105vh;transform:translate3d(var(--flake-x),0,0) rotateX(var(--flake-rotate));opacity:0}}@media(prefers-reduced-motion:reduce){.lpb-gamification *,.lpb-gamification *:before,.lpb-gamification *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:989px){.lpb-gamification__hero-grid,.lpb-gamification__section-head--split,.lpb-gamification__formula,.lpb-gamification__tier-detail{grid-template-columns:1fr}.lpb-gamification__wallet{max-width:520px}.lpb-gamification__boosters,.lpb-gamification__missions{grid-template-columns:repeat(2,minmax(0,1fr))}.lpb-gamification__tier-media{min-height:200px}}@media(max-width:749px){.lpb-gamification{width:100vw;max-width:100vw}.lpb-gamification__orb{width:80vw;filter:blur(48px)}.lpb-gamification__hero-bg{background:radial-gradient(circle at 84% 10%,rgba(255,206,46,.22),transparent 40%),radial-gradient(circle at 8% 82%,rgba(160,134,215,.3),transparent 46%),linear-gradient(170deg,#2a1142,#1d0a26 58%)}.lpb-gamification__hero-bg:after{inset:auto 6% 7% 34%;height:260px;opacity:.5}.lpb-gamification__featured-meta strong{font-size:22px}.lpb-gamification__wrap{width:min(calc(100vw - 48px),342px)!important;max-width:342px;margin-right:24px;margin-left:24px}.lpb-gamification__section--deep{width:calc(100vw - 32px);border-radius:28px}.lpb-gamification__hero{min-height:auto}.lpb-gamification__hero-grid{padding:52px 0 42px;gap:34px}.lpb-gamification__title{max-width:310px;font-size:clamp(32px,9.4vw,38px);line-height:.96}.lpb-gamification__title span{display:block}.lpb-gamification__intro{max-width:310px}.lpb-gamification__section-head h2{font-size:24px;line-height:28px}.lpb-gamification__actions,.lpb-gamification__missions{grid-template-columns:1fr;display:grid}.lpb-gamification__boosters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lpb-gamification__booster{min-height:0;padding:16px;gap:10px}.lpb-gamification__booster strong{font-size:32px}.lpb-gamification__booster.is-max{grid-column:1 / -1}.lpb-gamification__section{padding:56px 0}.lpb-gamification__balance{font-size:60px}.lpb-gamification__wallet{padding:22px}.lpb-gamification__wallet-top,.lpb-gamification__wallet-bottom,.lpb-gamification__featured-meta{align-items:flex-start;flex-direction:column;gap:8px}.lpb-gamification__actions .button{width:100%;justify-content:center;text-align:center}.lpb-gamification__formula-card,.lpb-gamification__missions article{min-height:0}.lpb-gamification__formula-card.is-result strong{font-size:30px;line-height:.98}.lpb-gamification__formula-card.is-result strong span{display:block}.lpb-gamification__boosters:before{display:none}.lpb-gamification__booster.is-current{transform:none}.lpb-gamification__tier{min-width:86px}.lpb-gamification__tier-coin{width:70px;height:70px;font-size:17px}.lpb-gamification__tier-media{min-height:170px}.lpb-gamification__tier-body{padding:22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lpb-test-gamification.css.map */