.ki-ugc{position:relative;overflow:hidden}.ki-ugc__head{text-align:center;margin:0 auto 2.4rem;max-width:72rem}.ki-ugc__title{margin:0;font-size:clamp(2.8rem,3.2vw,4.4rem);line-height:1.05;text-transform:uppercase;letter-spacing:.01em}.ki-ugc__sub{margin:.8rem 0 0;font-size:1.6rem;opacity:.8}.ki-ugc__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.6rem}.ki-ugc__card{position:relative;margin:0;aspect-ratio:9 / 16;border-radius:1.8rem;overflow:hidden;background:#1b1430;box-shadow:0 1rem 2.4rem #2b1b7a2e;transform:translateZ(0)}.ki-ugc__video{display:block;width:100%;height:100%;object-fit:cover}.ki-ugc__caption{position:absolute;left:0;right:0;bottom:0;padding:3.2rem 1.2rem 1.1rem;background:linear-gradient(to top,#140c2dd1,#140c2d00);color:#fff;display:flex;flex-direction:column;gap:.1rem;pointer-events:none}.ki-ugc__name{font-size:1.6rem;font-weight:700;letter-spacing:.02em}.ki-ugc__dish{font-size:1.3rem;opacity:.85}.ki-ugc__sound{position:absolute;top:1rem;right:1rem;width:3.4rem;height:3.4rem;padding:.7rem;border:0;border-radius:50%;background:#140c2d8c;color:#fff;cursor:pointer;line-height:0;transition:background .2s ease}.ki-ugc__sound:hover{background:#140c2dcc}.ki-ugc__sound svg{width:100%;height:100%}.ki-ugc__icon-on{display:none}.ki-ugc__sound[aria-pressed=true] .ki-ugc__icon-on{display:block}.ki-ugc__sound[aria-pressed=true] .ki-ugc__icon-off{display:none}@media screen and (max-width:1099px){.ki-ugc__row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.ki-ugc__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.2rem;margin:0 -1.5rem;padding:0 1.5rem .4rem;scrollbar-width:none}.ki-ugc__row::-webkit-scrollbar{display:none}.ki-ugc__card{flex:0 0 46vw;scroll-snap-align:start;border-radius:1.4rem}.ki-ugc__title{font-size:2.6rem}.ki-ugc__sub{font-size:1.4rem}}.ki-ugc__stars{position:absolute;right:1.2rem;bottom:1.3rem;display:inline-flex;gap:.2rem;color:#b46cff;filter:drop-shadow(0 1px 4px rgba(121,26,196,.6))}.ki-ugc__stars svg{width:1.6rem;height:1.6rem;display:block}@media screen and (max-width:749px){.ki-ugc__stars svg{width:1.3rem;height:1.3rem}.ki-ugc__stars{right:1rem;bottom:1.2rem}}.ki-ugc__caption{background:none;padding:1.2rem 1.2rem 1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 10px rgba(0,0,0,.45)}.ki-ugc__stars{filter:drop-shadow(0 1px 2px rgba(0,0,0,.7)) drop-shadow(0 0 6px rgba(0,0,0,.35))}.ki-ugc{z-index:2}.ki-ugc__caption{left:.8rem;right:.8rem;bottom:.8rem;padding:.7rem 1rem;border-radius:1.1rem;background:linear-gradient(90deg,#7b3f989e,#3f7ea68c 60%,#2fa89b8c);text-shadow:0 1px 2px rgba(0,0,0,.35)}.ki-ugc__name{line-height:1.1}.ki-ugc__dish{line-height:1.15;opacity:.95}.ki-ugc__stars{right:1.8rem;bottom:1.9rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media screen and (max-width:749px){.ki-ugc__caption{left:.6rem;right:.6rem;bottom:.6rem;padding:.6rem .8rem}.ki-ugc__stars{right:1.4rem;bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ki-ugc-feed.css.map */