.drl-hiw{color:rgb(var(--color-foreground));--hiw-marker: 56px;--hiw-gap: clamp(1.25rem, .5rem + 2.6vw, 2.75rem);--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(1rem,4vw,3rem)}.drl-hiw__wrap--page{max-width:1200px}.drl-hiw__wrap--wide{max-width:1440px}.drl-hiw__wrap--full{max-width:none}.drl-hiw__head{margin-bottom:clamp(2rem,1rem + 3vw,3.5rem)}.drl-hiw--align-center .drl-hiw__head{text-align:center;margin-inline:auto}.drl-hiw__eyebrow{margin:0 0 .75rem}.drl-hiw__headline{margin:0;color:inherit;font-weight:var(--drl-fw-light, 300);line-height:1.1;letter-spacing:-.01em;font-size:clamp(1.8rem,1.15rem + 2.3vw,3rem);text-wrap:pretty}.drl-hiw__sub{margin:.85rem 0 0;color:rgba(var(--color-foreground),.74);font-size:clamp(1rem,.95rem + .3vw,1.15rem);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:1rem}.drl-hiw__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.85rem;padding-top:.1rem}.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:1.2rem;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__title{margin:0;font-weight:var(--drl-fw-medium, 500);font-size:clamp(1.15rem,1rem + .5vw,1.4rem);line-height:1.25}.drl-hiw__text{margin:0;color:rgba(var(--color-foreground),.74);font-size:.95rem;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:.5rem}.drl-hiw__chips{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.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:1.25rem}.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/11/assets/drl-how-it-works.css.map */