.of-ruban{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.of-ruban-piste{will-change:transform;width:max-content;animation:of-ruban-gauche var(--of-ruban-duree,90s) linear infinite;display:flex}.of-ruban-piste--droite{animation-name:of-ruban-droite}.of-ruban:hover .of-ruban-piste,.of-ruban:focus-within .of-ruban-piste{animation-play-state:paused}.of-ruban-carte{flex:none;width:clamp(300px,31vw,440px);margin-right:18px}.of-ruban-carte .of-carte{height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1)}.of-ruban-carte a:hover .of-carte{transform:translateY(-6px)}.of-ruban-visuel{position:relative;overflow:hidden}.of-ruban-visuel img{transition:transform .9s cubic-bezier(.23,1,.32,1)}.of-ruban-carte a:hover .of-ruban-visuel img{transform:scale(1.06)}.of-ruban-voir{background:var(--of-voile);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--of-eclat);opacity:0;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;font-size:12px;transition:opacity .32s,transform .32s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;inset:auto 12px 12px;transform:translateY(6px)}.of-ruban-carte a:hover .of-ruban-voir,.of-ruban-carte a:focus-visible .of-ruban-voir{opacity:1;transform:translateY(0)}.of-ruban-pied{justify-content:space-between;align-items:center;gap:12px;padding:17px 20px 18px;display:flex}.of-ruban-client{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.of-ruban-detail{color:var(--of-acier-sombre);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}@keyframes of-ruban-gauche{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes of-ruban-droite{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (max-width:640px){.of-ruban-carte{width:78vw}}@media (prefers-reduced-motion:reduce){.of-ruban{scroll-snap-type:x mandatory;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.of-ruban-piste{animation:none}.of-ruban-copie{display:none}.of-ruban-carte{scroll-snap-align:center}.of-ruban-carte .of-carte,.of-ruban-visuel img{transition:none}}