.ll-ugc{--ll-pt-m:32px;--ll-pt-d:64px;--ll-pb-m:36px;--ll-pb-d:72px;--ll-px-m:16px;--ll-px-d:32px;--ll-max:1240px;--ll-cardw-m:56;--ll-cardw-d:230px;--ll-gap-m:12px;--ll-gap-d:20px;--ll-cols:4;--ll-ratio-m:1 / 1;--ll-ratio-d:1 / 1;--ll-fit-m:cover;--ll-fit-d:cover;--ll-h-size-m:28px;--ll-h-size-d:42px;--ll-pt:var(--ll-pt-m);--ll-pb:var(--ll-pb-m);--ll-px:var(--ll-px-m);--ll-gap:var(--ll-gap-m);--ll-cardw:calc(var(--ll-cardw-m) * 1vw);--ll-ratio:var(--ll-ratio-m);--ll-fit:var(--ll-fit-m);--ll-h-size:var(--ll-h-size-m);--ll-bleed:var(--ll-px-m);position:relative;display:block;width:100%;overflow:hidden;overflow:clip;background:var(--ll-bg);color:var(--ll-text);padding:var(--ll-pt) 0 var(--ll-pb);line-height:1.4;-webkit-text-size-adjust:100%}@media(min-width:768px){.ll-ugc{--ll-pt:var(--ll-pt-d);--ll-pb:var(--ll-pb-d);--ll-px:var(--ll-px-d);--ll-gap:var(--ll-gap-d);--ll-cardw:var(--ll-cardw-d);--ll-ratio:var(--ll-ratio-d);--ll-fit:var(--ll-fit-d);--ll-h-size:var(--ll-h-size-d);--ll-bleed:8px}}.ll-ugc__inner{width:100%;max-width:var(--ll-max);margin:0 auto;padding:0 var(--ll-px)}.ll-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.ll-head__text{min-width:0}.ll-heading{font-family:var(--ll-heading-font,var(--ll-body-font,inherit));font-weight:var(--ll-heading-weight);font-size:var(--ll-h-size);line-height:1.1;text-wrap:balance}.ll-sub{margin-top:8px;font-size:var(--ll-sub-size);color:var(--ll-muted);max-width:52ch}.ll-ugc[data-align=center] .ll-head{flex-direction:column;align-items:center;text-align:center}.ll-ugc[data-align=center] .ll-sub{margin-inline:auto}.ll-arrows{display:none;gap:10px;flex:none}.ll-arrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:50%;cursor:pointer;background:var(--ll-go-bg);color:var(--ll-go-fg);border:2px solid var(--ll-border-c);box-shadow:3px 3px 0 var(--ll-shadow-c);transition:transform .15s,box-shadow .15s}.ll-ugc .ll-arrow:hover,.ll-ugc .ll-arrow:focus,.ll-ugc .ll-arrow:active{color:var(--ll-go-fg);background:var(--ll-go-bg)}.ll-ugc .ll-arrow:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ll-shadow-c)}.ll-arrow.is-disabled{opacity:.4;cursor:default}.ll-ugc .ll-arrow.is-disabled:active{transform:none;box-shadow:3px 3px 0 var(--ll-shadow-c)}.ll-ugc[data-arrows-mobile=true] .ll-arrows{display:flex}@media(min-width:768px){.ll-ugc .ll-arrows{display:none}.ll-ugc[data-arrows-desktop=true] .ll-arrows{display:flex}.ll-ugc[data-mode=grid] .ll-arrows{display:none}}.ll-ugc .ll-arrows.is-off{display:none!important}.ll-track{position:relative;display:flex;gap:var(--ll-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(-1 * var(--ll-bleed));padding:12px var(--ll-bleed) calc(var(--ll-shadow-y) + 12px);scroll-padding-inline:var(--ll-bleed)}.ll-track::-webkit-scrollbar{display:none;width:0;height:0}@media(min-width:768px){.ll-ugc[data-mode=grid] .ll-track{display:grid;grid-template-columns:repeat(min(var(--ll-cols),3),minmax(0,1fr));overflow:visible;scroll-snap-type:none}}@media(min-width:1024px){.ll-ugc[data-mode=grid] .ll-track{grid-template-columns:repeat(var(--ll-cols),minmax(0,1fr))}}.ll-card{position:relative;flex:0 0 var(--ll-cardw);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;color:var(--ll-text);background:var(--ll-card-bg);border:var(--ll-border-w) solid var(--ll-border-c);border-radius:var(--ll-radius);box-shadow:var(--ll-shadow-x) var(--ll-shadow-y) 0 var(--ll-shadow-c);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}@media(min-width:768px){.ll-ugc[data-mode=grid] .ll-card{flex:initial}}.ll-ugc[data-card-style=outline] .ll-card{box-shadow:none}.ll-ugc[data-card-style=soft] .ll-card{background:var(--ll-soft);border-color:transparent;box-shadow:none;padding:8px}.ll-ugc[data-card-style=frameless] .ll-card{background:transparent;border-color:transparent;box-shadow:none;border-radius:0;overflow:visible}.ll-ugc[data-card-style=overlay] .ll-card{border-color:transparent;box-shadow:none;background:var(--ll-media-bg);border-radius:var(--ll-media-radius)}.ll-ugc[data-card-style=soft] .ll-card .ll-media,.ll-ugc[data-card-style=frameless] .ll-card .ll-media,.ll-ugc[data-card-style=overlay] .ll-card .ll-media{border-radius:var(--ll-media-radius);border-bottom:0}.ll-card .ll-media{border-bottom:var(--ll-border-w) solid var(--ll-border-c)}.ll-ugc[data-card-style=frameless] .ll-body{padding-inline:2px}.ll-ugc[data-card-style=soft] .ll-body{padding-inline:6px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ll-ugc[data-effects=true] .ll-card:hover{transform:translateY(-4px)}.ll-ugc[data-effects=true][data-card-style=shadow] .ll-card:hover{box-shadow:var(--ll-shadow-x) calc(var(--ll-shadow-y) + 4px) 0 var(--ll-shadow-c)}}.ll-body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--ll-body-gap);padding:var(--ll-body-pad);min-height:0;min-width:0}.ll-who{display:flex;align-items:center;gap:8px;min-height:36px;min-width:0}.ll-avatar{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ll-avatar-bg);color:var(--ll-avatar-fg);display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1}.ll-creator{flex:1 1 auto;min-width:0;font-size:var(--ll-creator-size);font-weight:var(--ll-creator-weight);line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-ig{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;min-height:36px;border-radius:999px;background:var(--ll-ig-bg);color:var(--ll-ig-icon);font-size:var(--ll-ig-size);font-weight:600;line-height:1;text-decoration:none;transition:transform .15s ease}.ll-ugc .ll-ig:hover,.ll-ugc .ll-ig:focus,.ll-ugc .ll-ig:active{color:var(--ll-ig-icon);background:var(--ll-ig-bg)}.ll-ugc .ll-ig:active{transform:scale(.94)}.ll-ig .ico{width:18px;height:18px}.ll-ig--pill{padding:0 12px 0 8px;max-width:60%}.ll-ig--pill .ll-ig__t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ll-ig--row{align-self:flex-start;justify-content:flex-start;min-height:32px;padding:0 2px;background:none;border-radius:6px;text-decoration:underline;text-decoration-color:var(--ll-primary);text-decoration-thickness:2px;text-underline-offset:4px}.ll-ugc .ll-ig--row:hover,.ll-ugc .ll-ig--row:focus,.ll-ugc .ll-ig--row:active{background:none}.ll-ig--row .ico{width:14px;height:14px}.ll-grow{flex:1 1 auto;min-height:0}.ll-caption{font-size:var(--ll-cap-size);line-height:1.45;color:var(--ll-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ll-cap-lines);line-clamp:var(--ll-cap-lines);overflow:hidden;overflow-wrap:anywhere}.ll-ugc[data-card-style=overlay] .ll-body{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:var(--ll-body-pad);padding-top:40px;color:var(--ll-ov-text);pointer-events:none;background:linear-gradient(to top,rgba(10,5,20,var(--ll-ov-o)),rgba(10,5,20,calc(var(--ll-ov-o) * .6)) 55%,#0a051400);gap:6px;justify-content:flex-end}.ll-ugc[data-card-style=overlay] .ll-body a,.ll-ugc[data-card-style=overlay] .ll-body button{pointer-events:auto}.ll-ugc[data-card-style=overlay] .ll-caption{color:var(--ll-ov-text);opacity:.85}.ll-ugc[data-card-style=overlay] .ll-grow{display:none}.ll-ugc[data-card-style=overlay] .ll-product{background:#ffffff29;border-color:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ll-ov-text)}.ll-ugc[data-card-style=overlay] .ll-product__price{color:var(--ll-ov-text);opacity:.85}.ll-ugc[data-card-style=overlay] .ll-ig{background:#fff3;color:var(--ll-ov-text)}.ll-ugc[data-card-style=overlay] .ll-playicon{top:38%}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ll-ugc-cards.css.map */