.ugc-gallery__component{display:block;width:100%}.ugc-gallery__container{container-type:inline-size}.ugc-gallery__empty{grid-column:1 / -1;text-align:center;padding:var(--padding-lg);color:rgba(var(--color-foreground-rgb),.6)}button.ugc-card{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.ugc-card{display:flex;flex-direction:column}.ugc-card__content{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:var(--border-radius, 0)}.ugc-card__media{position:relative;aspect-ratio:var(--ugc-image-ratio, 1);overflow:hidden;background:rgba(var(--color-foreground-rgb),.05)}.ugc-card__image{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ugc-image-ratio, 1);transition:transform .3s ease}.ugc-card__video-wrapper{position:relative;width:100%;height:100%}.ugc-card__video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;transition:background-color .2s ease,transform .2s ease}.ugc-card:hover .ugc-card__video-indicator{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.ugc-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .2s ease;pointer-events:none}.ugc-card:hover .ugc-card__overlay{opacity:1}.ugc-card__source-badge{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.ugc-card__source-icon{display:block;color:#000}.ugc-card:focus-visible{outline:2px solid rgba(var(--color-foreground-rgb),.5);outline-offset:2px}.ugc-card:focus:not(:focus-visible){outline:none}.ugc-card--skeleton{background:transparent;cursor:default}.ugc-card__image-skeleton{aspect-ratio:var(--ugc-image-ratio, 1);background:linear-gradient(90deg,rgba(var(--color-foreground-rgb),.05) 25%,rgba(var(--color-foreground-rgb),.1),rgba(var(--color-foreground-rgb),.05) 75%);background-size:200% 100%;animation:ugc-skeleton-shimmer 1.5s infinite;border-radius:var(--border-radius, 0)}@keyframes ugc-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.resource-list__carousel-wrapper{display:block;width:100%}.ugc-gallery__carousel-skeleton{display:flex;gap:var(--resource-list-column-gap-desktop, 16px);overflow:hidden;padding-inline:var(--gutter-slide-width, 0)}.ugc-gallery__carousel-skeleton .ugc-card--skeleton{flex:0 0 auto;width:min(var(--slide-width-max, 300px),calc((100% - (var(--column-count, 5) - 1) * var(--resource-list-column-gap-desktop, 16px)) / var(--column-count, 5)))}.ugc-gallery__component .resource-list__carousel{position:relative}.ugc-gallery__component .resource-list__slide{flex:0 0 auto;width:min(var(--slide-width-max, 300px),calc(100% / var(--column-count, 5)));scroll-snap-align:start}.ugc-gallery__component .resource-list__slide .ugc-card{width:100%}.ugc-gallery__component slideshow-slides{display:flex;gap:var(--resource-list-column-gap-desktop, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:var(--gutter-slide-width, 0)}.ugc-gallery__component .resource-list__carousel-wrapper .resource-list__slide,.ugc-gallery__component .resource-list__carousel-wrapper .ugc-card,.ugc-gallery__component .resource-list__carousel-wrapper .ugc-card__content{width:auto}.ugc-gallery__component .resource-list__carousel-wrapper .ugc-card__media{height:calc(var(--slide-width-max, 300px) / var(--ugc-image-ratio, 1));width:auto;aspect-ratio:auto}.ugc-gallery__component .resource-list__carousel-wrapper .ugc-card__image{height:100%;width:auto;object-fit:cover}.ugc-gallery__component slideshow-slides::-webkit-scrollbar{display:none}.ugc-gallery__component slideshow-arrows{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2;padding-inline:max(0px,calc(var(--gutter-slide-width, 0px) - 48px))}.ugc-gallery__component slideshow-arrows button{pointer-events:auto}.ugc-gallery__component .slideshow-control{width:24px;height:32px;border-radius:0;padding:0;background:#fff;color:#232323;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,opacity .2s ease}.ugc-gallery__component .slideshow-control .svg-wrapper>svg{width:8px;height:13px}.ugc-gallery__component .slideshow-control:hover:not(:disabled){background:rgb(var(--color-background-rgb))}.ugc-gallery__component .slideshow-control:disabled{opacity:.3;cursor:not-allowed}.ugc-gallery__component .slideshow-control:focus-visible{outline:2px solid rgb(var(--color-foreground-rgb));outline-offset:2px}.ugc-gallery__component .slideshow-control .svg-wrapper{display:flex;align-items:center;justify-content:center}.ugc-gallery__component .flip-x{transform:scaleX(-1)}@media screen and (max-width: 989px){.ugc-gallery__carousel-skeleton .ugc-card--skeleton,.ugc-gallery__component .resource-list__slide{width:calc((100% - var(--resource-list-column-gap-desktop, 16px)) / 2)}}ugc-modal-component{width:100%;display:block}.ugc-modal{width:100%;display:block;position:fixed;top:50%;transform:translateY(-50%);padding:0}.ugc-modal:not([open]){display:none}.ugc-modal__card{width:100%;display:flex}.ugc-modal__slideshow{width:100%;height:100%}.ugc-modal__slideshow slideshow-container{position:relative;height:100%}.ugc-modal__slideshow slideshow-slides{height:100%;scroll-snap-type:x mandatory;scrollbar-width:none}.ugc-modal__slideshow slideshow-slides::-webkit-scrollbar{display:none}.ugc-modal__slide{flex-shrink:0;width:100%;height:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center}.ugc-modal__arrows button{cursor:pointer;background-color:#fff;color:#232323}.ugc-modal__media{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ugc-modal__image{width:100%;height:auto;object-fit:cover;aspect-ratio:var(--ugc-image-ratio, 1)}.ugc-modal__video-container{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center}.ugc-modal__video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.ugc-modal__details{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;overflow-y:auto;max-height:80vh}.ugc-modal__header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid rgba(0,0,0,.1)}.ugc-modal__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ugc-modal__avatar-letter{font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.ugc-modal__user-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ugc-modal__username{font-weight:600;font-size:.875rem;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-modal__date{font-size:.685rem;color:#8e8e8e}.ugc-modal__source{flex-shrink:0;color:#8e8e8e}.ugc-modal__products{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.ugc-modal__product{display:flex;align-items:center;gap:12px;padding:8px;background:#fafafa;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .2s ease}.ugc-modal__product:hover{background:#f0f0f0}.ugc-modal__product:focus-visible{outline:2px solid #0095f6;outline-offset:2px}.ugc-modal__product-image{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.ugc-modal__product-info{display:flex;flex-direction:column;gap:4px;min-width:0}.ugc-modal__product-rating{display:flex;align-items:center;gap:4px;font-size:.685rem;color:#8e8e8e}.ugc-modal__star{color:#ffc107}.ugc-modal__star--empty{color:#e0e0e0}.ugc-modal__star--half{color:#ffc107}.ugc-modal__product-name{font-size:.875rem;font-weight:500;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-modal__caption{flex:1;padding:16px;font-size:.875rem;line-height:1.5;color:#262626;overflow-y:auto}.ugc-modal__caption .ugc-hashtag{color:#00376b}.ugc-modal__caption .ugc-mention{color:#00376b;font-weight:500}.ugc-modal__footer{padding:12px 16px;border-top:1px solid rgba(0,0,0,.1)}.ugc-modal__engagement{display:flex;align-items:center;gap:16px}.ugc-modal__vote{display:flex;align-items:center;gap:4px;color:#8e8e8e;font-size:.875rem}.ugc-modal__close{position:absolute;top:4px;right:4px;width:40px;height:40px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#262626;z-index:10;transition:background-color .2s ease}.ugc-modal__details-loading{padding:16px;display:flex;flex-direction:column;gap:12px}.ugc-modal__skeleton{background:linear-gradient(90deg,#0000000d 25%,#0000001a,#0000000d 75%);background-size:200% 100%;animation:ugc-skeleton-shimmer 1.5s infinite;border-radius:4px}.ugc-modal__skeleton--header{height:48px}.ugc-modal__skeleton--text{height:16px}.ugc-modal__skeleton--short{width:60%}@media screen and (max-width: 990px){.ugc-modal__details{width:100%}.ugc-modal__container{padding:0 16px}.ugc-modal__arrows{padding:0 4px}.ugc-modal__close{top:8px;right:8px}.ugc-modal__card{flex-direction:column}}@media (prefers-reduced-motion: reduce){.ugc-card__image-skeleton,.ugc-modal__skeleton{animation:none}.ugc-card__image,.ugc-card__overlay,.ugc-card__video-indicator,.ugc-modal__close{transition:none}.ugc-card:hover .ugc-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/662/assets/ugc-gallery.css.map */