.ugc-photo{padding:var(--ugcp-pad-top) 0 var(--ugcp-pad-bottom);max-width:var(--ugcp-max-width);margin:0 auto;background:var(--ugcp-bg)}.ugc-photo__header{text-align:center;padding:0 40px;margin-bottom:32px}.ugc-photo__title{font-size:var(--ugcp-heading-size);font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--ugcp-heading-color);margin:0}.ugc-photo__subtitle{font-size:14px;color:var(--ugcp-subheading-color);margin:8px 0 0}.ugc-photo__grid--grid{display:grid;grid-template-columns:repeat(var(--ugcp-columns),1fr);gap:var(--ugcp-gap);padding:0 40px}.ugc-photo__grid--grid .ugc-photo__image-wrap{aspect-ratio:1 / 1}.ugc-photo__grid--masonry{columns:var(--ugcp-columns);column-gap:var(--ugcp-gap);padding:0 40px}.ugc-photo__grid--masonry .ugc-photo__item{break-inside:avoid;margin-bottom:var(--ugcp-gap)}.ugc-photo__grid--masonry .ugc-photo__image-wrap{aspect-ratio:auto}.ugc-photo__grid--masonry .ugc-photo__img{width:100%;height:auto;object-fit:cover}.ugc-photo__grid--bento{display:grid;grid-template-columns:repeat(var(--ugcp-columns),1fr);grid-auto-rows:200px;gap:var(--ugcp-gap);padding:0 40px}.ugc-photo__grid--bento .ugc-photo__item--featured{grid-column:span 2;grid-row:span 2}.ugc-photo__grid--bento .ugc-photo__image-wrap{height:100%}.ugc-photo__image-wrap{position:relative;overflow:hidden;border-radius:var(--ugcp-radius);background:#f0f0f0}.ugc-photo__grid--grid .ugc-photo__image-wrap,.ugc-photo__grid--bento .ugc-photo__image-wrap{width:100%}.ugc-photo__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.ugc-photo__placeholder svg{width:100%;height:100%}.ugc-photo__item--clickable{cursor:pointer}.ugc-photo__item--hover:hover .ugc-photo__img{transform:scale(1.05)}.ugc-photo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ugcp-overlay);opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:opacity .3s ease;padding:16px}.ugc-photo__item:hover .ugc-photo__overlay{opacity:.55}.ugc-photo__handle{color:var(--ugcp-overlay-text);font-size:14px;font-weight:500;letter-spacing:.5px;position:relative;z-index:1;opacity:0;transform:translateY(8px);transition:opacity .3s ease .05s,transform .3s ease .05s}.ugc-photo__caption{color:var(--ugcp-overlay-text);font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .3s ease .1s,transform .3s ease .1s;position:relative;z-index:1;text-align:center}.ugc-photo__item:hover .ugc-photo__handle,.ugc-photo__item:hover .ugc-photo__caption{opacity:1;transform:translateY(0)}.ugc-photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .25s,visibility .25s}.ugc-photo-lightbox[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.ugc-photo-lightbox[aria-hidden=false]{opacity:1;visibility:visible}.ugc-photo-lightbox__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.ugc-photo-lightbox__close{position:absolute;top:20px;right:20px;z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s}.ugc-photo-lightbox__close:hover{background:#ffffff4d}.ugc-photo-lightbox__content{position:relative;z-index:1;text-align:center;animation:ugcp-lb-in .3s ease}@keyframes ugcp-lb-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ugc-photo-lightbox__img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:4px;display:block;margin:0 auto}.ugc-photo-lightbox__info{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.ugc-photo-lightbox__handle{color:#fff;font-size:15px;font-weight:500}.ugc-photo-lightbox__handle:empty{display:none}.ugc-photo-lightbox__caption{color:#ffffffb3;font-size:13px}.ugc-photo-lightbox__caption:empty{display:none}@media(max-width:749px){.ugc-photo__header{padding:0 20px}.ugc-photo__grid--grid,.ugc-photo__grid--bento{grid-template-columns:repeat(2,1fr);padding:0 16px}.ugc-photo__grid--bento .ugc-photo__item--featured{grid-column:span 2;grid-row:span 2}.ugc-photo__grid--bento{grid-auto-rows:150px}.ugc-photo__grid--masonry{columns:2;padding:0 16px}.ugc-photo-lightbox__close{top:12px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ugc-photo.css.map */