.dfp-brw{margin-block:4.8rem}.dfp-brw__card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"art copy" "legend rail";gap:2.4rem 4rem;align-items:center}.dfp-brw__art{grid-area:art;min-width:0;position:relative;display:flex;align-items:center;justify-content:center}.dfp-brw__svg{display:block;width:100%;max-width:32rem;height:auto;margin-inline:auto}.dfp-brw__lbl{font-family:var(--font-mono);font-size:22px;font-weight:var(--fw-semibold);letter-spacing:.08em;fill:var(--text-link)}.dfp-brw__copy{grid-area:copy;min-width:0}.dfp-brw__heading{margin:.8rem 0 0;font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:clamp(2.6rem,2.2vw + 1.4rem,3.6rem);line-height:1.1;letter-spacing:-.01em;color:var(--text-strong)}.dfp-brw__steps{display:grid;margin-top:2.4rem;padding-top:2.4rem;border-top:.1rem solid var(--bone-300)}.dfp-brw__step{grid-area:1 / 1}.dfp-brw__step--2,.dfp-brw__step--3{opacity:0}.dfp-brw__kicker,.dfp-brw__flow{margin:0;font-family:var(--font-mono);font-size:1.15rem;font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--text-link)}.dfp-brw__flow{margin-top:1.6rem;color:var(--text-label);letter-spacing:.1em}.dfp-brw__title{margin:.8rem 0 0;font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:clamp(2.2rem,1.4vw + 1.4rem,2.8rem);line-height:1.15;color:var(--text-strong)}.dfp-brw__lead{margin:1rem 0 0;font-weight:var(--fw-semibold);font-size:1.7rem;color:var(--text-body)}.dfp-brw__body{margin:.8rem 0 0;font-size:1.6rem;line-height:1.6;color:var(--text-secondary);max-width:52ch}.dfp-brw__rail{grid-area:rail;align-self:start;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin:0;padding:0;list-style:none}.dfp-brw__railstep{position:relative;min-width:0;display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;font-family:var(--font-mono);font-size:1.1rem;font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--text-label)}.dfp-brw__num{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:.15rem solid var(--bone-500);font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:1.1rem;letter-spacing:0}.dfp-brw__bar{position:absolute;inset:auto 0 0 0;height:.3rem;border-radius:.2rem;background:var(--bone-300);overflow:hidden}.dfp-brw__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform-origin:left;transform:scaleX(0)}.dfp-brw__legend{grid-area:legend;align-self:start;min-width:0;text-align:center}.dfp-brw__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 2rem;min-height:2.2rem;margin:0;padding:0;list-style:none;font-weight:var(--fw-semibold);font-size:1.4rem;color:var(--text-body)}.dfp-brw__swatches li{white-space:nowrap;display:flex;align-items:center;gap:.8rem}.dfp-brw__dot{width:1.4rem;height:1.4rem;border-radius:50%}.dfp-brw__dot--blue{background:#1c4fce}.dfp-brw__dot--pink{background:#ef78b0}.dfp-brw__dot--orange{background:#d4570f}.dfp-brw__dot--green{background:#2f8a4f}.dfp-brw__note{margin:.8rem auto 0;max-width:none;text-align:center;font-size:1.4rem;color:var(--text-muted)}.dfp-brw.is-running .dfp-brw__step--1{animation:dfp-brw-s1 36s linear infinite}.dfp-brw.is-running .dfp-brw__step--2{animation:dfp-brw-s2 36s linear infinite}.dfp-brw.is-running .dfp-brw__step--3{animation:dfp-brw-s3 36s linear infinite}.dfp-brw.is-running .dfp-brw__railstep--1{animation:dfp-brw-r1 36s linear infinite}.dfp-brw.is-running .dfp-brw__railstep--2{animation:dfp-brw-r2 36s linear infinite}.dfp-brw.is-running .dfp-brw__railstep--3{animation:dfp-brw-r3 36s linear infinite}.dfp-brw.is-running .dfp-brw__railstep--1 .dfp-brw__bar:after{animation:dfp-brw-b1 36s linear infinite}.dfp-brw.is-running .dfp-brw__railstep--2 .dfp-brw__bar:after{animation:dfp-brw-b2 36s linear infinite}.dfp-brw.is-running .dfp-brw__railstep--3 .dfp-brw__bar:after{animation:dfp-brw-b3 36s linear infinite}@keyframes dfp-brw-s1{0%,20%{opacity:1}22.2%,98%{opacity:0}to{opacity:1}}@keyframes dfp-brw-s2{0%,20%{opacity:0}22.2%,59%{opacity:1}61.1%,to{opacity:0}}@keyframes dfp-brw-s3{0%,59%{opacity:0}61.1%,98%{opacity:1}to{opacity:0}}@keyframes dfp-brw-r1{0%,20%{color:var(--text-strong)}22.2%,to{color:var(--text-label)}}@keyframes dfp-brw-r2{0%,20%{color:var(--text-label)}22.2%,59%{color:var(--text-strong)}61.1%,to{color:var(--text-label)}}@keyframes dfp-brw-r3{0%,59%{color:var(--text-label)}61.1%,98%{color:var(--text-strong)}to{color:var(--text-label)}}@keyframes dfp-brw-b1{0%{transform:scaleX(0)}22.2%,to{transform:scaleX(1)}}@keyframes dfp-brw-b2{0%,22.2%{transform:scaleX(0)}61.1%,to{transform:scaleX(1)}}@keyframes dfp-brw-b3{0%,61.1%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:859px){.dfp-brw__card{grid-template-columns:1fr;grid-template-areas:"head" "art" "legend" "steps" "rail";gap:2rem}.dfp-brw__copy{display:contents}.dfp-brw__head{grid-area:head}.dfp-brw__steps{grid-area:steps;margin-top:0}.dfp-brw__svg{max-width:19rem}}@media(max-width:519px){.dfp-brw__swatches li{white-space:normal}.dfp-brw__rail{gap:1rem}.dfp-brw__railtxt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.dfp-brw__steps{gap:2.4rem}.dfp-brw__step{grid-area:auto;opacity:1!important;animation:none!important}.dfp-brw__rail{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dfp-br-works.css.map */