.bf-pdp--skill .bf-how--inbox .bf-progress i{animation-duration:7.5s}.bf-pdp--skill .bf-how--inbox .bf-step__num{animation-duration:7.5s;animation-delay:calc(var(--s) * 1.875s)}.bf-pdp--skill .bf-how--inbox .bf-step__body h3{line-height:18px}.bf-pdp--skill .bf-n-ok{width:18px;height:18px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}.bf-pdp--skill .bf-n-ok svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.bf-pdp--skill .bf-n-tile{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.16);color:var(--accent)}.bf-pdp--skill .bf-n-tile svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bf-pdp--skill .bf-n1{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-26px 0 0 -32px}.bf-pdp--skill .bf-n1>svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--white);animation:bf-nMailDrop 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n1 .bf-n-ok{position:absolute;left:48px;top:-4px;width:24px;height:24px;border-radius:12px;animation:bf-nMailOk 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n1 .bf-n-ok svg{width:14px;height:14px}@keyframes bf-nMailDrop{0%{opacity:.25;transform:translateY(-18px)}6.5%,94%{opacity:1;transform:translateY(0)}to{opacity:.25;transform:translateY(-18px)}}@keyframes bf-nMailOk{0%,7.5%{transform:scale(0)}11.5%{transform:scale(1.15)}14%,94%{transform:scale(1)}to{transform:scale(0)}}.bf-pdp--skill .bf-n2{position:absolute;left:58px;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;margin-top:8px}.bf-pdp--skill .bf-n2__slot{position:relative;height:30px;border-radius:8px;border:1px dashed rgba(255,255,255,.18);font-size:11px;color:var(--disabled-text);padding:7px 12px}.bf-pdp--skill .bf-n2__slot b{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 10px;background:var(--accent);color:var(--on-accent);font-weight:500;font-size:11px;animation:bf-nSlotFill 7.5s var(--ease) infinite;animation-delay:calc(var(--k) * .35s)}.bf-pdp--skill .bf-n2__slot svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bf-pdp--skill .bf-n2__code{align-self:flex-start;display:flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;border-radius:999px;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.5);font-size:11px;white-space:nowrap;animation:bf-nCodeOn 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n2__code>svg{width:12px;height:12px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bf-pdp--skill .bf-n2__code .bf-n-ok{width:16px;height:16px}.bf-pdp--skill .bf-n2__code .bf-n-ok svg{width:10px;height:10px}@keyframes bf-nSlotFill{0%,26%{opacity:0;transform:scale(.92)}31%,92%{opacity:1;transform:scale(1)}97%,to{opacity:0;transform:scale(1)}}@keyframes bf-nCodeOn{0%,43%{opacity:0;transform:translateY(8px)}47%,94%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.bf-pdp--skill .bf-n3{position:absolute;left:58px;right:20px;top:50%;margin-top:8px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.bf-pdp--skill .bf-n3__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0b0b0c;border:1px solid var(--border);font-size:12px;line-height:15px}.bf-pdp--skill .bf-n3__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.bf-pdp--skill .bf-n3__txt b{font-weight:600}.bf-pdp--skill .bf-n3__bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}.bf-pdp--skill .bf-n3__bar i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(0)}.bf-pdp--skill .bf-n3__item:nth-child(1) .bf-n3__bar i{animation:bf-nBar1 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n3__item:nth-child(2) .bf-n3__bar i{animation:bf-nBar2 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n3__item:nth-child(1) .bf-n-ok{animation:bf-nOk1 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n3__item:nth-child(2) .bf-n-ok{animation:bf-nOk2 7.5s var(--ease) infinite}@keyframes bf-nBar1{0%,51%{transform:scaleX(0)}60%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bf-nBar2{0%,61%{transform:scaleX(0)}70%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bf-nOk1{0%,60%{transform:scale(0)}62.5%{transform:scale(1.2)}64%,94%{transform:scale(1)}to{transform:scale(0)}}@keyframes bf-nOk2{0%,70%{transform:scale(0)}72.5%{transform:scale(1.2)}74%,94%{transform:scale(1)}to{transform:scale(0)}}.bf-pdp--skill .bf-n4{position:absolute;left:58px;right:20px;top:30px;display:flex;flex-direction:column;gap:6px}.bf-pdp--skill .bf-n4__top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.bf-pdp--skill .bf-n4__timer{display:flex;align-items:center;gap:4px;color:var(--white)}.bf-pdp--skill .bf-n4__timer svg{width:12px;height:12px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bf-pdp--skill .bf-n4__bar{height:3px;border-radius:2px;background:var(--border);overflow:hidden}.bf-pdp--skill .bf-n4__bar i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;animation:bf-nTimer 7.5s linear infinite}.bf-pdp--skill .bf-n4__opts{position:relative;display:flex;flex-direction:column;gap:4px;margin-top:4px}.bf-pdp--skill .bf-n4__opt{position:relative;z-index:1;height:26px;padding:0 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--body);white-space:nowrap;overflow:hidden}.bf-pdp--skill .bf-n4__opt i{font-style:normal;font-weight:600;color:var(--disabled-text)}.bf-pdp--skill .bf-n4__hl{position:absolute;left:0;right:0;top:0;height:26px;border-radius:6px;background:var(--accent);border:1px solid var(--accent);animation:bf-nPick 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n4__opts .bf-n-ok{position:absolute;right:6px;top:35px;z-index:2;width:16px;height:16px;background:none;animation:bf-nAnsOk 7.5s var(--ease) infinite}.bf-pdp--skill .bf-n4__opts .bf-n-ok svg{width:12px;height:12px}.bf-pdp--skill .bf-n4__opt:nth-of-type(2),.bf-pdp--skill .bf-n4__opt:nth-of-type(2) i{animation:bf-nAnsTxt 7.5s var(--ease) infinite}@keyframes bf-nTimer{0%{transform:scaleX(1)}to{transform:scaleX(.15)}}@keyframes bf-nPick{0%,77%{opacity:0;transform:translateY(0)}78%{opacity:1;transform:translateY(0)}82%{transform:translateY(60px)}86%,94%{opacity:1;transform:translateY(30px)}to{opacity:0;transform:translateY(30px)}}@keyframes bf-nAnsOk{0%,86%{transform:scale(0)}89%{transform:scale(1.2)}91%,94%{transform:scale(1)}to{transform:scale(0)}}@keyframes bf-nAnsTxt{0%,83%{color:inherit}86%,94%{color:var(--on-accent)}to{color:inherit}}@media(prefers-reduced-motion:reduce){.bf-pdp--skill .bf-how--inbox .bf-progress i,.bf-pdp--skill .bf-how--inbox .bf-step__num,.bf-pdp--skill .bf-n1>svg,.bf-pdp--skill .bf-n1 .bf-n-ok,.bf-pdp--skill .bf-n2__slot b,.bf-pdp--skill .bf-n2__code,.bf-pdp--skill .bf-n3__bar i,.bf-pdp--skill .bf-n3__item .bf-n-ok,.bf-pdp--skill .bf-n4__bar i,.bf-pdp--skill .bf-n4__hl,.bf-pdp--skill .bf-n4__opts .bf-n-ok,.bf-pdp--skill .bf-n4__opt{animation:none!important}.bf-pdp--skill .bf-n3__bar i,.bf-pdp--skill .bf-n3__item .bf-n-ok,.bf-pdp--skill .bf-n4__opts .bf-n-ok{transform:none}.bf-pdp--skill .bf-n4__hl{transform:translateY(30px)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/bf26-pdp-steps.css.map */