.cards.grid{display:grid;grid-gap:.5em;grid-template-columns:repeat(auto-fit,minmax(var(--card-width,180px),1fr));margin:0 calc(var(--u, 0)*1rem)}@media (max-width:899px){.cards:not(.grid){-webkit-box-align:stretch;align-items:stretch;display:-webkit-box;display:flex;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:scroll;overflow-y:hidden;scroll-padding:0 0 0 calc(var(--u, 0)*1rem);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none}.cards:not(.grid)::-webkit-scrollbar{display:none}.cards:not(.grid)>:first-child{margin-left:calc(var(--u, 0)*1rem)}.cards:not(.grid) .scene{min-width:var(--card-width-xs,var(--card-width,300px));position:relative;scroll-snap-align:start}.cards:not(.grid) .scene+.scene{margin-left:.5em}.cards:not(.grid):after{content:"";-webkit-box-flex:0;flex:0 0 calc(var(--u, 0)*1rem)}.cards:not(.grid) figcaption{display:none}}@media (min-width:900px){.cards:not(.grid){display:grid;grid-gap:.5em;grid-template-columns:repeat(auto-fit,minmax(var(--card-width,200px),1fr));margin:0 calc(var(--u, 0)*1rem)}}