.ouiw-slider{--ouiw-per:1;--ouiw-gap:1.5rem;position:relative;display:flex;flex-direction:column}
.ouiw-per-2{--ouiw-per:2}.ouiw-per-3{--ouiw-per:3}.ouiw-per-4{--ouiw-per:4}
@media (max-width:991.98px){.ouiw-per-3,.ouiw-per-4{--ouiw-per:2}}
@media (max-width:575.98px){.ouiw-slider{--ouiw-per:1}.ouiw-slider__slide{flex-basis:86%!important}}
.ouiw-slider__track{order:1;display:flex;gap:var(--ouiw-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.25rem .1rem 1rem}
.ouiw-slider__track::-webkit-scrollbar{display:none}
.ouiw-slider__slide{flex:0 0 calc((100% - (var(--ouiw-per) - 1) * var(--ouiw-gap)) / var(--ouiw-per));scroll-snap-align:start;min-width:0}
.ouiw-slider__controls{order:2;display:flex;justify-content:flex-end;gap:.5rem}
.ouiw-slider__dots{order:3;display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}
.ouiw-slider__btn{display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:1.5rem;line-height:1;cursor:pointer}
.ouiw-slider__btn:disabled{opacity:.35;cursor:default}
.ouiw-slider__rotation span::before{content:"";display:block;width:.7rem;height:.8rem;border-left:.22rem solid currentColor;border-right:.22rem solid currentColor;box-sizing:border-box;border-top:0;border-bottom:0;margin-left:0}
.ouiw-slider__rotation.is-stopped span::before{content:"";display:block;width:0;height:0;border-left:.7rem solid currentColor;border-top:.42rem solid transparent;border-bottom:.42rem solid transparent;margin-left:.15rem;border-right:0;box-sizing:content-box}
.ouiw-slider__dot{width:.75rem;height:.75rem;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;cursor:pointer;opacity:.6}
.ouiw-slider__dot[aria-current]{background:currentColor;opacity:1}
.ouiw-slider :focus-visible{outline:3px solid var(--oui-primary,#2563eb);outline-offset:2px}
.ouiw-box{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--oui-radius-lg,1rem);background:var(--oui-bg-elevated,#fff);color:#0f172a;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.ouiw-box__image{width:100%;aspect-ratio:4/3;object-fit:cover}
.ouiw-box__body{display:flex;flex-direction:column;gap:.4rem;flex:1;padding:1.25rem 1.4rem 1.5rem}
.ouiw-box__subtitle{margin:0;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.65}
.ouiw-box__title{margin:0;font-size:1.25rem}.ouiw-box__text{margin:0;opacity:.8}.ouiw-box__button{align-self:flex-start;margin-top:auto}
.ouiw-quote{margin:0;height:100%;padding:2rem;border-radius:var(--oui-radius-lg,1rem);background:var(--oui-bg-elevated,#fff);color:#0f172a;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.ouiw-quote__rating{margin:0 0 .75rem;color:#f59e0b;letter-spacing:.1em}.ouiw-quote__rating .is-off{opacity:.25}
.ouiw-quote__text{margin:0 0 1.25rem;font-size:1.15rem;line-height:1.55}.ouiw-quote__text p{margin:0}
.ouiw-quote__author{display:flex;color:inherit;align-items:center;gap:.8rem}
.ouiw-quote__avatar{width:3rem;height:3rem;border-radius:50%;object-fit:cover}
.ouiw-quote__role{display:block;font-size:.875rem;opacity:.65}
@media (prefers-reduced-motion:reduce){.ouiw-slider__track{scroll-behavior:auto}}
/* Logo carousel: its own numbers (--ouiw-per, --ouiw-gap, --ouiw-edge, --ouiw-h) come from the element's generated class. */
.ouiw-slider--logos .ouiw-slider__track{padding:0 var(--ouiw-edge,0);scroll-padding:0 var(--ouiw-edge,0)}
.ouiw-slider--logos .ouiw-slider__slide{flex-basis:calc((100% - (var(--ouiw-per) - 1) * var(--ouiw-gap)) / var(--ouiw-per))!important}
.ouiw-logo{margin:0;height:var(--ouiw-h,120px)}.ouiw-logo a{display:block;height:100%}
.ouiw-logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.ouiw-fit-cover .ouiw-logo img{object-fit:cover}
/* The logo carousel's rotation button stays for keyboard users but takes no room until it is focused. */
.ouiw-slider--logos .ouiw-slider__controls{position:absolute;right:0;top:0;z-index:2;width:1px;height:1px;overflow:hidden;opacity:0}
.ouiw-slider--logos .ouiw-slider__controls:focus-within{width:auto;height:auto;overflow:visible;opacity:1}
/* Slides style (image box slider): one full-width picture at a time in its own shape; caption, arrows and dots lie over it. */
.ouiw-slider--slides{--ouiw-gap:0px}
.ouiw-slider--slides .ouiw-slider__track{padding:0;align-items:flex-start;overflow-y:hidden}
.ouiw-slider--slides .ouiw-slider__slide{flex-basis:100%!important}
.ouiw-frame{position:relative}
.ouiw-frame__image{display:block;width:100%;height:auto}
.ouiw-frame__caption{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem 3.5rem;text-align:center;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55)}
.ouiw-frame__subtitle,.ouiw-frame__title,.ouiw-frame__text{margin:0}
.ouiw-frame__title{font-size:clamp(1.25rem,3vw,2.5rem);color:inherit}
.ouiw-slider--slides .ouiw-slider__controls{position:absolute;inset:0;display:block;pointer-events:none;z-index:2}
.ouiw-slider--slides .ouiw-slider__btn{pointer-events:auto;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.ouiw-slider--slides .ouiw-slider__prev,.ouiw-slider--slides .ouiw-slider__next{position:absolute;top:0;bottom:0;width:2.5rem;height:auto;border:0;border-radius:0;font-size:2.5rem}
.ouiw-slider--slides .ouiw-slider__prev{left:0}.ouiw-slider--slides .ouiw-slider__next{right:0}
.ouiw-slider--slides .ouiw-slider__rotation{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background:rgba(0,0,0,.4);border-color:#fff}
.ouiw-slider--slides .ouiw-slider__dots{position:absolute;left:0;right:0;bottom:.75rem;margin:0;color:#fff;pointer-events:none}
.ouiw-slider--slides .ouiw-slider__dot{pointer-events:auto}
.ouiw-slider.is-sliding .ouiw-slider__track{scroll-snap-type:none}
