.draggable-tiles{padding-bottom:var(--module-padding-block);padding-top:var(--module-padding-block)}.draggable-tiles__body{display:flex;flex-direction:column;gap:2rem;padding-left:1.25rem;padding-right:1.25rem}.draggable-tiles__track{cursor:grab;display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:3rem;scrollbar-color:var(--color-yellow) var(--color-light1);scrollbar-width:thin}.draggable-tiles__track::-webkit-scrollbar{height:.5rem}.draggable-tiles__track::-webkit-scrollbar-track{background-color:var(--color-light1)}.draggable-tiles__track::-webkit-scrollbar-thumb{background-color:var(--color-yellow)}.draggable-tiles__track.is-dragging{cursor:grabbing;user-select:none}.draggable-tiles__tile{display:flex;flex:0 0 auto;flex-direction:column;gap:1rem;width:17rem}.draggable-tiles__tile-subtitle,.draggable-tiles__tile-title{text-transform:uppercase}.draggable-tiles__tile-title{align-items:flex-end;display:flex}.draggable-tiles__track.has-multiline-titles .draggable-tiles__tile-title{min-height:2.35em}.draggable-tiles__tile-subtitle{font-weight:700}.draggable-tiles__tile-image{aspect-ratio:640/420;overflow:hidden;position:relative}.draggable-tiles--portrait .draggable-tiles__tile-image{aspect-ratio:4/5}.draggable-tiles--square .draggable-tiles__tile-image{aspect-ratio:1/1}.draggable-tiles__tile-image img{display:block;height:100%;object-fit:cover;pointer-events:none;position:absolute;width:100%}@media (min-width:1024px){.draggable-tiles__body{flex-direction:row;gap:3rem;margin-left:max(2.5rem,calc(50vw - 750px + 2.5rem));padding-left:0;padding-right:0}.draggable-tiles__intro{flex:0 0 28rem}.draggable-tiles__tile{width:21rem}.draggable-tiles__track-viewport{flex:1;min-width:0;position:relative}.draggable-tiles__track-viewport:after,.draggable-tiles__track-viewport:before{bottom:1rem;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;z-index:1}.draggable-tiles__track-viewport:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.75) 35%,hsla(0,0%,100%,0));left:0;width:4rem}.draggable-tiles__track-viewport:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.75) 65%,#fff);right:0;width:4rem}.draggable-tiles__track-viewport.has-more:after,.draggable-tiles__track-viewport.has-scrolled:before{opacity:1}.draggable-tiles__track{padding-right:1.5rem}}