.bb-banner-slider{--bb-columns: 1;--bb-gap: var(--bb-gap-mobile, 0px);--bb-span: var(--bb-banner-span-mobile, 1);--bb-unit: calc((100% - (var(--bb-columns) - 1) * var(--bb-gap)) / var(--bb-columns))}.bb-banner-slider>.swiper-wrapper>.swiper-slide{width:var(--bb-unit);flex-shrink:0;height:auto}.bb-banner-slider>.swiper-wrapper>.bb-banner-slide{width:calc(var(--bb-unit) * var(--bb-span) + (var(--bb-span) - 1) * var(--bb-gap))}.bb-banner-overlay{display:none}.bb-featured-banner{display:block;width:100%;min-width:0;position:relative;overflow:hidden;border-radius:var(--card-corner-radius, 6px);background:var(--bb-banner-background, #efefef);height:var(--bb-banner-height, auto);aspect-ratio:1}.bb-featured-banner__media,.bb-featured-banner__media picture{display:block;width:100%;height:100%}.bb-featured-banner__media img,.bb-featured-banner__media video{display:block;width:100%;height:100%;object-fit:var(--bb-banner-fit, cover);object-position:var(--bb-banner-focus, 50% 50%)}.bb-featured-banner__media:focus-visible{outline:3px solid #fff;outline-offset:-6px;box-shadow:inset 0 0 0 9px #111}.bb-featured-banner__toggle{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s ease,background .16s ease}.bb-featured-banner:hover>.bb-featured-banner__toggle,.bb-featured-banner:focus-within>.bb-featured-banner__toggle{opacity:1;pointer-events:auto}.bb-featured-banner__toggle:hover{background:#0006}.bb-featured-banner__toggle svg{display:block;width:24px;height:24px;color:#fff}.bb-featured-banner__toggle .bb-featured-banner__pause,.bb-featured-banner__toggle[aria-pressed=true] .bb-featured-banner__play{display:none}.bb-featured-banner__toggle[aria-pressed=true] .bb-featured-banner__pause{display:block}.bb-featured-banner__toggle[hidden]{display:none}.bb-featured-banner__measure{position:absolute;visibility:hidden;width:0;height:0;overflow:hidden;pointer-events:none}.bb-featured-banner__toggle:focus-visible{outline:3px solid #fff;outline-offset:-5px}@media(max-width:749px){.bb-featured-banner__image{object-position:var(--bb-banner-mobile-focus, 50% 50%)!important}}@media(min-width:750px){.bb-banner-slider{--bb-columns: 3;--bb-gap: var(--bb-gap-desktop, 0px);--bb-span: var(--bb-banner-span-desktop, 1)}}@media(min-width:990px){.bb-banner-slider{--bb-columns: 4}:is(.bb-banner-slider--fixed,.bb-banner-slider:has(>.bb-banner-overlay)){clip-path:inset(-100vmax -100vmax -100vmax 0)}:is(.bb-banner-slider--fixed,.bb-banner-slider:has(>.bb-banner-overlay))>.bb-banner-overlay{display:block;position:absolute;left:0;top:0;bottom:0;z-index:3;width:calc(var(--bb-unit) * var(--bb-span) + (var(--bb-span) - 1) * var(--bb-gap));background:rgb(var(--color-background, 255, 255, 255))}:is(.bb-banner-slider--fixed,.bb-banner-slider:has(>.bb-banner-overlay))>.swiper-wrapper>.bb-banner-slide{min-height:var(--bb-fixed-height, 0px);pointer-events:none}:is(.bb-banner-slider--fixed,.bb-banner-slider:has(>.bb-banner-overlay))>.swiper-wrapper>.bb-banner-slide>bb-featured-banner{display:none}}@media(prefers-reduced-motion:reduce){.bb-featured-banner__toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/bb-featured-banner.css.map */