gallery-bento{display:block;--vsg2-play-button-size: 44px;--vsg2-mute-button-size: 44px;--vsg2-timer-font-size: 11px;--vsg2-button-spacing: 10px;--vsg2-border-radius: var(--gb-radius)}.gallery-bento__title{margin:0 0 2rem}.gallery-bento__wrap{container-type:inline-size;display:flex;flex-direction:column}.gallery-bento__cta{display:flex;justify-content:center;margin:calc(var(--gb-space-above) * .75) 0 calc(var(--gb-space-below) * .75)}@media screen and (min-width:750px){.gallery-bento__cta{margin:var(--gb-space-above) 0 var(--gb-space-below)}}.gallery-bento__cta--left{justify-content:flex-start}.gallery-bento__cta--right{justify-content:flex-end}.gallery-bento__grid{--cols: 2;--gap: var(--gb-gap-mobile);display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc((100cqi - (var(--cols) - 1) * var(--gap)) / var(--cols));gap:var(--gap)}@media screen and (min-width:750px){.gallery-bento__grid{--cols: var(--gb-cols);--gap: var(--gb-gap-desktop)}}.gallery-bento__grid--dense{grid-auto-flow:row dense}.gallery-bento__item--wide,.gallery-bento__item--large,.gallery-bento__item--extra-tall{grid-column:span 2}.gallery-bento__item--tall,.gallery-bento__item--large{grid-row:span 2}.gallery-bento__item--extra-tall{grid-row:span 4}.gallery-bento__item{position:relative;min-width:0;overflow:hidden;border-radius:var(--gb-radius);background:rgba(var(--color-foreground),.04)}.gallery-bento__open{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.gallery-bento__open:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}.gallery-bento__media,.gallery-bento__placeholder{display:block;width:100%;height:100%;object-fit:cover}.gallery-bento__media{transition:transform .5s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.gallery-bento__open:hover .gallery-bento__media{transform:scale(1.03)}}.gallery-bento__item--fit .gallery-bento__media,.gallery-bento__item--fit .video-slider-gallery-v2__thumbnail{object-fit:contain}.gallery-bento__item--fill .video-slider-gallery-v2__video{object-fit:cover}.gallery-bento__item--fit.video-slider-gallery-v2__slide{background:#000}.gallery-bento__placeholder{fill:rgba(var(--color-foreground),.35)}gallery-bento .video-slider-gallery-v2__controls{flex-flow:row wrap;justify-content:center;max-width:100%}.gallery-bento__zoom{width:var(--vsg2-mute-button-size);height:var(--vsg2-mute-button-size)}.gallery-bento__dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#131415f0;touch-action:none;touch-action:pinch-zoom;overflow:hidden}.gallery-bento__dialog::backdrop{background:transparent}.gallery-bento__dialog[open]{animation:gb-fade-in .25s ease-out}.gallery-bento__top{position:absolute;top:1.6rem;right:1.6rem;left:1.6rem;z-index:1;display:flex;justify-content:flex-end;gap:.8rem}.gallery-bento__top>*{min-width:0}.gallery-bento__stage{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);padding:7rem 1.6rem}.gallery-bento__stage>*{grid-area:1 / 1;width:100%;height:100%}.gallery-bento__dialog[open] .gallery-bento__stage{animation:gb-zoom-in .35s cubic-bezier(.16,1,.3,1)}@media screen and (min-width:750px){.gallery-bento__stage{padding:7rem 8rem}}.gallery-bento__dialog-img{display:block;justify-self:center;object-fit:contain;background:center / contain no-repeat}.gallery-bento__dialog-img:not([src]){display:none}.gallery-bento__stage>.video-slider-gallery-v2__slide{border-radius:0;background:none}.gallery-bento__stage .video-slider-gallery-v2__video,.gallery-bento__stage .video-slider-gallery-v2__thumbnail{object-fit:contain;background:none}.gallery-bento__end{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:1.6rem}.gallery-bento__dialog:is([data-pos=start],[data-pos=end]) .gallery-bento__end{display:flex}.gallery-bento__dialog:is([data-pos=start],[data-pos=end]) .gallery-bento__stage{visibility:hidden}.gallery-bento__dialog:is([data-pos=start],[data-pos=end]) .gallery-bento__top,.gallery-bento__dialog[data-pos=start] .gallery-bento__arrow--prev,.gallery-bento__dialog[data-pos=end] .gallery-bento__arrow--next{display:none}.gallery-bento__action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:4.4rem;max-width:100%;padding:1rem 2.4rem;border-radius:2.2rem;background:#fff;color:#131415;font-size:1.5rem;line-height:1.3;text-align:center;text-decoration:none}.gallery-bento__top .gallery-bento__action{display:block;height:4.4rem;padding:0 1.6rem;font-size:1.4rem;line-height:4.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-bento__close,.gallery-bento__arrow{z-index:1;width:4.4rem;height:4.4rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff;cursor:pointer}.gallery-bento__arrow{position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:749px){.gallery-bento__dialog:not(.gallery-bento__dialog--phone-arrows) .gallery-bento__arrow{clip-path:inset(50%)}}.gallery-bento__arrow--prev{left:1.6rem}.gallery-bento__arrow--next{right:1.6rem}.gallery-bento__arrow svg{width:2rem;height:2rem}.gallery-bento__close .icon{flex-shrink:0;width:1.6rem;height:1.6rem}.gallery-bento__close--text{width:auto;max-width:100%;gap:.8rem;padding:0 1.6rem;border-radius:2.2rem;font:inherit;font-size:1.4rem}.gallery-bento__close-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-bento__close:focus-visible,.gallery-bento__arrow:focus-visible,.gallery-bento__action:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:2px;box-shadow:0 0 0 4px #0006}html:has(.gallery-bento__dialog[open]){overflow:hidden}@keyframes gb-fade-in{0%{opacity:0}}@keyframes gb-zoom-in{0%{transform:scale(.96)}}@media(prefers-reduced-motion:reduce){.gallery-bento__media{transition:none}.gallery-bento__dialog[open],.gallery-bento__dialog[open] .gallery-bento__stage{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-gallery-bento.css.map */
