.image-banner--has-reels .image-banner__wrapper{display:grid;grid-template-columns:minmax(0,1fr)}.image-banner--has-reels .image-banner__content{width:100%;min-width:0;min-height:auto;gap:3.2rem}.image-banner-reels{--reels-visible: var(--reels-mobile);--reels-height: var(--reels-height-mobile);--reels-margin-left: auto;--reels-margin-right: auto;--reels-track-width: calc(var(--reels-height) * 9 / 16 * var(--reels-visible) + var(--reels-gap) * (var(--reels-visible) - 1));display:block;width:100%;min-width:0;margin-block:auto;color:rgb(var(--color-title))}.image-banner-reels[data-align-mobile=left]{--reels-margin-left: 0px}.image-banner-reels[data-align-mobile=right]{--reels-margin-right: 0px}@media screen and (min-width:750px){.image-banner-reels{--reels-visible: var(--reels-desktop);--reels-height: var(--reels-height-desktop)}.image-banner-reels[data-align-desktop]{--reels-margin-left: auto;--reels-margin-right: auto}.image-banner-reels[data-align-desktop=left]{--reels-margin-left: 0px}.image-banner-reels[data-align-desktop=right]{--reels-margin-right: 0px}}.image-banner-reels__viewport,.image-banner-reels__controls{width:100%;max-width:var(--reels-track-width);margin-left:var(--reels-margin-left);margin-right:var(--reels-margin-right)}.image-banner-reels__viewport{display:flex;gap:var(--reels-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.image-banner-reels__viewport::-webkit-scrollbar{display:none}.image-banner-reels.is-carousel .image-banner-reels__viewport,.image-banner-reels.is-carousel .image-banner-reels__video{cursor:grab}.image-banner-reels.is-dragging .image-banner-reels__viewport{scroll-snap-type:none;-webkit-user-select:none;user-select:none}.image-banner-reels.is-dragging .image-banner-reels__viewport,.image-banner-reels.is-dragging .image-banner-reels__video{cursor:grabbing}.image-banner-reels__slide{flex:0 0 calc((100% + var(--reels-gap)) / var(--reels-visible) - var(--reels-gap));min-width:0;scroll-snap-align:start}.image-banner-reels__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#000;border-radius:var(--border-radius, .8rem)}.image-banner-reels__caption{margin:1.2rem 0 0;color:inherit;font-size:var(--reel-title-size, 16px);font-weight:var(--reel-title-weight, inherit);line-height:1.4;text-align:var(--reel-title-alignment, center);overflow-wrap:anywhere}.image-banner-reels__video{position:static;display:block;width:100%;height:100%;object-fit:var(--reels-fit)}.image-banner-reels__placeholder{display:grid;place-items:center;height:100%;padding:1.6rem;color:#fff;font-size:1.6rem;text-align:center}.image-banner-reels__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem;margin-block-start:1.6rem}.image-banner-reels__controls[hidden]{display:none}.image-banner-reels__control{display:inline-flex;align-items:center;justify-content:center;min-width:4.4rem;min-height:4.4rem;padding:.8rem 1.2rem;border:1px solid currentColor;border-radius:.4rem;color:inherit;background:transparent;font:inherit;font-size:1.4rem;cursor:pointer}.image-banner-reels__control[hidden]{display:none}.image-banner-reels__status{font-size:1.4rem;font-variant-numeric:tabular-nums}.image-banner-reels__viewport:focus-visible,.image-banner-reels__control:focus-visible,.image-banner-reels__video:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.image-banner-reels__announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/2/assets/image-banner-reels.css.map */