.og-landing{& .ogl-trends{--tc-gap:12px;--tc-per:6;& .tc-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px}& .tc-arrows{display:flex;gap:6px;& button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--lp-line-2);background:transparent;color:var(--og-text);cursor:pointer;transition:background var(--og-duration-ui) var(--og-ease),opacity var(--og-duration-ui);&:hover:not([aria-disabled=true]){background:var(--lp-line-1)}&[aria-disabled=true]{opacity:.35;cursor:default}&:focus-visible{outline:2px solid var(--og-focus);outline-offset:2px}& svg{width:18px;height:18px}}}& .tc-row{gap:var(--tc-gap);margin-top:32px}}& .ogl-trends .tc{position:relative;display:block;flex:0 0 calc((100% - var(--tc-gap) * (var(--tc-per) - 1)) / var(--tc-per));aspect-ratio:9/14;border-radius:var(--og-radius-card);overflow:hidden;background:var(--og-surface);& img,& video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}& img{transition:transform .9s var(--og-ease)}& video{opacity:0;transition:opacity .4s}&[data-playing] video{opacity:1}&:hover img{transform:scale(1.04)}&:after{content:"";inset:45% 0 0;background:linear-gradient(180deg,#0000,#000000cc);pointer-events:none}& h3,&:after{position:absolute}& h3{left:12px;right:12px;bottom:12px;z-index:1;font:600 14px/20px var(--og-sans);color:#fff}&:focus-visible{outline:2px solid var(--og-focus);outline-offset:-2px}}@media (max-width:1023px){& .ogl-trends{--tc-per:4}}@media (max-width:767px){& .ogl-trends{--tc-per:2.3}}@media (hover:none),(max-width:767px){& .ogl-trends .tc-arrows{display:none}}@media (prefers-reduced-motion:reduce){& .ogl-trends .tc img{transition:none}& .ogl-trends .tc:hover img{transform:none}}}
/*# sourceMappingURL=15ba96c15ef7700f.css.map*/