.cx{--cx-cream:#fbefdc;--cx-skylt:#e2ecfb}body:has(.cx){background:#fbefdc}.cx-sec{background-image:radial-gradient(rgba(19,32,79,.07) 1.2px,transparent 1.6px);background-size:22px 22px}.cx-tb{background:linear-gradient(180deg,#0f1d4f,#1d3fb4 30%,#4f93ff 58%,#bfe0ff 80%,#e2ecfb)}.cx.cx-pdp{background:#fbefdc}.cx-sec__head h2,.cx-buy h1,.cx-spin h2{color:#13204f;text-shadow:0 3px 0 #d3ddf6}.cx-sec__head h2 em,.cx-buy h1 em,.cx-spin h2 em{color:#ff7a2f;text-shadow:0 3px 0 #f6caa9}.cx-price b{color:#13204f}.cx-mini b{color:#ff7a2f}.cx-sec:has(.cx-why){background:#0f1d4f;background-size:auto;background-image:radial-gradient(1.5px 1.5px at 8% 18%,rgba(255,255,255,.85) 50%,transparent 51%),radial-gradient(1px 1px at 15% 55%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 80%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(2px 2px at 33% 10%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1px 1px at 48% 40%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 57% 90%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 64% 22%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(2px 2px at 74% 70%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 46%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1px 1px at 95% 88%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(60% 80% at 100% 0%,#1d3fb4 0%,transparent 60%),radial-gradient(50% 70% at 0% 100%,#3a2aa8 0%,transparent 60%)}.cx-sec:has(.cx-why) .cx-sec__head h2{color:#fff;text-shadow:0 1px 0 #d6e3ff,0 2px 0 #b3caff,0 3px 0 #8eaaf5,0 4px 0 #6d8de6,0 5px 0 #5272d2,0 14px 22px rgba(0,0,0,.4)}.cx-sec:has(.cx-why) .cx-sec__head h2 em{color:#ffd23f;text-shadow:0 1px 0 #ffe27a,0 2px 0 #ffb52e,0 3px 0 #f59a10,0 4px 0 #e08000,0 5px 0 #c96a00,0 14px 22px rgba(0,0,0,.35)}.cx-sec:has(.cx-why) .cx-eyebrow{background:#ffffff1f;color:#fff}.cx-sec:has(.cx-why) .cx-sec__head p{color:#cfd9f5}.cx-sec:has(.cx-why) .cx-why>div{box-shadow:0 18px 40px #0000004d}.cx-sec:has(.cx-why):after{content:"";position:absolute;z-index:0;pointer-events:none;right:clamp(10px,14vw,240px);top:clamp(14px,4vw,60px);width:clamp(96px,13vw,190px);aspect-ratio:200/150;background:url(cx-saturn.svg) center/contain no-repeat;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));animation:cx-orbit 9s ease-in-out infinite}@keyframes cx-orbit{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}.cx-sec:has(.cx-why)>.cx-wrap:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-4%;bottom:-40px;width:52px;height:52px;background:url(cx-moon.svg) center/contain no-repeat;opacity:.9;animation:cx-orbit 12s ease-in-out infinite reverse}.cx-sec:has(.cx-why)>.cx-wrap:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-40px;right:-20px;bottom:-40px;left:-20px;background-image:radial-gradient(3px 3px at 52% 6%,#fff 50%,transparent 51%),radial-gradient(2.5px 2.5px at 92% 92%,#fff 50%,transparent 51%),radial-gradient(3px 3px at 6% 40%,#ffe9a3 50%,transparent 51%),radial-gradient(2.5px 2.5px at 70% 30%,#fff 50%,transparent 51%);animation:cx-twinkle 2.6s ease-in-out infinite alternate}@keyframes cx-twinkle{0%{opacity:.25}to{opacity:1}}.cx-sec:has(.cx-why):before{content:"";position:absolute;z-index:0;pointer-events:none;left:8%;top:12%;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#fffffff2);box-shadow:0 0 8px #fff9;opacity:0;transform:rotate(18deg) translate(0);animation:cx-shoot 7s ease-in 1.5s infinite}@keyframes cx-shoot{0%{opacity:0;transform:rotate(18deg) translate(0)}3%{opacity:1}14%{opacity:0;transform:rotate(18deg) translate(520px)}to{opacity:0;transform:rotate(18deg) translate(520px)}}@media(max-width:760px){.cx-sec:has(.cx-why):after{right:8px;top:8px}}.cx-trust>div{position:relative;border-radius:28px;padding:84px 24px 26px;box-shadow:0 16px 34px #13204f29;transition:transform .3s cubic-bezier(.2,1.5,.4,1),box-shadow .3s ease}.cx-trust>div:hover{transform:translateY(-4px) scale(1.03)}.cx-trust>div:before{content:"";position:absolute;left:24px;top:22px;width:50px;height:50px;border-radius:50%;background-color:#ffffff3d;background-size:26px 26px;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 -4px #0000001f}.cx-trust>div:nth-child(1){background:linear-gradient(160deg,#34c77d,#1a9a55);color:#fff}.cx-trust>div:nth-child(1):before{background-image:url(cx-ic-truck.svg)}.cx-trust>div:nth-child(1):hover{box-shadow:0 0 0 5px #1f9d5540,0 20px 44px #1f9d5573}.cx-trust>div:nth-child(2){background:linear-gradient(160deg,#ffd84f,#ffb31f);color:#13204f}.cx-trust>div:nth-child(2):before{background-color:#13204f;background-image:url(cx-ic-return.svg)}.cx-trust>div:nth-child(2):hover{box-shadow:0 0 0 5px #ffb31f4d,0 20px 44px #ffb31f80}.cx-trust>div:nth-child(3){background:linear-gradient(160deg,#4f8dff,#2453cf);color:#fff}.cx-trust>div:nth-child(3):before{background-image:url(cx-ic-lock.svg)}.cx-trust>div:nth-child(3):hover{box-shadow:0 0 0 5px #2557d640,0 20px 44px #2557d673}.cx-trust>div:nth-child(1) b,.cx-trust>div:nth-child(3) b{color:#fff}.cx-trust>div:nth-child(1) p,.cx-trust>div:nth-child(3) p{color:#ffffffeb}.cx-trust>div:nth-child(2) p{color:#3a3410}.cx-trust .cx-read{position:absolute;right:20px;top:32px;margin:0;background:#fff;color:#13204f}.cx-box{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:"img head" "track track";align-items:center;row-gap:clamp(20px,4vw,40px)}.cx-box>div{display:contents}.cx-box>img{grid-area:img;max-height:420px;object-fit:cover}.cx-box .cx-sec__head{grid-area:head;margin-bottom:0}.cx-box:not(:has(>img)) .cx-sec__head{grid-column:1/-1}.cx-box ul{grid-area:track;position:relative;display:block;width:100%;aspect-ratio:1200/560;margin:0;padding:0;list-style:none;background:url(cx-track.svg) center/100% 100% no-repeat}.cx-box li{--b:clamp(140px,14.5vw,176px);--bg:#ffe3df;--glow:255,77,61;position:absolute;z-index:1;left:calc(var(--x) - var(--b) / 2);top:calc(var(--y) - var(--b) / 2);width:var(--b);height:var(--b);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:18px 18px 22px;background:radial-gradient(circle at 32% 24%,#fffffff2 0 12%,#fff0 46%),var(--bg);border:4px solid #fff;box-shadow:inset 0 -12px 20px #13204f14,0 14px 28px #13204f29;font-size:12.5px;font-weight:700;line-height:1.3;cursor:default;transition:transform .4s cubic-bezier(.2,1.6,.4,1),box-shadow .35s ease;animation:cx-bob2 6s ease-in-out infinite}.cx-box li:nth-child(2n){animation-delay:-3s}.cx-box li:before{content:"";width:60px;height:42px;flex:0 0 auto;margin-bottom:4px;background-position:center;background-size:contain;background-repeat:no-repeat;transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.cx-box li:after{content:var(--gare);position:absolute;left:50%;bottom:-16px;transform:translate(-50%);white-space:nowrap;font:800 11.5px var(--cx-body);color:#fff;background:#13204f;padding:4px 11px;border-radius:7px;box-shadow:0 4px #0a1436,0 8px 14px #13204f33}.cx-box li b{font:400 23px var(--cx-display);color:#13204f;min-width:0;padding:0;letter-spacing:.5px}.cx-box li span{color:#4a5275;max-width:122px}.cx-box li:hover,.cx-box li:active{transform:scale(1.24);z-index:3;box-shadow:inset 0 -12px 20px #13204f0d,0 0 0 7px rgba(var(--glow),.22),0 0 50px rgba(var(--glow),.6),0 26px 44px #13204f2e;animation-play-state:paused}.cx-box li:hover:before{transform:translateY(-3px) rotate(-6deg) scale(1.08)}.cx-box li:hover span{color:#13204f}.cx-box li:nth-child(1){--x:10%;--y:30.4%;--bg:#ffe1dc;--glow:255,77,61;--gare:"Gare des Cubes"}.cx-box li:nth-child(1):before{background-image:url(cx-in-cubes.svg)}.cx-box li:nth-child(2){--x:32.5%;--y:71.4%;--bg:#dfe9ff;--glow:37,87,214;--gare:"Gare des Trains"}.cx-box li:nth-child(2):before{background-image:url(cx-in-train.svg);width:84px}.cx-box li:nth-child(3){--x:53.3%;--y:30.4%;--bg:#dcf4e6;--glow:31,157,85;--gare:"Gare des Feux"}.cx-box li:nth-child(3):before{background-image:url(cx-in-light.svg);height:50px}.cx-box li:nth-child(4){--x:74.2%;--y:71.4%;--bg:#fff0c2;--glow:245,160,0;--gare:"Gare de la Recharge"}.cx-box li:nth-child(4):before{background-image:url(cx-in-usb.svg)}.cx-box li:nth-child(5){--x:91.7%;--y:30.4%;--bg:#ece4ff;--glow:139,108,246;--gare:"Gare des Petits"}.cx-box li:nth-child(5):before{background-image:url(cx-in-age.svg)}.cx-box li:nth-child(2) b,.cx-box li:nth-child(3) b{display:none}@keyframes cx-bob2{0%,to{translate:0 0}50%{translate:0 -7px}}@media(max-width:900px){.cx-box{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "img" "track" "hint"}.cx-box:not(:has(>img)) .cx-sec__head{grid-column:auto}.cx-box:after{content:"\2190   Glisse pour visiter les 5 gares  \2192";grid-area:hint;justify-self:center;margin-top:-14px;font:800 12.5px var(--cx-body);color:#13204f;background:#fff;border-radius:999px;padding:6px 14px;box-shadow:0 6px 14px #13204f1a}.cx-box ul{aspect-ratio:auto;display:flex;flex-direction:row;align-items:center;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px)));padding:34px 28px 50px;background:linear-gradient(180deg,transparent calc(50% - 11px),#6f7894 calc(50% - 11px) calc(50% - 7px),transparent calc(50% - 7px) calc(50% + 3px),#6f7894 calc(50% + 3px) calc(50% + 7px),transparent calc(50% + 7px)),repeating-linear-gradient(90deg,#d9b47e 0 5px,transparent 5px 18px) 0 50%/100% 30px repeat-x;background-attachment:local,local}.cx-box ul::-webkit-scrollbar{display:none}.cx-box li{position:relative;left:auto;top:auto;flex:0 0 auto;scroll-snap-align:center;--b:146px;padding:12px 14px 20px;font-size:11px;line-height:1.25;animation:none}.cx-box li:nth-child(odd){top:-14px}.cx-box li:nth-child(2n){top:14px}.cx-box li:before{height:30px;width:48px;margin-bottom:2px}.cx-box li:nth-child(2):before{width:66px}.cx-box li:nth-child(3):before{height:36px}.cx-box li b{font-size:19px}.cx-box li span{max-width:110px}.cx-box li:hover,.cx-box li:active{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.cx-sec:has(.cx-why):before,.cx-sec:has(.cx-why):after,.cx-sec:has(.cx-why)>.cx-wrap:before,.cx-sec:has(.cx-why)>.cx-wrap:after,.cx-box li{animation:none}.cx-sec:has(.cx-why):before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/circuit-tweaks.css.map */