.ff-timeline-wrapper{margin:18px 0 22px}.ff-timeline{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:12px 4px 0}.ff-timeline:before{content:"";position:absolute;top:32px;left:8%;right:8%;height:2px;background:#ecd9d6;transform-origin:left center;transform:scaleX(0);animation:ff-timeline-line-in .7s cubic-bezier(.22,.8,.3,1) forwards;z-index:0}.ff-step{position:relative;z-index:1;flex:1 1 0;text-align:center}.ff-step-circle{width:52px;height:52px;margin:0 auto 6px;border-radius:999px;background:#f4e8e4;display:flex;align-items:center;justify-content:center;color:#7a5555;box-shadow:0 12px 26px #c8aaa56b;transform:translateY(10px) scale(.9);opacity:0;animation:ff-step-in .55s cubic-bezier(.22,.8,.3,1) forwards}.ff-step:nth-child(1) .ff-step-circle{animation-delay:.2s}.ff-step:nth-child(2) .ff-step-circle{animation-delay:.33s}.ff-step:nth-child(3) .ff-step-circle{animation-delay:.46s}.ff-step-icon{width:22px;height:22px}.ff-step-icon path,.ff-step-icon rect,.ff-step-icon circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:ff-stroke-draw .6s ease forwards}.ff-step:nth-child(1) .ff-step-icon *{animation-delay:.28s}.ff-step:nth-child(2) .ff-step-icon *{animation-delay:.41s}.ff-step:nth-child(3) .ff-step-icon *{animation-delay:.54s}.ff-step-date{margin-top:4px;font-size:13px;font-weight:600;color:#8b5454}.ff-step-label{margin-top:2px;font-size:12.5px;color:#5a4743}@keyframes ff-timeline-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ff-step-in{0%{opacity:0;transform:translateY(10px) scale(.9)}60%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ff-stroke-draw{0%{stroke-dashoffset:60}to{stroke-dashoffset:0}}@media (min-width: 750px){.ff-step-circle{transition:transform .16s ease-out,box-shadow .16s ease-out}.ff-step:hover .ff-step-circle{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 32px #c8aaa585}}@media (max-width: 749px){.ff-timeline{gap:10px}.ff-timeline:before{left:10%;right:10%}.ff-step-circle{width:46px;height:46px}.ff-step-icon{width:20px;height:20px}.ff-step-date{font-size:12.5px}.ff-step-label{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ff-timeline.css.map */