@media(min-width:501px){.component[data-design-10]{--base-gap: 1.25rem }}@media(max-width:500px){.component[data-design-10]{--base-gap: 1.875rem }}.component[data-design-10] .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.component[data-design-10] .items{display:grid;grid-auto-columns:1fr;margin-top:var(--app-gap-caption)}@media(min-width:1401px){.component[data-design-10] .items{grid-gap:calc(var(--base-gap)*2)}}@media(max-width:1400px){.component[data-design-10] .items{grid-gap:var(--base-gap)}}@media(min-width:1201px){.component[data-design-10] .items{width:100%}}@media(max-width:1200px){.component[data-design-10] .items{width:calc(100% + var(--app-layout-padding)*2);margin-left:calc(var(--app-layout-padding)*-1);margin-right:calc(var(--app-layout-padding)*-1);padding-left:var(--app-layout-padding);padding-right:var(--app-layout-padding)}}@media(min-width:501px){.component[data-design-10] .items{overflow:auto;grid-auto-flow:column}}@media(min-width:1401px){.component[data-design-10] .preview{width:auto}.component[data-design-10] .preview:nth-child(4n+1),.component[data-design-10] .preview:nth-child(4n+3){margin-right:calc(var(--base-gap)*-.5)}.component[data-design-10] .preview:nth-child(4n+2),.component[data-design-10] .preview:nth-child(4n+4){margin-left:calc(var(--base-gap)*-.5)}}@media(min-width:901px)and (max-width:1200px){.component[data-design-10] .preview{min-width:35vw}}@media(min-width:701px)and (max-width:900px){.component[data-design-10] .preview{min-width:45vw}}@media(min-width:501px)and (max-width:700px){.component[data-design-10] .preview{min-width:65vw}}@media(max-width:700px){.component[data-design-10] .btn-dark{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10;margin:var(--app-gap-caption) auto 0 auto}}