.product__ugc-circles{margin:1.6rem 0 .4rem}.product__ugc-circles-label{margin:0 0 1rem;font-size:1.6rem;line-height:1.3;color:rgb(var(--color-foreground))}.ugc-circles__row{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.2rem;scrollbar-width:none}.ugc-circles__row::-webkit-scrollbar{display:none}.ugc-circles__item{flex:0 0 auto;width:8.2rem;padding:0;border:0;background:none;cursor:pointer;text-align:center;color:inherit;scroll-snap-align:start}.ugc-circles__ring{display:block;width:8.2rem;height:8.2rem;aspect-ratio:1 / 1;padding:.25rem;border-radius:50%;border:.15rem solid rgba(var(--color-foreground),.18);box-sizing:border-box;overflow:hidden}.ugc-circles__item.is-active .ugc-circles__ring,.ugc-circles__item:focus-visible .ugc-circles__ring{border-color:rgb(var(--color-foreground))}.ugc-circles__avatar{display:block;width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background-color:#eceae6}.ugc-circles__avatar img,.ugc-circles__avatar .placeholder,.ugc-circles__avatar svg{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border-radius:50%}.ugc-circles__name{display:block;margin-top:.55rem;font-size:1.2rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-circles-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:1.5rem;background:#121212b8}body.ugc-circles-modal-open .product__view-gallery{visibility:hidden;pointer-events:none}.ugc-circles-modal[open]{display:flex}.ugc-circles-modal__dialog{position:relative;width:min(100%,36rem,calc(min(78vh,58rem)*.5625));max-height:min(86vh,64rem);border-radius:var(--button-radius);overflow:hidden;background:#111;color:#fff;box-shadow:0 1.2rem 4rem #00000059}.ugc-circles-modal__stage{position:relative;width:100%;aspect-ratio:9 / 16;max-height:min(78vh,58rem);background:#000}.ugc-circles-modal__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.ugc-circles-modal__slide.is-active{display:block}.ugc-circles-modal__slide img,.ugc-circles-modal__slide video,.ugc-circles-modal__slide iframe,.ugc-circles-modal__slide .deferred-media,.ugc-circles-modal__slide video-section,.ugc-circles-modal__slide .deferred-media__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.ugc-circles-modal__meta{position:absolute;left:0;right:0;bottom:0;padding:4rem 1.4rem 1.4rem;background:linear-gradient(transparent,#000000b8)}.ugc-circles-modal__moment{margin:0 0 .35rem;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.ugc-circles-modal__caption{margin:0;font-size:1.5rem;line-height:1.35}.ugc-circles-modal__author{margin:.4rem 0 0;font-size:1.3rem;opacity:.8}.ugc-circles-modal__close,.ugc-circles-modal__nav{position:absolute;z-index:2;border:0;background:#ffffffeb;color:#111;cursor:pointer;border-radius:50%;display:grid;place-items:center}.ugc-circles-modal__close{top:1rem;right:1rem;width:3.6rem;height:3.6rem;font-size:2rem;line-height:1}.ugc-circles-modal__nav{top:50%;transform:translateY(-50%);width:3.6rem;height:3.6rem}.ugc-circles-modal__nav[name=prev]{left:.8rem}.ugc-circles-modal__nav[name=next]{right:.8rem}.ugc-circles-modal__nav .icon{width:1.2rem;height:1.2rem}.ugc-circles-modal__nav[name=prev] .icon{transform:rotate(90deg)}.ugc-circles-modal__nav[name=next] .icon{transform:rotate(-90deg)}@media screen and (max-width:749px){.ugc-circles__item,.ugc-circles__ring{width:6.4rem}.ugc-circles__ring{height:6.4rem}.ugc-circles-modal{padding:0}.ugc-circles-modal__dialog{width:100%;max-height:100%;border-radius:0}.ugc-circles-modal__stage{max-height:none;height:100vh;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-ugc-circles.css.map */
