:root,.ncf-how{--ncf-ink:#14131a;--ncf-amber:#eca844;--ncf-amber-deep:#9c5c05;--ncf-dot:#f0a52a;--ncf-disc:#faf4e7;--ncf-page:#fffdf9}.ncf-how,.ncf-how *,.ncf-how *:before,.ncf-how *:after{box-sizing:border-box}.ncf-how{--side:28px;container-type:inline-size;container-name:ncfhow;width:100%;color:var(--ncf-ink);background:var(--ncf-page);padding:clamp(26px,4.4cqw,60px) var(--side) clamp(28px,4.8cqw,64px)}.ncf-how__inner{width:100%;max-width:1120px;margin:0 auto}.ncf-how__eyebrow{margin:0 0 clamp(16px,2.6cqw,36px);text-align:center;color:var(--ncf-amber-deep);font-family:Lexend,sans-serif;font-size:clamp(10.5px,1.15cqw,16px);font-weight:700;letter-spacing:.24em;text-transform:uppercase;line-height:1.2}.ncf-how__steps{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:start}.ncf-how__step{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;--disc:clamp(46px,61%,228px)}.ncf-how__visual{position:relative;container-type:inline-size;container-name:ncfdisc;width:var(--disc);overflow:visible;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,var(--ncf-disc) 0%,var(--ncf-disc) 62%,rgba(250,244,231,0) 78%)}.ncf-how__icon{width:64%;height:64%;display:block;color:var(--ncf-ink)}.ncf-how__num{position:absolute;top:3%;right:4%;width:26%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--ncf-amber);color:var(--ncf-ink);font-family:Bitter,Georgia,serif;font-weight:700;font-size:14.5cqw;line-height:1}.ncf-how__caption{width:80px;margin:calc(var(--disc) * .13) 0 0;color:var(--ncf-ink);font-family:Bitter,Georgia,serif;font-weight:700;font-size:clamp(12.5px,2.25cqw,32px);letter-spacing:-.02em;line-height:1.14;text-wrap:balance;overflow-wrap:break-word}.ncf-how__step+.ncf-how__step .ncf-how__visual:before{content:"";position:absolute;top:50%;right:calc(100% + 6px);width:calc(63.93cqw - 12px);height:6px;transform:translateY(-3px);background-image:radial-gradient(circle,var(--ncf-dot) 42%,transparent 44%);background-size:clamp(5px,.85cqw,12px) 6px;background-position:center;background-repeat:repeat-x}@media(prefers-reduced-motion:reduce){.ncf-how *{animation:none!important;transition:none!important}}@media(min-width:640px){.ncf-how{--side:25vw}.ncf-how__caption{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dopamiles-how-it-works.css.map */