.compare{padding-top:60px}.compare--yellow{--main-color:#fcb52a}.compare--green{--main-color:#00a451}.compare--blue{--main-color:#1c75ba}.compare--red{--main-color:#e62e31}.compare__illu-wrapper{position:relative}.compare__illu{display:block;height:auto;margin:0 auto;width:100%}.compare__content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-o-border-image:conic-gradient(var(--main-color) 0,var(--main-color) 0) 0/100/0 100vw;border-image:conic-gradient(var(--main-color) 0,var(--main-color) 0) fill 0/100/0 100vw;-ms-flex-direction:column;flex-direction:column;gap:66px;padding:52px 0}@supports (background:conic-gradient(red 0deg,red 0deg 1deg,red 2deg)){.compare__content{-o-border-image:conic-gradient(var(--main-color) 0 0) 0/100/0 100vw;border-image:conic-gradient(var(--main-color) 0 0) fill 0/100/0 100vw}}.compare__width-wrap{margin-left:auto;margin-right:auto;max-width:calc(100% - 48px)}.compare__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.compare__title{color:#f8f8f8;font-family:BrownBold,sans-serif;font-size:2.6rem;font-weight:700;line-height:3.5rem;text-align:center}@media screen and (min-width:55rem){.compare__title{font-size:calc(.95rem + 1.875vw);line-height:calc(1.3rem + 2.5vw)}}@media screen and (min-width:75rem){.compare__title{font-size:3.2rem;line-height:4.3rem}}.compare__modal-button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:BrownRegular,sans-serif;font-weight:400;height:-webkit-min-content;height:-moz-min-content;height:min-content;min-height:34px;min-width:78px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:1px solid hsla(0,0%,100%,.25);border-radius:24px;color:#fff;cursor:pointer;font-size:14px;gap:8px;justify-content:center;opacity:.8;padding:6px 16px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.compare__modal-button-svg{margin-right:4px;stroke:#fff}.true-input{cursor:pointer;height:100px;opacity:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.true-input[disabled]{cursor:auto;pointer-events:none}.input{position:relative;width:100%}.input__indication{color:#f8f8f8;font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,verdana;font-size:14px;font-weight:700;left:0;position:absolute;text-align:center;top:-3px;-webkit-transition:opacity .25s;transition:opacity .25s;width:100%}.input__indication-svg{left:calc(50% + 25px);position:absolute;top:calc(100% + 8px)}.input__indication--hidden{opacity:0}.input__mode-wrapper{color:#f8f8f8;display:none;font-family:BrownRegular,sans-serif;font-size:1.5rem;font-weight:400;text-align:center}.input__mode-select{background-color:transparent;border:none;color:#f8f8f8;cursor:pointer;font-family:BrownBold,sans-serif;font-size:1.5rem;font-weight:700;padding:10px 0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.input__container{pointer-events:none;position:absolute;top:50%;width:100%}.input__container:before,.input__gap,.input__progress{border-radius:12px;height:12px;position:absolute;top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input__progress{background-color:#fff;left:0}.input__container:before{background:hsla(0,0%,100%,.4);content:"";display:block;width:100%}.input__progess{background-color:#fff}.input__gap{background-image:linear-gradient(135deg,var(--main-color) 10%,#fff 10%,#fff 50%,var(--main-color) 50%,var(--main-color) 60%,#fff 60%,#fff 100%);background-size:7.07px 7.07px;display:none}.input__point-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:10px;margin:-5px auto 10px;position:relative;width:calc(100% - 16px)}.input__athlete,.input__point{background-color:#fff;border:3px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.4);box-shadow:0 0 12px 0 rgba(0,0,0,.4);height:42px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:42px}.input__point{display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.input__point:after{border-color:transparent transparent hsla(0,0%,100%,.4);border-style:solid;border-width:0 6.5px 6px;bottom:-15px;content:"";display:block;height:0;left:50%;position:absolute;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:0}.input__point-grip{display:block}.input__point-user{display:none}.input__athlete{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.input__athlete:hover{z-index:1}[data-type=femme] .input__athlete:nth-child(2n){-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.input__athlete img{border-radius:50%;display:block;max-width:100%}.input__tooltip{background:hsla(0,0%,100%,.4);border-radius:4px;bottom:-34px;font-family:BrownRegular,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.7rem;padding:6px 9px;position:absolute;text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);white-space:nowrap}.input__tooltip:empty{display:none}.input__tooltip-title{display:block;font-family:BrownBold,sans-serif;font-weight:700}.input__limit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;color:#f8f8f8;font-size:13px;justify-content:space-between;line-height:1.2em;opacity:.8}.compare__validate,.input__limit{font-family:BrownRegular,sans-serif;font-weight:400}.compare__validate{background-color:#fff;border:none;border-radius:44px;-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.25);box-shadow:0 0 24px 0 rgba(0,0,0,.25);color:#202020;cursor:pointer;font-size:16px;height:44px;padding:8px 20px;text-align:center}.compare__pop-in{display:none;position:absolute;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;bottom:0;justify-content:center;left:0;right:0;top:0}.compare__pop-in:focus{background-color:#5687f8}.compare__pop-in-background{background-color:#202020;bottom:0;content:"";left:0;opacity:.7;position:fixed;right:0;top:0;z-index:1}.compare--open-pop-in .compare__pop-in{display:-webkit-box;display:-ms-flexbox;display:flex}.compare__pop-in-container{background-color:#fff;border-radius:8px;-webkit-box-shadow:0 0 24px 0 rgba(0,0,0,.25);box-shadow:0 0 24px 0 rgba(0,0,0,.25);display:block;margin:168px 24px 0;max-width:554px;padding:24px;position:relative;width:100%;z-index:2}.pop-in__header{margin-bottom:24px}.pop-in__exit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:none;cursor:pointer;gap:8px;margin-left:auto;padding:0;-webkit-transition:background-color .25s;transition:background-color .25s}.pop-in__exit-text{color:#202020;display:none;font-family:BrownRegular,sans-serif;font-size:14px;font-weight:400}.pop-in__exit-picto{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;width:32px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#323232;border-radius:50%;justify-content:center}.pop-in__exit-picto svg{height:24px;width:24px;fill:#fff}.pop-in__height-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:312px;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.pop-in__width-wrap{margin-left:auto;margin-right:auto;max-width:396px}.pop-in__text{color:#424242;font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,verdana;font-size:16px;line-height:23px}.compare__result{display:none;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.15);box-shadow:0 0 12px 0 rgba(0,0,0,.15);-ms-flex-direction:column;flex-direction:column;gap:28px;padding:16px 20px;text-align:center}.compare__result,.compare__result-emoji{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.compare__result-emoji{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px;width:60px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#eef0f8;border-radius:50%;font-family:Twemoji Mozilla,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,EmojiOne Color,sans-serif;font-size:28px;justify-content:center}.compare__result-title{color:#000;font-family:BrownBold,sans-serif;font-size:1.8rem;font-weight:700;line-height:2.4rem;margin-bottom:12px}@media screen and (min-width:55rem){.compare__result-title{font-size:calc(1.25rem + .625vw);line-height:2.4rem}}@media screen and (min-width:75rem){.compare__result-title{font-size:2rem;line-height:2.4rem}}.compare__result-text{color:#424242;font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,verdana;font-size:1.6rem;line-height:2.1rem}@media screen and (min-width:55rem){.compare__result-text{font-size:calc(1.05rem + .625vw);line-height:calc(1.275rem + .9375vw)}}@media screen and (min-width:75rem){.compare__result-text{font-size:1.8rem;line-height:2.4rem}}.compare__result-text:empty{display:none}.compare__share-title{color:#202020;font-family:BrownRegular,sans-serif;font-size:16px;font-weight:400;margin-bottom:16px}.compare__share-list{gap:12px;list-style:none;padding:0}.compare__share-item,.compare__share-list{display:-webkit-box;display:-ms-flexbox;display:flex}.compare__share-item{height:44px;width:44px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:transparent;border:1px solid #000;border-radius:50%;color:#202020;cursor:pointer;justify-content:center;-webkit-transition:background-color .3s;transition:background-color .3s}.compare__share-item:hover{background-color:#eef0f8}.compare__share-item svg{display:block}.compare__result-replay{background-color:transparent;border:none;color:#767676;cursor:pointer;font-family:BrownRegular,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.7rem;padding:20px;position:absolute;right:0;top:0}@media screen and (min-width:55rem){.compare__result-replay{font-size:calc(.85rem + .625vw);line-height:calc(1.15rem + .625vw)}}@media screen and (min-width:75rem){.compare__result-replay{font-size:1.6rem;line-height:1.9rem}}.compare__result-replay svg{display:inline-block;height:24px;width:24px;fill:currentcolor;vertical-align:middle}.compare__slider{display:none}.compare__slider-title{color:#f8f8f8;font-family:BrownBold,sans-serif;font-size:18px;font-weight:700;margin-bottom:28px}.compare__slider-container{position:relative;width:100%;-ms-overflow-style:none;overflow-y:auto;scrollbar-width:none}.compare__slider-container::-webkit-scrollbar{display:none}.compare__slider-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;margin-left:auto;margin-right:auto;overflow-x:visible;padding:0}.compare__slider-list:after{-webkit-box-flex:0;content:"";-ms-flex:0 0 calc(50vw - 50%);flex:0 0 calc(50vw - 50%)}.compare__card{-ms-flex-preferred-size:290px;flex-basis:290px;-ms-flex-negative:0;background-color:#fff;border-radius:8px;flex-shrink:0;margin-right:20px;padding:20px}[data-type=femme] .compare__card:nth-child(2n),[data-type=homme] .compare__card:nth-child(2n-1){-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[result-mode=handicape] .compare__card:nth-child(3),[result-mode=handicape] .compare__card:nth-child(4){-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2}[data-type=femme] [result-mode=handicape] .compare__card:nth-child(4){-webkit-box-ordinal-group:-2;-ms-flex-order:-3;order:-3}.compare__card-illu{border-radius:50%;display:inline-block;height:66px;margin-bottom:16px;outline:5px solid #323232;outline-offset:-4px;overflow:hidden;position:relative;width:66px}.compare__card-illu img{max-width:100%}.compare__card-picto{position:absolute;right:-8px}.compare__card-titles{margin-bottom:14px}.compare__card-title{font-size:18px;margin-bottom:7px}.compare__card-subtitle,.compare__card-title{color:#000;font-family:BrownBold,sans-serif;font-weight:700}.compare__card-subtitle{font-size:14px;line-height:1.2em;margin-bottom:4px}.compare__card-data{color:#767676}.compare__card-badge,.compare__card-data{font-family:BrownRegular,sans-serif;font-weight:400}.compare__card-badge{background-color:var(--main-color);border-radius:4px;color:#f8f8f8;display:inline-block;font-size:14px;margin-bottom:16px;padding:4px 8px}.compare__card-badge strong{font-family:BrownBold,sans-serif;font-weight:700}.compare__card-text{color:#424242;font-family:-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,verdana;font-size:1.4rem;line-height:1.8rem}.compare__card-text strong{font-weight:700}.compare--answered .compare__result{display:-webkit-box;display:-ms-flexbox;display:flex}.compare--answered .compare__slider{display:block}.compare--answered .compare__validate{display:none}.compare--answered .input__gap,.compare--answered .input__mode-wrapper{display:block}.compare--answered .input__container{pointer-events:auto}.compare--answered .input__point-grip{display:none}.compare--answered .input__point-user{display:block;max-width:100%}.compare--answered .input__indication{opacity:0}.compare--answered .input__tooltip{background-color:#fff}.compare--answered .input__point:after{border-color:transparent transparent #fff}.compare--answered .input__athlete:not(.input__athlete--handisport){display:-webkit-box;display:-ms-flexbox;display:flex}.compare--answered[result-mode=handicape] .input__athlete:not(.input__athlete--handisport){display:none}.compare--answered[result-mode=handicape] .input__athlete.input__athlete--handisport{display:-webkit-box;display:-ms-flexbox;display:flex}.compare--light-bg .compare__card-badge,.compare--light-bg .compare__modal-button,.compare--light-bg .compare__slider-title,.compare--light-bg .compare__title,.compare--light-bg .input__indication,.compare--light-bg .input__limit,.compare--light-bg .input__mode-select,.compare--light-bg .input__mode-wrapper{color:#202020}.compare--light-bg .compare__modal-button-svg{stroke:#202020}.compare--light-bg .compare__modal-button{border:1px solid rgba(32,32,32,.25)}.is-mobile .compare__slider-container{position:relative;width:100%;-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}.is-mobile .compare__slider-container::-webkit-scrollbar{display:none}.is-mobile .true-input:active+.input__container .input__tooltip{bottom:15px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.is-mobile .true-input:active+.input__container .input__point:after{border-color:hsla(0,0%,100%,.4) transparent transparent;border-width:6.5px 6px 0;bottom:45px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}@media(min-width:760px){.compare{padding-top:96px}.compare__content{gap:80px}.compare__width-wrap{max-width:554px}.input__athlete,.input__point{height:48px;width:48px}.input__point:after{bottom:-12px}.pop-in__exit-text{display:block}.compare__result{padding:28px 24px}.compare__result-replay{padding:28px 18px}.compare__slider-list,.compare__slider-title{max-width:970px}}@media(min-width:1260px){.compare__slider-list,.compare__slider-title{max-width:none}.compare__slider-title{text-align:center}.compare__slider-list{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}