ps-cmp{display:block}.ps-cmp{--ps-a: #db2777;--ps-b: #3b82f6;--ps-lime: #b2f100;background:#fff;padding:24px var(--page-margin, 16px) 28px}.ps-cmp__card{box-sizing:border-box;max-width:var(--page-width, 1280px);margin:0 auto;padding:22px 20px 20px;border-radius:22px;background:#0b0b0b;color:#fff;display:grid;gap:14px}.ps-cmp__txt{display:contents}.ps-cmp .ps-cmp__title{order:1;margin:0;font-family:var(--font-heading--family);font-style:normal;font-weight:700;font-size:24px;line-height:1.12;letter-spacing:-.025em;text-transform:none;color:#fff;text-wrap:balance}.ps-cmp .ps-cmp__text{order:2;margin:-4px 0 0;font-size:14.5px;line-height:1.5;color:#c9c9c9}.ps-cmp__ex{order:3}.ps-cmp__cta{order:4;box-sizing:border-box;min-height:50px;padding:0 22px;border-radius:14px;background:var(--ps-lime);color:#000;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease-out,transform .16s cubic-bezier(.2,.7,.2,1)}.ps-cmp__arw{flex-shrink:0;transition:transform .16s cubic-bezier(.2,.7,.2,1)}.ps-cmp__cta:active{transform:scale(.97)}.ps-cmp__cta.is-press{background:#c8ff2e;transition:none}.ps-cmp__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.ps-cmp__ex{display:grid;grid-template-columns:84px minmax(0,1fr) 84px;gap:10px;align-items:start;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}.ps-cmp__col{display:grid}.ps-cmp__col--a{--c: var(--ps-a)}.ps-cmp__col--b{--c: var(--ps-b)}.ps-cmp__rq{grid-area:1 / 1;min-width:0;display:flex;flex-direction:column;gap:6px;opacity:0;visibility:hidden;transition:opacity .4s ease-out,visibility .4s}.ps-cmp__rq.is-on{opacity:1;visibility:visible}.ps-cmp__img{position:relative;aspect-ratio:1;border-radius:14px;background:#f1f1ec;box-shadow:inset 0 0 0 2px var(--c);overflow:hidden;display:grid;place-items:center}.ps-cmp__img img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-8deg);transition:transform .32s cubic-bezier(.2,.7,.2,1)}.ps-cmp__col--b .ps-cmp__img img{transform:rotate(8deg)}.ps-cmp__nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;font-weight:600;line-height:1.3;text-align:center;color:#d4d4d4}.ps-cmp__radar{align-self:center;position:relative;display:flex;flex-direction:column;align-items:center;margin-top:-4px}.ps-cmp__radar svg{display:block;width:100%;max-width:150px;height:auto;overflow:visible}.ps-cmp__vs{position:absolute;left:50%;top:52%;box-sizing:border-box;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid #0b0b0b;border-radius:50%;background:var(--ps-lime);color:#000;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800}.ps-cmp__grid polygon,.ps-cmp__grid path{fill:none;stroke:#2e2e2e;stroke-width:1.2}.ps-cmp__poly{stroke-width:3;stroke-linejoin:round;mix-blend-mode:screen}.ps-cmp__poly--a{fill:#db277757;stroke:var(--ps-a)}.ps-cmp__poly--b{fill:#3b82f657;stroke:var(--ps-b)}@media(hover:hover){.ps-cmp__cta:hover{background:#c8ff2e}.ps-cmp__cta:hover .ps-cmp__arw{transform:translate(4px)}.ps-cmp__ex:hover .ps-cmp__col--a .ps-cmp__img img{transform:rotate(-3deg) scale(1.05)}.ps-cmp__ex:hover .ps-cmp__col--b .ps-cmp__img img{transform:rotate(3deg) scale(1.05)}}@media(min-width:750px){.ps-cmp{padding-top:36px;padding-bottom:40px}.ps-cmp__card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:30px 34px}.ps-cmp__txt{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.ps-cmp .ps-cmp__title{font-size:30px}.ps-cmp .ps-cmp__text{margin:0;max-width:44ch;font-size:15px}.ps-cmp__cta{margin-top:8px}.ps-cmp__ex{grid-template-columns:112px 160px 112px;gap:14px}.ps-cmp__radar svg{max-width:160px}.ps-cmp__nm{font-size:12.5px}}@media(min-width:990px){.ps-cmp__card{padding:32px 44px;gap:48px}.ps-cmp .ps-cmp__title{font-size:34px}.ps-cmp__ex{grid-template-columns:124px 176px 124px;gap:18px}.ps-cmp__radar svg{max-width:176px}}@media(prefers-reduced-motion:reduce){.ps-cmp__rq,.ps-cmp__img img,.ps-cmp__cta,.ps-cmp__arw{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/accueil-duel.css.map */