.ugc-stories{--ugc-circle-size: 120px;--ugc-size: var(--ugc-circle-size);--ugc-ring-width: .3rem;--ugc-ring-gap: .3rem;--ugc-gap: 1.6rem;--ugc-ring-gradient: linear-gradient(45deg, #7b3fe4 0%, #c1358b 40%, #e1306c 60%, #f56040 80%, #fcaf45 100%)}.ugc-stories__heading{margin:0 0 1.5rem;color:rgb(var(--color-text-heading));text-transform:none}.ugc-stories__list{display:flex;gap:var(--ugc-gap);margin:0;padding:.3rem 0 .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:.3rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-stories__list::-webkit-scrollbar{display:none}.ugc-stories__item{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.8rem;width:var(--ugc-size);max-width:100%;scroll-snap-align:start}.ugc-stories__circle{appearance:none;-webkit-appearance:none;display:block;position:relative;box-sizing:border-box;width:var(--ugc-size);height:var(--ugc-size);min-height:0;margin:0;padding:var(--ugc-ring-width);border:0;border-radius:50%;background:rgba(var(--color-border),var(--color-border-alpha, 1));color:inherit;font:inherit;line-height:0;text-decoration:none;text-transform:none;letter-spacing:normal;cursor:default;transition:transform var(--animation-default)}.ugc-stories__circle--ring{background:var(--ugc-ring-gradient)}.ugc-stories__circle--button,.ugc-stories__circle--link{cursor:pointer}.ugc-stories__circle--button:hover,.ugc-stories__circle--link:hover{transform:scale(1.04)}.ugc-stories__circle:focus-visible{outline:.2rem solid rgb(var(--color-text-heading));outline-offset:.3rem}.ugc-stories__media{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;border:var(--ugc-ring-gap) solid rgb(var(--color-background));background:rgb(var(--color-background))}.ugc-stories__media img,.ugc-stories__media svg{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.ugc-stories__handle{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:rgb(var(--color-text-heading))}.ugc-stories--reels{--ugc-reel-width: 150px;--ugc-reel-size: var(--ugc-reel-width);--ugc-gap: 1.2rem}.ugc-stories--reels .ugc-stories__item{width:var(--ugc-reel-size)}.ugc-stories__reel{appearance:none;-webkit-appearance:none;display:block;position:relative;box-sizing:border-box;width:var(--ugc-reel-size);height:auto;aspect-ratio:9 / 16;min-height:0;margin:0;padding:0;border:0;border-radius:var(--blocks-radius, 1rem);overflow:hidden;background:rgba(var(--color-foreground),.06);color:inherit;font:inherit;line-height:0;text-decoration:none;text-transform:none;letter-spacing:normal;cursor:default;transition:transform var(--animation-default)}.ugc-stories__reel--button,.ugc-stories__reel--link{cursor:pointer}.ugc-stories__reel--button:hover,.ugc-stories__reel--link:hover{transform:scale(1.02)}.ugc-stories__reel:focus-visible{outline:.2rem solid rgb(var(--color-text-heading));outline-offset:.3rem}.ugc-stories__reel-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:rgba(var(--color-foreground),.06)}.ugc-stories__reel--ring{padding:var(--ugc-ring-width);background:var(--ugc-ring-gradient)}.ugc-stories__reel--ring .ugc-stories__reel-media{border:var(--ugc-ring-gap) solid rgb(var(--color-background));border-radius:calc(var(--blocks-radius, 1rem) - var(--ugc-ring-width));background-color:rgb(var(--color-background))}.ugc-stories__reel video,.ugc-stories__reel img,.ugc-stories__reel svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.ugc-stories__dialog{width:min(92vw,calc(42.75vh + 2.4rem));max-width:92vw;max-height:94vh;padding:0;border:0;border-radius:var(--blocks-radius, 1rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:visible}.ugc-stories__dialog::backdrop{background-color:#072835c7}.ugc-stories__dialog-inner{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:1.2rem 1.2rem 1.6rem}.ugc-stories__player{position:relative;width:100%;aspect-ratio:9 / 16;max-height:76vh;overflow:hidden;border-radius:var(--small-blocks-radius, .5rem);background:#000}.ugc-stories__player video,.ugc-stories__player img{display:block;width:100%;height:100%;object-fit:contain}.ugc-stories__dialog-caption{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.ugc-stories__dialog-handle{color:rgb(var(--color-text-heading))}.ugc-stories__dialog-handle:empty{display:none}.ugc-stories__dialog-link{text-decoration:underline;text-underline-offset:.2em}.ugc-stories__dialog-link[hidden]{display:none}.ugc-stories__close,.ugc-stories__nav{position:absolute;z-index:2}.ugc-stories__close{top:-1.4rem;inset-inline-end:-1.4rem}.ugc-stories__nav{top:50%;transform:translateY(-50%)}.ugc-stories__nav--prev{inset-inline-start:-1.4rem}.ugc-stories__nav--next{inset-inline-end:-1.4rem}.ugc-stories__nav[hidden]{display:none}body.ugc-dialog-open{overflow:hidden}@media screen and (max-width:767.98px){.ugc-stories{--ugc-size: min(var(--ugc-circle-size), 9.6rem);--ugc-gap: 1.2rem}.ugc-stories--reels{--ugc-reel-size: min(var(--ugc-reel-width), 12.8rem);--ugc-gap: 1rem}.ugc-stories__dialog{width:92vw}.ugc-stories__dialog-inner{padding:1rem 1rem 1.4rem}.ugc-stories__close{top:.6rem;inset-inline-end:.6rem}.ugc-stories__nav--prev{inset-inline-start:.4rem}.ugc-stories__nav--next{inset-inline-end:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-ugc-stories.css.map */