:root{--primary-color:#e63946;--secondary-color:#457b9d;--light-color:#f1faee;--dark-color:#1d3557;--bs-card-header:86, 101, 115;--duration:1.5s;--container-size:250px;--box-size:33px;--box-border-radius:15%}.loader-container{width:var(--container-size);display:flex;justify-content:space-between;align-items:center;position:relative}.📦{width:var(--box-size);height:var(--box-size);position:relative;display:block;transform-origin:-50% center;border-radius:var(--box-border-radius)}.📦:after{content:"";width:100%;height:100%;position:absolute;top:0;right:0;background-color:var(--bs-danger);border-radius:var(--box-border-radius);box-shadow:0 0 10px 0 rgba(var(--bs-danger-rgb),.4)}.📦:nth-child(1){-webkit-animation:slide var(--duration) ease-in-out infinite alternate;animation:slide var(--duration) ease-in-out infinite alternate}.📦:nth-child(1):after{-webkit-animation:color-change var(--duration) ease-in-out infinite alternate;animation:color-change var(--duration) ease-in-out infinite alternate}.📦:nth-child(2){-webkit-animation:flip-1 var(--duration) ease-in-out infinite alternate;animation:flip-1 var(--duration) ease-in-out infinite alternate}.📦:nth-child(2):after{-webkit-animation:squidge-1 var(--duration) ease-in-out infinite alternate;animation:squidge-1 var(--duration) ease-in-out infinite alternate}.📦:nth-child(3){-webkit-animation:flip-2 var(--duration) ease-in-out infinite alternate;animation:flip-2 var(--duration) ease-in-out infinite alternate}.📦:nth-child(3):after{-webkit-animation:squidge-2 var(--duration) ease-in-out infinite alternate;animation:squidge-2 var(--duration) ease-in-out infinite alternate}.📦:nth-child(4){-webkit-animation:flip-3 var(--duration) ease-in-out infinite alternate;animation:flip-3 var(--duration) ease-in-out infinite alternate}.📦:nth-child(4):after{-webkit-animation:squidge-3 var(--duration) ease-in-out infinite alternate;animation:squidge-3 var(--duration) ease-in-out infinite alternate}.📦:nth-child(5){-webkit-animation:flip-4 var(--duration) ease-in-out infinite alternate;animation:flip-4 var(--duration) ease-in-out infinite alternate}.📦:nth-child(5):after{-webkit-animation:squidge-4 var(--duration) ease-in-out infinite alternate;animation:squidge-4 var(--duration) ease-in-out infinite alternate}.📦:nth-child(2):after{background-color:#F20E0E}.📦:nth-child(3):after{background-color:#ef3c3c}.📦:nth-child(4):after{background-color:#f05656}.📦:nth-child(5):after{background-color:#ed6a6a}@-webkit-keyframes slide{0%{background-color:#ef3c3c;transform:translatex(0vw)}100%{background-color:#ed6a6a;transform:translatex(calc(var(--container-size) - (var(--box-size) * 1.25)))}}@keyframes slide{0%{background-color:#ef3c3c;transform:translatex(0vw)}100%{background-color:#ed6a6a;transform:translatex(calc(var(--container-size) - (var(--box-size) * 1.25)))}}@-webkit-keyframes color-change{0%{background-color:#ef3c3c}100%{background-color:#ed6a6a}}@keyframes color-change{0%{background-color:#ef3c3c}100%{background-color:#ed6a6a}}@-webkit-keyframes flip-1{0%,15%{transform:rotate(0)}35%,100%{transform:rotate(-180deg)}}@keyframes flip-1{0%,15%{transform:rotate(0)}35%,100%{transform:rotate(-180deg)}}@-webkit-keyframes squidge-1{5%{transform-origin:center bottom;transform:scalex(1) scaley(1)}15%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}25%,20%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}55%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}40%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes squidge-1{5%{transform-origin:center bottom;transform:scalex(1) scaley(1)}15%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}25%,20%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}55%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}40%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@-webkit-keyframes flip-2{0%,30%{transform:rotate(0)}50%,100%{transform:rotate(-180deg)}}@keyframes flip-2{0%,30%{transform:rotate(0)}50%,100%{transform:rotate(-180deg)}}@-webkit-keyframes squidge-2{20%{transform-origin:center bottom;transform:scalex(1) scaley(1)}30%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}40%,35%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}70%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}55%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes squidge-2{20%{transform-origin:center bottom;transform:scalex(1) scaley(1)}30%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}40%,35%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}70%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}55%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@-webkit-keyframes flip-3{0%,45%{transform:rotate(0)}65%,100%{transform:rotate(-180deg)}}@keyframes flip-3{0%,45%{transform:rotate(0)}65%,100%{transform:rotate(-180deg)}}@-webkit-keyframes squidge-3{35%{transform-origin:center bottom;transform:scalex(1) scaley(1)}45%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}55%,50%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}85%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}70%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes squidge-3{35%{transform-origin:center bottom;transform:scalex(1) scaley(1)}45%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}55%,50%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}85%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}70%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@-webkit-keyframes flip-4{0%,60%{transform:rotate(0)}80%,100%{transform:rotate(-180deg)}}@keyframes flip-4{0%,60%{transform:rotate(0)}80%,100%{transform:rotate(-180deg)}}@-webkit-keyframes squidge-4{50%{transform-origin:center bottom;transform:scalex(1) scaley(1)}60%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}70%,65%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}100%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}85%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}@keyframes squidge-4{50%{transform-origin:center bottom;transform:scalex(1) scaley(1)}60%{transform-origin:center bottom;transform:scalex(1.3) scaley(.7)}70%,65%{transform-origin:center bottom;transform:scalex(.8) scaley(1.4)}100%,100%{transform-origin:center top;transform:scalex(1) scaley(1)}85%{transform-origin:center top;transform:scalex(1.3) scaley(.7)}}