.drl-hiw{color:rgb(var(--color-foreground));--hiw-marker: 56px;--hiw-gap: clamp(12.5px, 5px + 2.6vw, 27.5px);--hiw-line: rgba(var(--color-foreground), .16);--hiw-accent: var(--drl-scheme-accent, rgb(var(--color-button)))}.drl-hiw__wrap{margin-inline:auto;padding-inline:clamp(10px,4vw,30px)}.drl-hiw__wrap--page{max-width:1200px}.drl-hiw__wrap--wide{max-width:var(--drl-content, 1440px)}.drl-hiw__wrap--full{max-width:none}@media(max-width:749px){.drl-hiw__wrap{padding-inline:var(--drl-page-inset, 16px)}}.drl-hiw__head{margin-bottom:clamp(20px,10px + 3vw,35px)}.drl-hiw--align-center .drl-hiw__head{text-align:center;margin-inline:auto}.drl-hiw__eyebrow{margin:0 0 7.5px}.drl-hiw__headline{margin:0;color:inherit;font-weight:var(--drl-fw-light, 300);line-height:1.1;letter-spacing:-.01em;font-size:clamp(18px,11.5px + 2.3vw,30px);text-wrap:pretty}.drl-hiw__sub{margin:8.5px 0 0;color:rgba(var(--color-foreground),.74);font-size:clamp(16px,15.2px + .3vw,11.5px);line-height:1.55;max-width:56ch}.drl-hiw--align-center .drl-hiw__sub{margin-inline:auto;max-width:56ch}.drl-hiw__sub>:first-child{margin-top:0}.drl-hiw__sub>:last-child{margin-bottom:0}.drl-hiw__steps{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:var(--hiw-gap)}.drl-hiw__step{position:relative;display:flex;flex-direction:row;gap:10px}.drl-hiw__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8.5px;padding-top:1px}.drl-hiw__marker{position:relative;z-index:1;flex:0 0 auto;width:var(--hiw-marker);height:var(--hiw-marker);border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-foreground),.22)}.drl-hiw__num{font-family:var(--drl-font-mono);font-weight:500;font-size:19px;letter-spacing:.02em}.drl-hiw--connector .drl-hiw__step:not(:last-child):before{content:"";position:absolute;z-index:0;left:calc(var(--hiw-marker) / 2);transform:translate(-50%);top:var(--hiw-marker);bottom:calc(var(--hiw-gap) * -1);width:2px;background:var(--hiw-line)}.drl-hiw__visual{display:block}.drl-hiw__img{display:block;width:100%;max-width:280px;height:auto;border-radius:16px;object-fit:cover}.drl-hiw__icon{display:inline-flex;width:44px;height:44px;color:rgb(var(--color-foreground))}.drl-hiw__icon svg{width:100%;height:100%}.drl-hiw__step-eyebrow{margin:0;color:rgba(var(--color-foreground),.58)}.drl-hiw .drl-hiw__title{margin:0;font-weight:var(--drl-fw-medium, 500);font-size:var(--drl-body-ml, 18px);line-height:1.25}.drl-hiw__text{margin:0;color:rgba(var(--color-foreground),.74);font-size:var(--drl-body-m, 16px);line-height:1.55}.drl-hiw__text>:first-child{margin-top:0}.drl-hiw__text>:last-child{margin-bottom:0}.drl-hiw__copy{display:flex;flex-direction:column;gap:5px}.drl-hiw__chips{list-style:none;margin:2.5px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.drl-hiw__chip{background:rgba(var(--color-foreground),.06);border:1px solid rgba(var(--color-foreground),.14);color:rgba(var(--color-foreground),.82)}@media(min-width:750px){.drl-hiw__steps{display:grid;grid-template-columns:repeat(var(--hiw-n, 3),minmax(0,1fr));align-items:start}.drl-hiw__step{display:block}.drl-hiw__marker{margin-bottom:12.5px}.drl-hiw__body{padding-top:0}.drl-hiw--connector .drl-hiw__step:not(:last-child):before{content:none}.drl-hiw--align-center .drl-hiw__step{text-align:center}.drl-hiw--align-center .drl-hiw__marker{margin-inline:auto}.drl-hiw--align-center .drl-hiw__body,.drl-hiw--align-center .drl-hiw__copy{align-items:center}.drl-hiw--align-center .drl-hiw__chips{justify-content:center}.drl-hiw--align-center .drl-hiw__img{margin-inline:auto}.drl-hiw--single-row.drl-hiw--connector .drl-hiw__steps:before,.drl-hiw--single-row.drl-hiw--connector .drl-hiw__steps:after{content:"";position:absolute;height:2px;top:calc(var(--hiw-marker) / 2);transform:translateY(-50%);left:calc((100% - (var(--hiw-n) - 1) * var(--hiw-gap)) / var(--hiw-n) / 2);right:calc((100% - (var(--hiw-n) - 1) * var(--hiw-gap)) / var(--hiw-n) / 2)}.drl-hiw--single-row.drl-hiw--connector .drl-hiw__steps:before{background:var(--hiw-line)}.drl-hiw--single-row.drl-hiw--flow .drl-hiw__steps:after{background:linear-gradient(90deg,transparent,var(--hiw-accent),transparent);background-size:34% 100%;background-repeat:no-repeat;animation:drl-hiw-flow 3.2s linear infinite}.drl-hiw--single-row .drl-hiw__step:not(:last-child):after{content:"";position:absolute;z-index:1;top:calc(var(--hiw-marker) / 2);right:calc(var(--hiw-gap) / -2);width:9px;height:9px;transform:translate(50%,-50%) rotate(45deg);border-top:2px solid rgba(var(--color-foreground),.4);border-right:2px solid rgba(var(--color-foreground),.4)}}@keyframes drl-hiw-flow{0%{background-position:-34% 0}to{background-position:134% 0}}@media(prefers-reduced-motion:reduce){.drl-hiw--flow .drl-hiw__steps:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/drl-how-it-works.css.map */