.trending-banner__container{display:block;margin-top:-96px;padding:2rem 1rem 6rem;background:#1d53ff}.trending-banner{container-type:inline-size;display:block;max-width:1256px;margin:auto;gap:2rem}.trending-banner__header{text-align:left;margin-bottom:1.5rem}.trending-banner__title{font-size:2rem;font-weight:900;margin-bottom:.5rem;color:#fff}.trending-banner__subtitle{font-size:1.125rem;color:#fff;margin-bottom:0}.trending-banner__content{display:block;overflow:hidden;min-height:228px;padding-bottom:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:1rem}.trending-banner__content>*{-webkit-box-flex:0;-webkit-flex:0 0 300px;-ms-flex:0 0 300px;flex:0 0 300px;height:228px}.trending-banner__content img{-ms-user-select:none;user-select:none;-drag:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none}@container (width < 1248px){.trending-banner__content>:last-child{margin-right:1rem}}.trending-banner__content{cursor:-webkit-grab;cursor:grab}@container (width >= 768px){.trending-banner__content{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:-webkit-grab;cursor:grab}.trending-banner__content::-webkit-scrollbar{display:none}.trending-banner__content:not(.js-drag-enabled){cursor:default}}@container (width < 768px){.trending-banner__content{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}@media(prefers-reduced-motion:reduce){.trending-banner__content{scroll-behavior:auto}}.trending-banner__content::-webkit-scrollbar{display:none}.trending-banner__content.active{cursor:-webkit-grabbing;cursor:grabbing}.trending-banner__content>*{scroll-snap-align:start}}@container (width < 768px){.trending-banner{margin:1.5rem 0}.trending-banner__title{font-size:1.5rem}.trending-banner__subtitle{font-size:1rem}}.trending-banner--empty{display:none}