.carrousel{--col-size: calc(100% / var(--cols));--active: 0;--last-slide-column: calc(var(--total-columns) - var(--cols));--scroll: 0px;--count-slides: var(--count);overflow-x:clip}.carrousel__content{--maximum-left: min(calc((100% / var(--cols)) / 2), calc(-1 * var(--last-slide-column) * var(--col-size)));--current-left: calc(-1 * var(--active) * var(--col-size) + var(--scroll));display:grid;grid-template-columns:repeat(var(--count-slides),var(--col-size));grid-template-rows:repeat(var(--rows),1fr);grid-auto-flow:column;grid-auto-columns:var(--col-size);transform:translate3d(clamp(var(--maximum-left),var(--current-left),0px),0,0);transition:.3s transform ease-in-out;margin-left:calc(-1 * var(--gap) / 2);margin-right:calc(-1 * var(--gap) / 2);row-gap:var(--gap);margin-bottom:calc(var(--gap) + 20px)}.carrousel__content>*{margin-left:var(--gap);margin-right:var(--gap)}.carrousel__controls{display:flex;flex-direction:row;justify-content:center;gap:20px}.carrousel__indicators-viewport{display:contents}.carrousel__indicators{display:flex;flex-direction:row;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.carrousel__indicators>span{border-radius:50%;background-color:#00305e1a;width:12px;height:12px;cursor:pointer;outline:none;border:1px solid rgba(0,48,94,.15);transition:all .3s}.carrousel__indicators>span.active{background-color:#00305e;border-color:#00305e;width:16px;height:16px}.carrousel__progress{width:274px;height:8px;border-radius:100px;background:#00305e0d;overflow:hidden;position:relative;margin:0 auto}.carrousel__progress:after{--segment-width: calc(100% / var(--total-columns));--width: calc(var(--segment-width) * var(--cols));--left: calc(var(--active) * var(--segment-width));--max: calc(100% - var(--width));position:absolute;content:" ";width:var(--width);top:0;bottom:0;background:#00305e4d;border-radius:100px;left:clamp(0px,var(--left),var(--max));transition:left .3s ease-in}.carrousel.variant-classic{position:relative}.carrousel.variant-classic .carrousel__content{margin-bottom:0}.carrousel.variant-classic .carrousel__controls{position:absolute;inset:0}.carrousel.variant-classic .carrousel__next,.carrousel.variant-classic .carrousel__prev{position:absolute;height:100%;width:30px;background-color:#00305e33;border:0;color:#fff;border-radius:0;transition:all .3s ease-in-out}.carrousel.variant-classic .carrousel__next:hover,.carrousel.variant-classic .carrousel__prev:hover{background-color:#00305ea6}.carrousel.variant-classic .carrousel__next{right:0}.carrousel.variant-classic .carrousel__prev{left:0}.carrousel.arrows-floating{position:relative}.carrousel.arrows-floating .carrousel__controls{position:absolute;inset:0;justify-content:space-between;gap:0;padding:0 10px;pointer-events:none;z-index:2}.carrousel.arrows-color-white{--carrousel-accent-color: white}.carrousel.arrows-floating .carrousel__next,.carrousel.arrows-floating .carrousel__prev{position:static;align-self:center;height:auto;width:auto;padding:0;background:none;border:0;color:var(--carrousel-accent-color, var(--brand-500));line-height:0;opacity:.85;pointer-events:auto;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.carrousel.arrows-floating .carrousel__next svg,.carrousel.arrows-floating .carrousel__prev svg{display:block;width:64px;height:64px}.carrousel.arrows-floating .carrousel__prev:hover{opacity:1;transform:translate(-3px)}.carrousel.arrows-floating .carrousel__next:hover{opacity:1;transform:translate(3px)}.carrousel.dots-compact{--carrousel-dots-visible: 5;--carrousel-dot-size: 6px;--carrousel-dot-gap: 5px;position:relative}.carrousel.dots-compact .carrousel__content{margin-bottom:0}.carrousel.dots-compact .carrousel__indicators-viewport{display:block;position:absolute;left:50%;bottom:8px;transform:translate(-50%);overflow:hidden;width:calc(var(--carrousel-dots-visible) * var(--carrousel-dot-size) + (var(--carrousel-dots-visible) - 1) * var(--carrousel-dot-gap));pointer-events:auto;z-index:2}.carrousel.dots-compact .carrousel__indicators{flex-wrap:nowrap;justify-content:flex-start;width:max-content;gap:var(--carrousel-dot-gap);transition:transform .3s ease;will-change:transform}.carrousel.dots-compact .carrousel__indicators>span{flex-shrink:0;width:var(--carrousel-dot-size);height:var(--carrousel-dot-size);background-color:var(--carrousel-accent-color, var(--brand-500));border:none;opacity:.4}.carrousel.dots-compact .carrousel__indicators>span.active{width:var(--carrousel-dot-size);height:var(--carrousel-dot-size);opacity:1}