.comparaison-accordion{border-collapse:collapse;display:flex;flex-direction:column;gap:var(--padding);width:100%}.comparaison-accordion .accordion{border-radius:10px;box-shadow:0 2px 36.5px 0 rgba(212,236,255,.25);flex:1;overflow:hidden}.comparaison-accordion .row{align-items:center;column-gap:5px;display:grid;grid-template-columns:40% repeat(3,1fr) 60px;justify-items:center;overflow-x:auto;padding:20px 0}.comparaison-accordion .cell{margin:0}.comparaison-accordion .cell-heading-title,.comparaison-accordion .cell-subject{justify-self:flex-start;text-align:left}.comparaison-accordion .cell-heading-label{transition:all .3s ease}.comparaison-accordion .row-heading .cell{font-size:28px;font-weight:600}.comparaison-accordion .accordion:not(.active) .row-heading{cursor:pointer;user-select:none}.comparaison-accordion .accordion:not(.active) .cell-heading-label{opacity:0;pointer-events:none;user-select:none;visibility:hidden}.comparaison-accordion .row-heading .cell-toggle{height:100%;pointer-events:none;position:relative;user-select:none}.comparaison-accordion .row-heading .cell-toggle:after,.comparaison-accordion .row-heading .cell-toggle:before{background-color:var(--color-secondary);border-radius:2px;content:"";height:2px;left:50%;pointer-events:none;position:absolute;top:53%;transform-origin:center;transition:all .3s ease;user-select:none;width:12px}.comparaison-accordion .row-heading .cell-toggle:before{left:calc(50% - 4px);transform:translate(-50%,-50%) rotate(45deg)}.comparaison-accordion .row-heading .cell-toggle:after{left:calc(50% + 4px);transform:translate(-50%,-50%) rotate(-45deg)}.comparaison-accordion .rows-content{height:0;margin:0;overflow:hidden;padding:0;text-align:center;transition:height .3s ease}.comparaison-accordion .cell svg{height:20px;width:20px;fill:var(--color-primary,#ea6852)}.comparaison-accordion .accordion.active .rows-content{height:auto}.comparaison-accordion .accordion.active .row-heading .cell-toggle:before{transform:translate(-50%,-50%) rotate(-45deg)}.comparaison-accordion .accordion.active .row-heading .cell-toggle:after{transform:translate(-50%,-50%) rotate(45deg)}@media screen and (min-width:1024px){.comparaison-accordion .accordion:not(.active):hover .row-heading .cell-toggle:before{transform:translate(-50%,-50%) rotate(-45deg)}.comparaison-accordion .accordion:not(.active):hover .row-heading .cell-toggle:after{transform:translate(-50%,-50%) rotate(45deg)}}