.gallery{display:block;min-width:0}.gallery .list__track>:not(style,script,link,template){--group-child-flex: 0 0 auto;--group-child-width: 100%;--group-child-width-fill: 100%;--group-parent-gap: 0px;--group-child-align-fit: stretch}@media screen and (max-width:749px){.gallery .list--layout-masonry:not(.list--carousel-mobile) .list__track{display:block;column-count:var(--list-grid-mobile, 1);column-gap:var(--list-gap)}.gallery .list--layout-masonry:not(.list--carousel-mobile) .list__track>*{margin-bottom:var(--list-row-gap, 1.6rem);break-inside:avoid}}@media screen and (min-width:750px){.gallery .list--layout-masonry .list__track{display:block;column-count:var(--list-cols);column-gap:var(--list-gap)}.gallery .list--layout-masonry .list__track>*{margin-bottom:var(--list-row-gap, 1.6rem);break-inside:avoid}.gallery .list--layout-bento .list__track>.gallery-item{height:100%}.gallery .list--layout-bento .gallery-item__media{flex:1 1 auto;min-height:0;aspect-ratio:auto}}.gallery-item{position:relative;display:flex;flex-direction:column;gap:1rem;min-width:0;margin:0}.gallery-item__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--gallery-ratio, auto);border:var(--media-container-border, none);border-radius:var(--media-container-radius, 0);box-shadow:var(--media-container-shadow, none);background:rgba(var(--color-foreground),.05);color:inherit}.gallery-item__media img,.gallery-item__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.gallery-item__media .placeholder-svg{aspect-ratio:var(--gallery-ratio, 4 / 5)}.gallery-item__video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.gallery-item__video video{display:block;width:100%;height:100%;object-fit:cover}.gallery-item__video[data-playing]{opacity:1}.gallery-item__badge{position:absolute;z-index:1;top:1rem;right:1rem;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#00000073;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.gallery-item__badge svg{width:1.4rem;height:1.4rem;fill:currentColor}.gallery-item__caption{font-size:1.4rem;line-height:1.45;color:rgba(var(--color-foreground-secondary))}.gallery-item__caption>*{margin:0}.gallery--captions-overlay .gallery-item__caption{position:absolute;right:0;bottom:0;left:0;padding:4rem 1.4rem 1.2rem;border-radius:0 0 var(--media-container-radius, 0) var(--media-container-radius, 0);background:linear-gradient(transparent,#0009);color:#fff;pointer-events:none}[data-lightbox-trigger][role=button]{cursor:zoom-in}[data-lightbox-trigger]:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.gallery--zoom .gallery-item__media img,.gallery--zoom .ugc-item__media img{transition:transform .6s cubic-bezier(.2,.6,.2,1)}@media(hover:hover){.gallery--zoom .gallery-item__media:hover img,.gallery--zoom .ugc-item:hover .ugc-item__media img{transform:scale(1.05)}}html.lightbox-open{overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#0c0c0ef2;color:#fff;overscroll-behavior:contain}.lightbox::backdrop{background:transparent}.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.lightbox__top{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.6rem}.lightbox__counter{margin:0;font-size:1.3rem;font-variant-numeric:tabular-nums;opacity:.8}.lightbox__stage{position:relative;display:grid;place-items:center;min-height:0;padding:0 1.6rem 1.6rem;touch-action:pan-y pinch-zoom}@media screen and (min-width:990px){.lightbox__stage{padding:0 8rem 3.2rem}}.lightbox__slide{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.2rem;place-items:center;width:100%;height:100%;min-height:0}.lightbox__slide img,.lightbox__slide video{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:var(--media-container-radius, 0)}.lightbox__caption{max-width:64rem;margin:0;font-size:1.4rem;line-height:1.5;text-align:center;opacity:.9}.lightbox__caption>*{margin:0}.lightbox__button{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background-color .2s ease}.lightbox__button:hover{background:#ffffff3d}.lightbox__button:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem}.lightbox__button svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lightbox__arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%)}.lightbox__arrow--prev{left:1.6rem}.lightbox__arrow--next{right:1.6rem}.lightbox__arrow[hidden]{display:none}@media screen and (max-width:989px){.lightbox__arrow{display:none}}@media(prefers-reduced-motion:no-preference){.lightbox[open]{animation:lightbox-fade .25s ease}.lightbox__slide{animation:lightbox-fade .3s ease}}@keyframes lightbox-fade{0%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-gallery.css.map */