.cart-load{justify-content:center;min-height:100vh;min-height:100dvh;width:100vw;align-items:center;background-color:#fff;display:flex;font-size:xx-large;position:fixed;inset:0;overflow:hidden;z-index:2147483647}.cart-load__icon{-webkit-animation:cart-load 2.8s cubic-bezier(.455,.03,.515,.955) infinite both;animation:cart-load 2.8s cubic-bezier(.455,.03,.515,.955) infinite both;position:relative;z-index:2;font-size:clamp(2rem,8vw,4rem)}.cart-load__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cart-load__particle{position:absolute;width:4px;height:2px;background:currentColor;opacity:.6;border-radius:2px;animation:particle-move 4s linear infinite;box-shadow:0 0 4px currentColor}.cart-load__particle:nth-child(3n){width:6px;height:3px;opacity:.4}.cart-load__particle:nth-child(3n+1){width:3px;height:2px;opacity:.7}.cart-load__particle:nth-child(5n){width:8px;height:2px;opacity:.5;box-shadow:0 0 6px currentColor}@media(max-width:768px){.cart-load__particle{width:3px;height:1.5px}.cart-load__particle:nth-child(3n){width:4px;height:2px}.cart-load__particle:nth-child(3n+1){width:2px;height:1.5px}.cart-load__particle:nth-child(5n){width:5px;height:1.5px}}@keyframes particle-move{0%{transform:translate(calc(100vw + 50px)) scaleX(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(-100px) scaleX(.3);opacity:0}}@media(max-width:768px){@keyframes particle-move{0%{transform:translate(calc(100% + 30px)) scaleX(1);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(-50px) scaleX(.3);opacity:0}}}@-webkit-keyframes cart-load{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}10%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}20%,40%,60%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}30%,50%,70%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}90%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}@keyframes cart-load{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}10%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}20%,40%,60%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}30%,50%,70%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}90%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}}
