.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__track-viewport.has-nav .draggable-tiles__track{padding-bottom:0;scrollbar-width:none}.draggable-tiles__track-viewport.has-nav .draggable-tiles__track::-webkit-scrollbar{display:none}.draggable-tiles__track-viewport{--tiles-nav-height:2.25rem;--tiles-nav-gap:1.5rem}.draggable-tiles__nav{align-items:center;display:flex;gap:1.5rem;margin-bottom:var(--tiles-nav-gap);min-height:var(--tiles-nav-height);position:relative;z-index:2}.draggable-tiles__nav[hidden]{display:none}.draggable-tiles__progress{background-color:color-mix(in srgb,var(--color-dark2) 12%,var(--color-white));cursor:pointer;flex:1;height:.5rem;min-width:0;position:relative}.draggable-tiles__progress:before{bottom:-.75rem;content:"";left:0;position:absolute;right:0;top:-.75rem}.draggable-tiles__progress-thumb{background-color:var(--color-yellow);height:100%;left:0;min-width:2rem;position:absolute;top:0;width:2rem}.draggable-tiles__arrows{display:flex;flex:0 0 auto}.draggable-tiles__arrow{align-items:center;background:var(--color-dark2);border:none;border-radius:0;color:var(--color-white);cursor:pointer;display:flex;height:var(--tiles-nav-height);justify-content:center;min-width:52px;padding:0;transition:background-color var(--duration-fast) linear,color var(--duration-fast) linear}.draggable-tiles__arrow:hover:not(:disabled){background:var(--color-dark1)}.draggable-tiles__arrow:disabled{cursor:default;opacity:.4}.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-nav:after,.draggable-tiles__track-viewport.has-nav:before{bottom:0;top:calc(var(--tiles-nav-height) + var(--tiles-nav-gap))}.draggable-tiles__nav{padding-right:max(2.5rem,calc(50vw - 750px + 2.5rem))}.draggable-tiles__track-viewport.has-more:after,.draggable-tiles__track-viewport.has-scrolled:before{opacity:1}.draggable-tiles__track{padding-right:1.5rem}}