.blobs-container{display:flex}.blobs-container .line-container{display:flex;flex-direction:row-reverse;align-items:center;max-width:254px;overflow-x:auto;padding-top:16px;position:relative;padding-right:16px}.blobs-container .line-container::-webkit-scrollbar{height:0}.blobs-container .line-container .line{width:10px;min-width:10px;height:2px;background:#f6f7f8}.blobs-container .line-container .line.first-blob{animation:fade-in 3s}.blobs-container .line-container .beam-wrapper{width:20px;height:100%;position:absolute;right:0;top:0}.blobs-container .line-container .beam-wrapper .beam{border-radius:8px;box-shadow:0 0 0 0 #dce0e4;transform-origin:center top;transform-style:preserve-3d;position:absolute;bottom:14px;left:-11px;display:block;background:#dce0e4;animation:beam-forward 3s linear 62ms;transform:rotate(0deg) translateY(0);opacity:0;height:2px;width:40px}.blobs-container .line-container .beam-wrapper .beam.purchase-beam{box-shadow:0 0 0 0 #343af0;background:#343af0;animation:purchase-beam-forward 3s linear 62ms}@keyframes beam-forward{0%{transform:translateX(-254px);opacity:0;width:20px;height:2px}20%{transform:translateX(-184px)}28%{transform:translateX(-134px);opacity:.2;width:20px}40%{transform:translateX(-4px);opacity:.2;height:2px;box-shadow:0 0 0 0 rgba(220,224,228,.8)}40.1%{transform:translateX(0) translateY(4px);opacity:1;width:10px;height:10px}to{transform:translateX(0) translateY(4px);opacity:1;width:10px;height:10px;box-shadow:0 0 0 10px rgba(220,224,228,0)}}@keyframes purchase-beam-forward{0%{transform:translateX(-254px);opacity:0;width:20px;height:2px}20%{transform:translateX(-184px)}28%{transform:translateX(-134px);opacity:.2;width:20px}40%{transform:translateX(-4px);opacity:.2;height:2px;box-shadow:0 0 0 0 rgba(52,58,240,.8)}40.1%{transform:translateX(0) translateY(4px);opacity:1;width:10px;height:10px}to{transform:translateX(0) translateY(4px);opacity:1;width:10px;height:10px;box-shadow:0 0 0 10px rgba(52,58,240,0)}}.better-scrollbar::-webkit-scrollbar{width:0}.blob{background:#000;border-radius:50%;box-shadow:0 0 0 0 #000;margin:10px 6px;height:10px;width:10px;min-width:10px;transform:scale(1);z-index:1;cursor:pointer}.blob.pulsing{animation:pulse-black 2s infinite}.blob.history{background:#dce0e4}.blob.history.processed{box-shadow:0 0 0 2px #fff,0 0 0 3px #dce0e4}.blob.first-blob{animation:fade-in 3s}@keyframes fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes pulse-black{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,0)}}.blob.white{background:#fff;box-shadow:0 0 0 0 #fff}.blob.white.pulsing{animation:pulse-white 2s infinite}@keyframes pulse-white{0%{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{transform:scale(.95);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.blob.red{background:#ff5252;box-shadow:0 0 0 0 #ff5252}.blob.red.pulsing{animation:pulse-red 2s infinite}@keyframes pulse-red{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,82,82,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,82,82,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,82,82,0)}}.blob.orange{background:#fa541c;box-shadow:0 0 0 0 #fa541c}.blob.orange.pulsing{animation:pulse-orange 2s infinite}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,121,63,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,121,63,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,121,63,0)}}.blob.yellow{background:#ffb142;box-shadow:0 0 0 0 #ffb142}.blob.yellow.pulsing{animation:pulse-yellow 2s infinite}@keyframes pulse-yellow{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,177,66,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,177,66,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(255,177,66,0)}}.blob.blue{background:#343af0;box-shadow:0 0 0 0 rgba(52,58,240,.7)}.blob.blue.processed{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(52,58,240,.5)}.blob.blue.pulsing{animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,58,240,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(52,58,240,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,58,240,0)}}.blob.light-blue{background:#958fff;box-shadow:0 0 0 0 rgba(52,58,240,.7)}.blob.light-blue.processed{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(52,58,240,.5)}.blob.light-blue.pulsing{animation:pulse-light-blue 2s infinite}@keyframes pulse-light-blue{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,58,240,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(52,58,240,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(52,58,240,0)}}.blob.green{background:#33d9b2;box-shadow:0 0 0 0 #33d9b2}.blob.green.pulsing{animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(51,217,178,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(51,217,178,0)}}.blob.purple{background:#8e44ad;box-shadow:0 0 0 0 #8e44ad}.blob.purple.pulsing{animation:pulse-purple 2s infinite}@keyframes pulse-purple{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(142,68,173,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(142,68,173,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(142,68,173,0)}}