.bb-banner{position:relative;width:100%;isolation:isolate}.bb-banner .bb-stage{position:relative;overflow:hidden;transition:height var(--bb-duration,650ms) ease}.bb-banner .bb-stage .bb-slide{display:block;position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--bb-duration,650ms) cubic-bezier(.4,0,.2,1)}.bb-banner .bb-stage .bb-slide.is-active{opacity:1;z-index:1}.bb-banner .bb-stage .bb-slide[hidden]{display:none}.bb-banner .bb-stage img{display:block;width:100%;height:auto;margin:0;border:0}.bb-banner:not(:has(.is-active)) .bb-stage .bb-slide:first-child{position:relative;opacity:1}.bb-banner .bb-controls{position:absolute;z-index:3;bottom:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px);display:flex;gap:10px}.bb-banner .bb-controls button{all:unset;box-sizing:border-box;display:grid;place-items:center;width:var(--bb-size,44px);height:var(--bb-size,44px);border-radius:50%;background:var(--bb-bg,#18232d);color:var(--bb-fg,#fff);border:1px solid #ffffff38;cursor:pointer;box-shadow:0 2px 12px #0002;transition:opacity .2s,transform .2s}.bb-banner .bb-controls button:before,.bb-banner .bb-controls button:after{content:none}.bb-banner .bb-controls button:hover{background:var(--bb-bg,#18232d);color:var(--bb-fg,#fff);opacity:.85;transform:translateY(-1px)}.bb-banner .bb-controls button:focus-visible{outline:3px solid var(--bb-fg,#fff);outline-offset:3px}.bb-banner .bb-controls svg{display:block;width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.bb-banner[data-position="bottom-center"] .bb-controls{right:auto;left:50%;transform:translateX(-50%)}.bb-banner[data-position="sides"] .bb-controls{left:16px;right:16px;top:50%;bottom:auto;transform:translateY(-50%);justify-content:space-between;pointer-events:none}.bb-banner[data-position="sides"] .bb-controls button{pointer-events:auto}@media(prefers-reduced-motion:reduce){.bb-banner .bb-stage,.bb-banner .bb-stage .bb-slide,.bb-banner .bb-controls button{transition:none}}

.bb-banner .bb-stage picture,.bb-banner .bb-slide-link{display:block;width:100%;height:100%;margin:0;padding:0}.bb-banner .bb-slide-link:focus-visible{outline:3px solid #fff;outline-offset:-4px}
@media(max-width:767px){.bb-banner .bb-stage{height:var(--bb-mobile-height,560px)!important}.bb-banner .bb-stage .bb-slide,.bb-banner:not(:has(.is-active)) .bb-stage .bb-slide:first-child{position:absolute;inset:0;height:100%}.bb-banner .bb-stage img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:var(--bb-mobile-x,50%) var(--bb-mobile-y,50%)}}

.bb-banner .bb-stage .bb-slide.is-active{pointer-events:auto}