:root{--drv-use-step-h: 25rem;--drv-use-divider-h: 21.25rem;--drv-use-step-pad: calc((var(--drv-use-step-h) - var(--drv-use-divider-h)) / 2);--drv-use-media: 12.5rem;--drv-use-text-max-w: 15.875rem;--drv-use-title-size: 2rem;--drv-use-title-lh: 2.25rem;--drv-use-dash-y: repeating-linear-gradient(to bottom, var(--drv-text-muted) 0 var(--drv-space-4), transparent var(--drv-space-4) var(--drv-space-8));--drv-use-dash-x: repeating-linear-gradient(to right, var(--drv-text-muted) 0 var(--drv-space-4), transparent var(--drv-space-4) var(--drv-space-8))}.drv-use{display:flex;flex-direction:column;align-items:center;gap:var(--drv-space-40);margin-block:var(--drv-st, 0rem) var(--drv-sb, 0rem);padding:var(--drv-pt, 0rem) var(--drv-pr, 0rem) var(--drv-pb, 0rem) var(--drv-pl, 0rem);background:var(--drv-white)}.drv-use__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:var(--drv-space-32);width:100%;margin:0;padding:0;list-style:none}.drv-use__step{position:relative;display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:center;min-width:0;min-height:calc(var(--drv-use-step-h) - var(--drv-use-step-pad));padding-block:var(--drv-use-step-pad) 0;box-sizing:border-box}.drv-use__step+.drv-use__step:before{content:"";position:absolute;top:var(--drv-use-step-pad);bottom:0;left:0;width:var(--drv-border-1);background:var(--drv-use-dash-y)}.drv-use__content{display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:center;text-align:center}.drv-use__title{grid-row:1;align-self:end}.drv-use__media{grid-row:2}.drv-use__text{grid-row:3}.drv-use__title{margin:0;font-size:var(--drv-use-title-size);font-weight:var(--drv-fw-medium);line-height:var(--drv-use-title-lh);letter-spacing:var(--drv-ls-n1);color:var(--drv-ink)}.drv-use__media{width:var(--drv-use-media);height:var(--drv-use-media);overflow:hidden;border-radius:var(--drv-radius-card);background:var(--drv-surface)}.drv-use__media img{display:block;width:100%;height:100%;object-fit:cover}.drv-use__text{max-width:var(--drv-use-text-max-w);margin:0;font-size:var(--drv-text-body-size);line-height:var(--drv-lh-22);color:var(--drv-text-muted)}@media screen and (max-width:749px){.drv-use{gap:var(--drv-space-24);margin-block:var(--drv-st-m, 0rem) var(--drv-sb-m, 0rem);padding:var(--drv-pt-m, 0rem) var(--drv-pr-m, 0rem) var(--drv-pb-m, 0rem) var(--drv-pl-m, 0rem)}.drv-use__steps{display:flex;flex-direction:column;row-gap:0}.drv-use__step{display:flex;justify-content:center;width:100%;min-height:0;padding-block:var(--drv-space-24)}.drv-use__step:last-child{padding-bottom:0}.drv-use__step+.drv-use__step:before{top:0;bottom:auto;left:50%;width:var(--drv-use-divider-h);max-width:100%;height:var(--drv-border-1);transform:translate(-50%);background:var(--drv-use-dash-x)}.drv-use__content{display:flex;flex-direction:column;align-items:center;gap:var(--drv-space-16)}.drv-use__title{align-self:center;font-size:var(--drv-fs-24);line-height:var(--drv-lh-30)}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-how-to-use.css.map */