.ugc-gallery{padding-top:2rem}@media screen and (min-width:750px){.ugc-gallery{padding-top:calc(var(--global-margin-desktop) - .7rem);margin-top:2rem;border-top:solid 1px rgb(var(--color-foreground))}}.ugc-gallery__heading{margin:0 0 1.2rem}@media screen and (min-width:750px){.ugc-gallery__heading{margin-bottom:calc(var(--global-margin-desktop) - .7rem)}}.ugc-gallery__strip-wrapper{position:relative}.ugc-gallery__strip{display:flex;gap:.6rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.ugc-gallery__strip::-webkit-scrollbar{display:none}.ugc-gallery__thumb{flex:0 0 auto;width:85px;cursor:pointer;text-align:center;list-style:none}@media screen and (min-width:750px){.ugc-gallery__thumb{width:100px}}.ugc-gallery__thumb-media{position:relative;width:100%;padding-bottom:133.33%;border-radius:8px;overflow:hidden;background:rgb(var(--color-foreground),.04)}.ugc-gallery__thumb-media img,.ugc-gallery__thumb-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-gallery__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .2s}.ugc-gallery__play-icon svg{width:12px;height:12px;fill:#fff;margin-left:2px}.ugc-gallery__thumb:hover .ugc-gallery__play-icon{opacity:0}.ugc-gallery__thumb--active .ugc-gallery__thumb-media{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.ugc-gallery__thumb-info{margin-top:.35rem;font-size:.7rem;line-height:1.3;color:rgb(var(--color-foreground),.7);display:flex;align-items:center;justify-content:center;gap:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-gallery__thumb-info svg{width:12px;height:12px;flex-shrink:0}.ugc-gallery__nav-btn{position:absolute;top:50%;transform:translateY(calc(-50% - 10px));z-index:2;width:28px;height:28px;border-radius:50%;border:1px solid rgb(var(--color-foreground),.15);background:rgb(var(--color-background));cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001a;transition:opacity .2s}.ugc-gallery__nav-btn[disabled]{opacity:0;pointer-events:none}.ugc-gallery__nav-btn svg{width:10px;height:10px}.ugc-gallery__nav-btn--prev{left:-6px}.ugc-gallery__nav-btn--next{right:-6px}.ugc-gallery__nav-btn--prev svg{transform:rotate(180deg)}@media screen and (max-width:749px){.ugc-gallery__nav-btn{display:none}}.ugc-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000000f2;display:none;flex-direction:column;align-items:center;justify-content:center}.ugc-player[open]{display:flex}.ugc-player__header{position:absolute;top:0;left:0;right:0;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;z-index:3}.ugc-player__brand{color:#fff;font-family:var(--font-heading-family);font-size:1rem;letter-spacing:.04em}.ugc-player__close{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ugc-player__close:hover{background:#ffffff4d}.ugc-player__close svg{width:16px;height:16px}.ugc-player__media-wrapper{position:relative;width:100%;max-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}.ugc-player__media-wrapper[data-ratio="9:16"]{max-width:380px}.ugc-player__media-wrapper[data-ratio="4:5"]{max-width:480px}.ugc-player__media-wrapper[data-ratio="1:1"]{max-width:560px}.ugc-player__media-container{width:100%;border-radius:12px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.ugc-player__media-container img,.ugc-player__media-container video{width:100%;height:auto;max-height:calc(100vh - 160px);object-fit:contain;display:block}.ugc-player__side-actions{position:absolute;right:-48px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8rem}@media screen and (max-width:749px){.ugc-player__side-actions{right:8px;top:auto;bottom:100px;transform:none}}.ugc-player__action-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ugc-player__action-btn:hover{background:#ffffff4d}.ugc-player__action-btn svg{width:16px;height:16px;fill:currentColor}.ugc-player__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.ugc-player__nav:hover{background:#ffffff4d}.ugc-player__nav[disabled]{opacity:0;pointer-events:none}.ugc-player__nav svg{width:14px;height:14px}.ugc-player__nav--prev{left:max(1rem,calc(50% - 250px))}.ugc-player__nav--next{right:max(1rem,calc(50% - 250px))}.ugc-player__nav--prev svg{transform:rotate(180deg)}@media screen and (max-width:749px){.ugc-player__nav--prev{left:.5rem}.ugc-player__nav--next{right:.5rem}}.ugc-player__handle{position:absolute;bottom:8px;left:8px;color:#fff;font-size:.8rem;display:flex;align-items:center;gap:.3rem;text-shadow:0 1px 3px rgba(0,0,0,.6);z-index:2}.ugc-player__handle svg{width:14px;height:14px}.ugc-player__mute{position:absolute;bottom:80px;right:12px;z-index:4}.ugc-player__product-card{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:.6rem .8rem;display:flex;align-items:center;gap:.75rem;border-radius:0 0 12px 12px;z-index:3}.ugc-player__product-img{width:56px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0}.ugc-player__product-info{flex:1;min-width:0}.ugc-player__product-title{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgb(var(--color-foreground))}.ugc-player__product-price{font-size:.8rem;color:rgb(var(--color-foreground),.7);margin-top:.1rem}.ugc-player__shop-btn{flex-shrink:0;padding:.5rem 1.2rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .2s}.ugc-player__shop-btn:hover{opacity:.85}.ugc-player__shop-btn:disabled{opacity:.5;cursor:not-allowed}.ugc-player__counter{position:absolute;top:56px;left:0;right:0;display:flex;gap:3px;padding:0 .8rem;z-index:3}.ugc-player__counter-dot{flex:1;height:2px;border-radius:1px;background:#ffffff4d}.ugc-player__counter-dot--active{background:#ffffffe6}@media screen and (max-width:749px){.ugc-player__media-wrapper,.ugc-player__media-wrapper[data-ratio="9:16"],.ugc-player__media-wrapper[data-ratio="4:5"],.ugc-player__media-wrapper[data-ratio="1:1"]{max-width:100%}.ugc-player__media-container,.ugc-player__product-card{border-radius:0}.ugc-player__side-actions{flex-direction:row;right:8px;bottom:80px;gap:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/component-ugc-gallery.css.map */