.trending .title{font-size:var(--typo-heading-4);margin:0}.trending .nav-container{display:flex;flex-direction:column;gap:var(--space-xxs);margin:var(--space-s) 0 var(--space-xs) 0}.trending .panel{display:block}.trending .panel.hidden{display:none}@media only screen and (width >= 750px){.trending .nav-container{margin-top:var(--space-m)}.trending .nav-container .title{font-size:var(--typo-heading-3)}}.trending .nav-container .tabs{display:flex;gap:var(--space-xxs);margin:0}.trending .nav-container button.tab{background-color:var(--color-white);border:1px solid var(--color-gray-2);border-radius:var(--border-radius-xxs);color:var(--color-black);font-size:var(--typo-body-s);margin:0;padding:var(--space-xxs) var(--space-xs)}.trending .nav-container button.tab[aria-selected=true],.trending .nav-container button.tab:hover{background-color:var(--color-black);border:1px solid var(--color-black);color:var(--color-white)}.trending .panel ul.items-container{display:flex;gap:var(--size-5xs);padding:0 0 var(--space-3xs);list-style:none;margin:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;white-space:nowrap;-webkit-overflow-scrolling:touch}.trending .items-container li a{display:grid;position:relative;text-decoration:none}.trending .items-container li a:after{background:linear-gradient(to bottom,var(--color-pitch-black) 0%,var(--color-translucent-21) 100%);content:"";height:var(--size-100-per-100);left:0;bottom:0;position:absolute;width:var(--size-100-per-100);z-index:1;border-radius:0}.trending .items-container li a img,.trending .items-container li a .info-container{grid-area:1/1}.trending .items-container li a .info-container{align-items:center;align-self:end;display:flex;flex-direction:row;justify-content:space-between;padding:var(--space-xxs) var(--space-xs);position:relative;width:var(--size-100-per-100);z-index:2}.trending .items-container li a .info-container .title{color:var(--color-white);font-size:var(--typo-body-xxs);font-family:var(--typo-family);margin:0}.trending .items-container li a .info-container svg{height:var(--size-xs);width:var(--size-xs)}.trending .items-container li a .info-container svg path{fill:var(--color-white)}.trending .items-container li a img{height:var(--size-100-per-100);object-fit:cover;object-position:center;max-height:calc(var(--size-xs-xs) * 20);max-width:calc(var(--size-xs-xs) * 16);width:calc(var(--size-100-vw) / 2.5)}@media only screen and (width >= 750px){.trending .items-container li a .info-container .title{font-size:var(--typo-body-s)}.trending .items-container li a img{height:var(--size-100-per-100);max-height:calc(var(--size-xs-xs) * 34);max-width:calc(var(--size-xs-xs) * 30);width:calc(var(--size-100-vw) / 3.5)}}@media only screen and (width >= 990px){.trending .items-container li a img{height:var(--size-100-per-100);width:calc(var(--size-100-vw) / 5.5)}}@media (prefers-reduced-motion: reduce){.trending .items-container ul.items-container{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/trending.css.map */