:root{--white: #ffffff;--axtyremotion-yellow: #ffdf10;--axtyremotion-dark: #444444;--axtyremotion-gray: #999999;--axtyremotion-text: #5A5A59}.current-vehicle-container{display:flex;gap:15px}.current-vehicle-container img{border-radius:20px}@media screen and (max-width: 768px){.current-vehicle-container{flex-direction:column}}.current-vehicle-container div{flex:1}#home-devis .home-devis-content:not(.home-devis-content-pro) .h3{margin:.8 auto;margin-bottom:10px}@media screen and (min-width: 1200px){#home-devis #form-ax-tyres .form-group{margin-bottom:.75rem}}.btn.axTyremotionButton{display:flex;align-items:center;margin:auto auto 10px;text-transform:uppercase;gap:7px;justify-content:center}.btn.axTyremotionButton::before{--_icon-size: 20px;content:"";width:var(--_icon-size);height:calc(var(--_icon-size) - 2px);display:block;background-image:url(../../assets/img/photo.svg);filter:invert(1) brightness(100);background-repeat:no-repeat;background-size:contain}.btn.axTyremotionButton:not(#ax-tyres-form-2 .btn){width:100%}img{display:block;margin:0 auto 10px}#tyremotionModal{color:var(--axtyremotion-dark);top:50%;transform:translateY(-50%);height:fit-content;max-width:100vw}@media screen and (min-width: 768px){#tyremotionModal [data-step=upload-image] .title-custom-size:after{content:"Importez la photo de votre pneu"}}@media screen and (max-width: 768px){#tyremotionModal [data-step=upload-image] .title-custom-size:after{content:"Prenez une photo de votre pneu"}}#tyremotionModal [data-step=upload-image] p,#tyremotionModal [data-step=loading] p{font-size:14px;margin-bottom:10px;text-wrap:balance}@media screen and (min-width: 768px){#tyremotionModal [data-step=upload-image] p,#tyremotionModal [data-step=loading] p{font-size:16px}}#tyremotionModal [data-step=upload-image] img{border-radius:20px;margin-bottom:20px}@media screen and (min-width: 768px){#tyremotionModal [data-step=upload-image] img{min-width:525px;max-height:370px;object-fit:cover;margin-bottom:30px}}#tyremotionModal [data-step=loading] p{margin-bottom:40px}#tyremotionModal [data-step=loading] .loading-img-wrapper{background:var(--axtyremotion-yellow);max-width:520px;margin:0 auto;border-radius:20px;padding:50px 20px 0;display:grid;place-content:center}@media screen and (min-width: 768px){#tyremotionModal [data-step=loading] .loading-img-wrapper{margin-bottom:80px;aspect-ratio:526/367}#tyremotionModal [data-step=loading] .loading-img-wrapper img{min-width:180px}}#tyremotionModal [data-step=loading] img{animation:wheel 1s linear infinite;margin-bottom:40px;transform-origin:53% 44%}@keyframes wheel{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#tyremotionModal .modal-dialog{height:fit-content}@media screen and (min-width: 900px){#tyremotionModal .modal-dialog{max-width:850px}}#tyremotionModal .modal-content{border-radius:20px}@media screen and (max-width: 768px){#tyremotionModal .modal-content{min-height:500px;max-height:80vh;overflow-y:scroll}}#tyremotionModal .modal-content .modal-header{border-bottom:0;padding:20px 20px 8px}@media screen and (min-width: 768px){#tyremotionModal .modal-content .modal-header{padding:20px 30px 8px}}#tyremotionModal .modal-content .modal-body{padding:0 20px 20px}@media screen and (min-width: 768px){#tyremotionModal .modal-content .modal-body{padding:0 30px 30px}}#tyremotionModal .modal-content .modal-body p{text-align:center}#tyremotionModal .modal-header{display:flex;align-items:center}#tyremotionModal .modal-header .modal-title{font-weight:700}#tyremotionModal .modal-header .close{background-color:rgba(0,0,0,0);border:0;font-size:0;cursor:pointer}#tyremotionModal .modal-header .close::after{content:"";display:block;width:25px;height:25px;background-image:url(../img/close.svg);background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 768px){#tyremotionModal .modal-header .close::after{width:20px;height:20px}}#tyremotionModal .buttons{display:grid;gap:10px}@media screen and (min-width: 768px){#tyremotionModal .buttons{max-width:400px;margin:0 auto}}#tyremotionModal .buttons .btn[type=button]{text-transform:none}#tyremotionModal .buttons .btn.btn-secondary{background-color:#fff;color:var(--axtyremotion-dark);border:1px solid}#tyremotionModal .buttons .btn-retry{display:flex;align-items:center;justify-content:center;gap:10px}#tyremotionModal .buttons .btn-retry::before{content:"";display:block;width:15px;height:15px;background-image:url(../../assets/img/image.svg);background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 768px){#tyremotionModal .buttons .btn-retry::before{background-image:url(../../assets/img/photo.svg)}}#tyremotionModal .buttons .btn-retry:hover::before{filter:invert(1)}#tyremotionModal .infos{font-size:10px;margin-bottom:20px;text-align:center}#tyremotionModal .step[data-step=result] img{border-radius:20px;margin-bottom:20px}@media screen and (min-width: 768px){#tyremotionModal .step[data-step=result] img{margin-bottom:30px}}#tyremotionModal .step[data-step=result] .h2{text-align:center;font-size:30px}#tyremotionModal .step[data-step=result] .infos{max-width:270px;margin:0 auto 20px;font-size:14px}@media screen and (min-width: 768px){#tyremotionModal .step[data-step=error-general]>p:first-child{max-width:70%;margin:0 auto 20px}}@media screen and (max-width: 768px){#tyremotionModal .step[data-step=error-general]>p:not(:first-child){text-align:left;text-wrap:balance}}#tyremotionModal .step[data-step=error-general] img{border-radius:20px}#tyremotionModal .step[data-step=error-general] .infos{width:fit-content;margin:0 auto}#tyremotionModal .step[data-step=error-general] .infos,#tyremotionModal .step[data-step=error-general] .infos p{text-align:left}#tyremotionModal .step[data-step=error-general] .infos ul{padding-left:0}#tyremotionModal .step[data-step=error-corner] .error-grid>div>div,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div{text-align:left;display:flex;align-items:center;gap:10px;margin-bottom:10px}@media screen and (min-width: 768px){#tyremotionModal .step[data-step=error-corner] .error-grid>div>div,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div{margin-bottom:20px}}#tyremotionModal .step[data-step=error-corner] .error-grid>div>div::before,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div::before{content:"";display:block;width:15px;height:15px;background-repeat:no-repeat;background-size:calc(100% - 5px);background-position:center;border-radius:50%;aspect-ratio:1;padding:5px}#tyremotionModal .step[data-step=error-corner] .error-grid>div>div.wrong::before,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div.wrong::before{background-image:url(../../assets/img/wrong.svg);background-color:var(--axtyremotion-text)}#tyremotionModal .step[data-step=error-corner] .error-grid>div>div.good::before,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div.good::before{background-image:url(../../assets/img/good.svg);background-color:var(--axtyremotion-yellow);background-size:contain}#tyremotionModal .step[data-step=error-corner] .error-grid>div>div+img,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div+img{border-radius:20px}@media screen and (max-width: 768px){#tyremotionModal .step[data-step=error-corner] .error-grid>div>div+img,#tyremotionModal .step[data-step=error-far-away] .error-grid>div>div+img{max-width:100%}}#tyremotionModal .step[data-step=error-corner] .buttons,#tyremotionModal .step[data-step=error-far-away] .buttons{margin-bottom:15px}#tyremotionModal .step[data-step=error-corner] .buttons+p,#tyremotionModal .step[data-step=error-far-away] .buttons+p{display:flex;justify-content:center;gap:5px;font-size:14px}#tyremotionModal .step[data-step=error-corner] .buttons+p a,#tyremotionModal .step[data-step=error-far-away] .buttons+p a{color:var(--axtyremotion-dark);font-weight:700}#tyremotionModal .error-grid{display:grid;margin-bottom:20px;row-gap:20px}#tyremotionModal .error-grid p{font-size:14px}#tyremotionModal .error-grid p:first-of-type{grid-row:2/3}@media screen and (min-width: 768px){#tyremotionModal .error-grid{grid-template-columns:1fr 1fr;column-gap:20px;grid-template-rows:auto auto}#tyremotionModal .error-grid img{margin-bottom:20px}#tyremotionModal .error-grid img:nth-of-type(2){max-width:180px}#tyremotionModal .error-grid p{grid-column:1/3}#tyremotionModal .error-grid p:first-of-type{grid-row:unset;margin-bottom:0}}@media screen and (max-width: 768px){#tyremotionModal .error-grid img{max-width:160px}#tyremotionModal .error-grid img:nth-of-type(2){max-width:120px}}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm){border-radius:28px;padding:20px;display:flex;gap:10px;justify-content:space-between;align-items:center;font-weight:400;text-transform:none;border:1px solid var(--axtyremotion-yellow);line-height:1.2}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm):not(.active){background-color:var(--white)}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm):hover,#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) a.active{color:var(--axtyremotion-dark);background-color:var(--axtyremotion-yellow)}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm):hover .model,#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) a.active .model{color:var(--axtyremotion-dark)}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .model{font-weight:600;max-width:70px;text-align:left;font-size:14px;text-transform:uppercase}@media screen and (max-width: 768px){#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .model{font-size:12px}}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes{display:grid;place-items:center left;flex:none}#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes .before>span,#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes .after>span,#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes .info>span{color:var(--axtyremotion-dark);font-size:14px;font-weight:700}@media screen and (max-width: 768px){#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes .before>span,#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes .after>span,#tyremotionModal button.btn.btn-primary:not([data-step]):not(#axTyreMotionSubmitForm) .sizes .info>span{font-size:12px}}#tyremotionModal button.btn-back{isolation:isolate;background-color:rgba(0,0,0,0);position:relative;width:fit-content;margin:0 auto;padding:0;cursor:pointer;border:0;line-height:1;text-transform:uppercase;font-weight:700;font-size:12px}#tyremotionModal button.btn-back::after{content:"";width:0%;height:80%;position:absolute;top:50%;left:0;background-color:var(--axtyremotion-yellow);z-index:-1;transition:width .2s ease-in-out}#tyremotionModal button.btn-back:hover::after{width:100%}#tyremotionModal .top-infos{font-size:12px;margin-bottom:30px;font-style:italic}#tyremotionModal .top-infos>:last-child:not(:first-child)::before{content:" | "}#tyremotionModal #axTyreMotionResultSearch,#tyremotionModal #axTyreMotionCurrentResultSearch,#tyremotionModal #axTyreMotionTyreChoice,#tyremotionModal #axTyreMotionSpeedIndexChoice,#tyremotionModal #axTyreMotionLoadIndexChoice{margin-bottom:20px;display:grid;gap:10px;max-height:225px;overflow-y:auto}#tyremotionModal #axTyreMotionResultSearch .header,#tyremotionModal #axTyreMotionCurrentResultSearch .header,#tyremotionModal #axTyreMotionTyreChoice .header,#tyremotionModal #axTyreMotionSpeedIndexChoice .header,#tyremotionModal #axTyreMotionLoadIndexChoice .header{font-style:italic;margin-bottom:1rem}@media screen and (min-width: 768px){#tyremotionModal #axTyreMotionResultSearch,#tyremotionModal #axTyreMotionTyreChoice,#tyremotionModal #axTyreMotionSpeedIndexChoice,#tyremotionModal #axTyreMotionLoadIndexChoice{grid-template-columns:1fr 1fr;column-gap:15px}}#tyremotionModal #axTyreMotionTyreChoice{background-color:#f0f0f0;border-radius:20px;padding:20px;grid-template-columns:1fr}#tyremotionModal #axTyreMotionTyreChoice p{font-size:12px}#tyremotionModal [data-step=wheel-choice] #current-vehicle-img{border-radius:20px;margin-bottom:20px;display:grid;place-content:center}#tyremotionModal #axTyreMotionAllResult{position:relative;padding-bottom:30px}#tyremotionModal #axTyreMotionAllResult #axTyreMotionCurrentResultSearch button .size{font-weight:700}#tyremotionModal #axTyreMotionAllResult.only-current .only-models,#tyremotionModal #axTyreMotionAllResult.only-current .wheel-models{display:none}#tyremotionModal #axTyreMotionAllResult.only-current>div:last-child{display:none}#tyremotionModal #axTyreMotionAllResult.only-models .only-wheel,#tyremotionModal #axTyreMotionAllResult.only-models .wheel-models{display:none}#tyremotionModal #axTyreMotionAllResult.only-models>div:first-child{display:none}#tyremotionModal #axTyreMotionAllResult.only-models>div:last-child .infos{padding-top:125px}#tyremotionModal #axTyreMotionAllResult.both .only-wheel,#tyremotionModal #axTyreMotionAllResult.both .only-models{display:none}#tyremotionModal #axTyreMotionAllResult.both>div:last-child .infos{padding-top:125px}#tyremotionModal #axTyreMotionAllResult.both>div+div{margin-top:30px}#tyremotionModal #axTyreMotionAllResult.both .infos{margin-bottom:0}#tyremotionModal #axTyreMotionAllResult>div{background-color:#f0f0f0;border-radius:20px;padding:20px}#tyremotionModal #axTyreMotionAllResult>div p{font-size:12px}#tyremotionModal #axTyreMotionAllResult>div:last-child>p{margin-bottom:10px}#tyremotionModal #axTyreMotionResultSearch{--border-select: 1px solid var(--axtyremotion-yellow);display:flex;flex-direction:column;position:absolute;left:20px;right:20px;scrollbar-color:var(--axtyremotion-yellow) var(--axtyremotion-dark);scrollbar-width:thin}#tyremotionModal #axTyreMotionResultSearch::-webkit-scrollbar{width:5px}#tyremotionModal #axTyreMotionResultSearch::-webkit-scrollbar-track{background:var(--axtyremotion-dark)}#tyremotionModal #axTyreMotionResultSearch::-webkit-scrollbar-thumb{background:var(--axtyremotion-yellow);border-radius:5px}#tyremotionModal #axTyreMotionResultSearch .btn{transition:unset;border:0;padding-right:60px !important;display:grid !important}#tyremotionModal #axTyreMotionResultSearch .btn .model{max-width:unset !important}#tyremotionModal #axTyreMotionResultSearch .btn:not(.active):hover{background-color:var(--axtyremotion-yellow)}#tyremotionModal #axTyreMotionResultSearch:not(.active){gap:0}#tyremotionModal #axTyreMotionResultSearch:not(.active) button.btn.btn-primary:not(.active){padding:0;border:0}#tyremotionModal #axTyreMotionResultSearch:not(.active):not(:has(.btn.active)) .btn:first-child,#tyremotionModal #axTyreMotionResultSearch:not(.active) .btn.active{border:var(--border-select);border-radius:28px;padding-inline:25px;padding:20px !important}#tyremotionModal #axTyreMotionResultSearch:not(.active) .btn.active{padding:20px !important;background-color:var(--axtyremotion-yellow)}#tyremotionModal #axTyreMotionResultSearch:not(:has(.btn.active)) .btn:first-child:not(.active){max-height:150px;overflow:visible;padding:10px;background-color:#fff}#tyremotionModal #axTyreMotionResultSearch:not(:has(.btn.active)) .btn:first-child:not(.active):hover{background-color:var(--axtyremotion-yellow)}#tyremotionModal #axTyreMotionResultSearch .btn.active{order:-1}#tyremotionModal #axTyreMotionResultSearch .btn:not(.active){max-height:0;overflow:hidden;padding:0;border:0;border-radius:0}#tyremotionModal #axTyreMotionResultSearch.active{border:var(--border-select);background-color:var(--axtyremotion-dark);gap:1px}#tyremotionModal #axTyreMotionResultSearch.active .btn:not(.active){overflow:visible;max-height:150px;padding:10px !important}#tyremotionModal #axTyreMotionResultSearch.active .btn.active{overflow:visible;border-radius:0}#tyremotionModal #axTyreMotionResultSearch.active .btn{border:0 !important;border-radius:0 !important}#tyremotionModal #axTyreMotionResultSearch:not(.single)::after{content:">";rotate:90deg;position:absolute;top:20px;right:15px;z-index:5;width:50px;height:50px;display:grid;place-items:center;font-size:25px;cursor:pointer}@media screen and (max-width: 768px){#tyremotionModal #axTyreMotionResultSearch:not(.single)::after{right:5px}}#tyremotionModal #axTyreMotionResultSearch:not(.single).active::after{content:"<";right:5px}#tyremotionModal .step[data-step=runflat] .infos{max-width:250px;margin:0 auto}#tyremotionModal .step[data-step=runflat] .buttons .btn.btn-primary#enable-runflat,#tyremotionModal .step[data-step=runflat] .buttons .btn.btn-primary#disable-runflat{border-radius:25px;justify-content:center;text-transform:uppercase;font-weight:700}#tyremotionModal .step[data-step=runflat] .buttons .btn.btn-primary#enable-runflat{background-color:var(--axtyremotion-yellow)}#tyremotionModal .step[data-step=runflat] .buttons .btn.btn-primary#disable-runflat:hover{background-color:rgba(0,0,0,0)}#tyremotionModal .step[data-step=runflat] .buttons .btn-back{margin-top:15px}#tyremotionModal #axTyreMotionForm{width:100%;--_selected-file-text: "Aucun fichier choisi"}#tyremotionModal #axTyreMotionForm .file{position:relative;display:block;margin:0 auto;cursor:pointer;height:2.5rem;width:fit-content}#tyremotionModal #axTyreMotionForm .file input{min-width:14rem;margin:0;filter:alpha(opacity=0);opacity:0}#tyremotionModal #axTyreMotionForm .file-custom{position:absolute;top:0;right:0;left:0;z-index:5;height:2.5rem;padding:.5rem 1rem;line-height:1.5;color:var(--axtyremotion-text);background-color:var(--axtyremotion-yellow);border-radius:1.25rem;font-size:14px;text-align:center;font-weight:600;user-select:none;display:flex;align-items:center;gap:5px;justify-content:center}#tyremotionModal #axTyreMotionForm .file-custom:before{content:"";display:block;width:15px;height:15px;background-image:url(../../assets/img/image.svg);background-repeat:no-repeat;background-size:contain}@media screen and (max-width: 768px){#tyremotionModal #axTyreMotionForm .file-custom:before{background-image:url(../../assets/img/photo.svg)}}.tyremotion-btn-block{display:flex;justify-content:center}@media screen and (min-width: 1200px){#ax-tyres-form-2-wrapper .tyremotion-btn-block{position:absolute;bottom:5px;right:280px}}@media screen and (max-width: 1200px){#ax-tyres-form-2-wrapper .tyremotion-btn-block{margin:0 0 30px}}@media screen and (max-width: 768px){#ax-tyres-form-2-wrapper .tyremotion-btn-block{margin:0 0 20px;width:100%}}span.info-tooltip-tyremotion{position:relative;display:inline-block;width:20px;height:20px;background-size:cover;background-image:url(../img/info.svg);filter:invert(100%);vertical-align:top;margin-left:5px}