.ClientsContrats{position:relative;margin:64px 12px 0}@media(min-width:768px){.ClientsContrats{margin:4px 24px 0}}@media(min-width:1024px){.ClientsContrats{margin-top:0}}.ClientsContratsItem{border:1px solid var(--input);border-radius:calc(var(--radius) - 2px);padding:12px;cursor:pointer}@media(min-width:1024px){.ClientsContratsItem{padding:20px 0;border-top:0;border-left:0;border-right:0;border-radius:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}}@media(min-width:768px){@keyframes firstArrowMovement{0%{left:0;opacity:1}40%{left:0;opacity:0}to{left:0;opacity:0}}@keyframes secondArrowMovement{0%{left:0;opacity:0}20%{left:10px;opacity:1}50%,to{left:10px;opacity:1}}.ClientsContratsItem:hover .isActiveFirstArrow{animation:firstArrowMovement 2s forwards}.ClientsContratsItem:hover .isActiveSecondArrow{animation:secondArrowMovement 2s forwards}@keyframes firstArrowMovementBack{0%{left:0;opacity:0}40%{left:0;opacity:1}to{left:0;opacity:1}}@keyframes secondArrowMovementBack{0%{left:10px;opacity:1}50%,to{left:0;opacity:0}}.ClientsContratsItem:not(:hover) .isActiveFirstArrow{animation:firstArrowMovementBack 1s forwards}.ClientsContratsItem:not(:hover) .isActiveSecondArrow{animation:secondArrowMovementBack 1s forwards}}.ClientsContratsItem-arrow{position:absolute;width:5px;height:8px;left:0;bottom:-4px;opacity:1}.ClientsContratsItem-row{display:flex;align-items:center;gap:16px}.ClientsContratsItem-image{width:74px;height:74px}@media(min-width:1024px){.ClientsContratsItem-image{width:32px;height:32px}.ClientsContratsItem-infos{display:flex;align-items:center;gap:12px;flex:1 1 0%}}.ClientsContratsItem-nomDesktop{display:none}@media(min-width:1024px){.ClientsContratsItem-nomDesktop{display:block}}.ClientsContratsItem-statut{font-size:12px;font-weight:600;line-height:16px}.ClientsContratsItem-badge{color:#fff}.ClientsContratsItem-badge--actif,.ClientsContratsItem-badge--resilie{width:-moz-fit-content;width:fit-content;padding:2px 10px;border-radius:var(--radius)}.ClientsContratsItem-badge--actif{background:#22c55e}.ClientsContratsItem-badge--resilie{background:#ef4444}.ClientsContratsItem-badge--enCours{padding:3.5px 10px;border-radius:calc(var(--radius) - 2px);background:#f59e0b}.ClientsContratsItem-details{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;font-size:14px;font-weight:500;line-height:20px;color:#171717}.ClientsContratsItem-nomMobile{display:block}@media(min-width:1024px){.ClientsContratsItem-nomMobile{display:none}}.ClientsContratsItem-arrows{position:relative;display:none}@media(min-width:1024px){.ClientsContratsItem-arrows{display:block}}.ClientsContratsItem-arrowsInner{position:absolute}.ClientsContratsItem-periode{font-size:12px;font-weight:400;line-height:16px;white-space:nowrap;color:#737373}@media(min-width:1024px){.ClientsContratsItem-periode{display:flex;justify-content:flex-end;flex:1 1 0%}}