.bb-gallery{--duration-crossfade: .45s;--opacity-video-dim: .25;--size-gallery-thumb: 72px;--space-gallery-thumbs: 12px;--radius-gallery-thumb: calc(var(--radius-image) / 2);display:block}.bb-gallery__carousel{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-gallery-thumbs)}.bb-gallery__slide{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-image);background:var(--color-surface-media)}.bb-gallery__slide--video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-surface-overlay);opacity:var(--opacity-video-dim);pointer-events:none}.bb-gallery__thumbs{grid-area:1 / 2;position:relative;width:var(--size-gallery-thumb)}.bb-gallery__thumbs-list{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:var(--space-gallery-thumbs);padding:2px;overflow-y:auto;scrollbar-width:none}.bb-gallery__thumb{position:relative;flex:none;width:calc(var(--size-gallery-thumb) - 4px);aspect-ratio:1;padding:0;overflow:hidden;border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-gallery-thumb);background:var(--color-surface-media);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-out)}.bb-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.bb-gallery__thumb:hover,.bb-gallery__thumb[aria-current=true]{border-color:var(--color-text-primary);outline:var(--border-width-hairline) solid var(--color-text-primary)}.bb-gallery__thumb-play{position:absolute;right:4px;bottom:4px;display:flex;padding:3px;border-radius:var(--radius-pill);background:var(--color-surface-overlay);color:var(--color-text-inverse)}.bb-gallery__mute{position:absolute;z-index:1;right:var(--space-media-inset);bottom:var(--space-media-inset);color:var(--color-text-inverse);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bb-gallery__enlarge{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:none;cursor:zoom-in}.bb-gallery-modal{--size-lightbox-button: 44px;--space-lightbox-controls: 12px;--modal-body-max-width: 100vw;--modal-body-padding-block: 0;--modal-body-padding-inline: 0}.bb-gallery-modal::part(overlay){background:var(--color-surface-page)}.bb-gallery-modal::part(content){max-height:100dvh;overflow:hidden;background:none}.bb-gallery-modal::part(header){position:absolute;display:block;border:0;background:none}.bb-gallery-modal::part(close-button){display:none}.bb-gallery-lightbox{position:relative;display:block}.bb-gallery-lightbox__image{display:block;width:100%;height:100dvh;object-fit:contain}.bb-gallery-lightbox__live{display:none;place-items:center;width:100%;height:100dvh}.bb-gallery-lightbox[data-live] .bb-gallery-lightbox__live{display:grid}.bb-gallery-lightbox[data-live] .bb-gallery-lightbox__image{display:none}.bb-gallery-lightbox__live>*{width:min(100%,100dvh)}.bb-gallery-lightbox__close,.bb-gallery-lightbox .bb-carousel-arrow.bb-carousel-arrow--floating{--carousel-arrow-size: var(--size-lightbox-button);position:absolute;z-index:2;display:grid;translate:none;inset:auto auto var(--space-page-inline) 50%;margin-inline-start:calc(var(--size-lightbox-button) / -2);box-shadow:var(--shadow-dropdown)}.bb-gallery-lightbox .bb-carousel-arrow.bb-carousel-arrow--prev{margin-inline-start:calc(var(--size-lightbox-button) * -1.5 - var(--space-lightbox-controls))}.bb-gallery-lightbox .bb-carousel-arrow[data-lightbox-step="1"]{margin-inline-start:calc(var(--size-lightbox-button) / 2 + var(--space-lightbox-controls))}.bb-gallery-lightbox__count{display:none}.bb-gallery__native{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.bb-gallery__native img{object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-bb-gallery.css.map */