.ff-progress{position:relative;margin:0 0 18px;padding:20px 22px 18px;--ff-p-bg-1: #3a1202;--ff-p-bg-2: #1f0701;--ff-p-accent: rgba(255, 100, 0, .4);--ff-p-border: rgba(255, 140, 0, .3);background:radial-gradient(circle at 85% 0%,var(--ff-p-accent) 0%,transparent 55%),radial-gradient(circle at 0% 100%,var(--ff-p-accent) 0%,transparent 60%),linear-gradient(160deg,var(--ff-p-bg-1) 0%,var(--ff-p-bg-2) 50%,var(--ff-p-bg-1) 100%);border:1px solid var(--ff-p-border);border-radius:20px;box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff0f;overflow:hidden;isolation:isolate;transition:background .5s ease,border-color .5s ease}.ff-progress.is-unlocked{--ff-p-bg-1: #062a10;--ff-p-bg-2: #021a08;--ff-p-accent: rgba(47, 217, 96, .3);--ff-p-border: rgba(138, 224, 42, .32)}.ff-progress--empty{display:none}.ff-progress:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(255,140,0,.16) 0%,transparent 55%);filter:blur(30px);z-index:0;pointer-events:none;animation:ff-p-pulse 4s ease-in-out infinite}.ff-progress.is-unlocked:before{background:radial-gradient(circle,rgba(47,217,96,.16) 0%,transparent 55%)}@keyframes ff-p-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.ff-progress>*{position:relative;z-index:1}.ff-progress__line{margin:0 0 14px;font-size:14px;line-height:1.45;color:#ffffffe6}.ff-progress__line strong{font-family:Paytone One,sans-serif;font-weight:400;color:#ffba38;text-shadow:0 0 14px rgba(255,140,0,.45)}.ff-progress.is-unlocked .ff-progress__line strong{color:#8ae02a;text-shadow:0 0 14px rgba(47,217,96,.45)}.ff-progress__track{position:relative;width:100%;height:16px;background:#0000008c;border:1px solid rgba(255,186,56,.18);border-radius:9999px;overflow:hidden;margin-bottom:14px;box-shadow:inset 0 2px 6px #000000b3,inset 0 -1px #ffffff0a}.ff-progress__fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#ba0013,#ff6a00 55%,#fd6);box-shadow:0 0 16px #ff6a00a6;transition:width .45s cubic-bezier(.4,0,.2,1)}.ff-progress.is-unlocked .ff-progress__fill{background:linear-gradient(90deg,#0f7a2e,#2fd960 55%,#8ae02a);box-shadow:0 0 16px #2fd96099}.ff-progress__tiers{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.ff-progress__tier{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#ffffff80;margin:0}.ff-progress__tier.is-met{color:#ffba38}.ff-progress.is-unlocked .ff-progress__tier.is-met{color:#8ae02a}.ff-progress__tick{width:15px;height:15px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;flex:none;position:relative}.ff-progress__tier.is-met .ff-progress__tick:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.ff-progress__at{color:#fff6;letter-spacing:.04em}@media screen and (max-width:749px){.ff-progress{padding:16px 16px 14px;border-radius:16px}.ff-progress__line{font-size:13px}.ff-progress__tiers{gap:12px}}@media(prefers-reduced-motion:reduce){.ff-progress:before{animation:none}.ff-progress__fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/progress-ff.css.map */
