.Steps{---Columns: 0 ;flex-direction:column;display:flex;gap:var( --Size-16 );padding-top:var( --Size-44 );margin-top:calc(0px - var( ---Gap ));width:100%;[part = "Tabs"]{grid-area:Tabs;-webkit-user-select:none;user-select:none}[part = "Previews"]{grid-area:Previews;-webkit-user-select:none;user-select:none;@media(min-width:800px){grid-auto-columns:1fr;grid-auto-flow:column;display:grid;gap:var( --Size-16 );height:fit-content}}[part = "Cards"]{---Opacity: 0% ;---Bottom: 0rem ;---Top: 0rem ;grid-area:Cards;width:100%;overflow:clip;-webkit-user-select:none;user-select:none;@media(min-width:800px){padding-block:1rem;margin-block:-1rem;-webkit-mask-image:linear-gradient(transparent 0%,black var( ---Opacity ),black calc(100% - var( ---Opacity )),transparent 100%);mask-image:linear-gradient(transparent 0%,black var( ---Opacity ),black calc(100% - var( ---Opacity )),transparent 100%);overscroll-behavior:contain;overflow-y:auto}@media(min-width:1600px){margin-bottom:calc(0px - var( ---Bottom ));margin-top:calc(0px - var( ---Top ));padding-bottom:var( ---Bottom );padding-top:var( ---Top );translate:0px -100px}[part = "Wrapper"]{@media not (min-width:800px){transform:translateZ(0)!important}@media(min-width:800px){flex-direction:column}}}}@media(min-width:800px){.Steps{grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;grid-template-areas:"Tabs Cards" "Previews Cards";column-gap:var( --Size-44 );display:grid}}@media(min-width:1600px){.Steps{grid-template-columns:3fr 2fr;grid-template-areas:"Previews Cards";display:grid;padding-top:var( --Size-72 )}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/Block-Steps.css.map */