.vg-ugc{background:var(--vg-cream);padding:10rem 0 9rem}.vg-ugc .vg-cmp__title{margin-bottom:1.8rem;max-width:80rem}.vg-ugc__lead{max-width:56rem;margin:0 auto 5.6rem;text-align:center;color:#4a5a4e;font-size:1.7rem;line-height:1.65}.vg-ugc__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem}.vg-ugc__card{position:relative;aspect-ratio:9/16;border-radius:2rem;overflow:hidden;border:1px solid rgba(183,154,91,.45);background:linear-gradient(160deg,#ede5d5,#e3d9c5);isolation:isolate}.vg-ugc__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.vg-ugc__media img,.vg-ugc__media video{width:100%;height:100%;object-fit:cover;display:block}.vg-ugc .vg-ugc__shade{display:none}.vg-ugc__card.has-media .vg-ugc__shade{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#12181214,#12181200 40%,#1218128c);pointer-events:none}.vg-ugc__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6.4rem;height:6.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:#23402e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s var(--vg-ease),background-color .25s,opacity .25s}.vg-ugc__play svg{width:2.2rem;height:2.2rem}.vg-ugc__play .vg-ugc__i-pause{display:none}.vg-ugc__play:hover:not([disabled]){transform:translate(-50%,-50%) scale(1.06);background:#23402ebf}.vg-ugc__play:focus-visible,.vg-ugc__sound:focus-visible{outline:2px solid var(--vg-gold);outline-offset:3px}.vg-ugc__play[disabled]{cursor:default;background:#23402e47;border-color:#fff6}.vg-ugc__card.is-playing .vg-ugc__play{opacity:0}.vg-ugc__card.is-playing:hover .vg-ugc__play,.vg-ugc__card.is-playing .vg-ugc__play:focus-visible{opacity:1}.vg-ugc__card.is-playing .vg-ugc__i-play{display:none}.vg-ugc__card.is-playing .vg-ugc__i-pause{display:block}.vg-ugc__sound{position:absolute;top:1.4rem;right:1.4rem;width:4rem;height:4rem;border-radius:50%;border:0;background:#12181273;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.vg-ugc__sound svg{width:1.8rem;height:1.8rem}.vg-ugc__sound .vg-ugc__i-on{display:none}.vg-ugc__card.is-unmuted .vg-ugc__i-on{display:block}.vg-ugc__card.is-unmuted .vg-ugc__i-off{display:none}.vg-ugc__meta{position:absolute;left:0;right:0;bottom:0;padding:1.8rem 1.8rem 2rem;color:#fff;pointer-events:none}.vg-ugc__meta a{pointer-events:auto}.vg-ugc__card:not(.has-media) .vg-ugc__meta{color:#23402e}.vg-ugc__name{margin:0;font-size:1.45rem;font-weight:700;line-height:1.3}.vg-ugc__name a{color:inherit;text-decoration:none}.vg-ugc__name a:hover{text-decoration:underline}.vg-ugc__desc{margin:.4rem 0 0;font-size:1.35rem;line-height:1.45;opacity:.9}@media screen and (min-width:750px)and (max-width:989px){.vg-ugc__grid{gap:1.4rem}.vg-ugc__play{width:5.2rem;height:5.2rem}}@media screen and (max-width:749px){.vg-ugc{padding:7rem 0 6.4rem}.vg-ugc__lead{margin-bottom:3.6rem;font-size:1.55rem}.vg-ugc__grid{display:flex;gap:1.4rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1.5rem 1rem;margin:0 -1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vg-ugc__grid::-webkit-scrollbar{display:none}.vg-ugc__grid>li{flex:0 0 70%;scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/vegelia-ugc.css.map */