:root{--primary:#4e148c;--hue:240;--trans-dur:0.3s}.preloader{text-align:center;max-width:20em;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:1rem}.preloader__text{position:relative;height:1.5em}.preloader__msg{animation:msg .3s linear 13.7s forwards;position:absolute;width:100%;color:var(--primary,blue)}.preloader__msg--last{animation-direction:reverse;animation-delay:14s;visibility:hidden}.cart{display:block;margin:0 auto 1.5em;width:8em;height:8em}.cart__lines,.cart__top,.cart__wheel-stroke,.cart__wheel1,.cart__wheel2{animation:cartLines 2s ease-in-out infinite}.cart__lines{stroke:var(--primary,blue)}.cart__top{animation-name:cartTop}.cart__wheel1{animation-name:cartWheel1;transform-origin:43px 111px}.cart__wheel2{animation-name:cartWheel2;transform-origin:102px 111px}.cart__wheel-stroke{animation-name:cartWheelStroke}.cart__track{stroke:hsla(var(--hue),10%,10%,.1);transition:stroke var(--trans-dur)}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),10%,10%);--fg:hsl(var(--hue),10%,90%)}.cart__track{stroke:hsla(var(--hue),10%,90%,.1)}}@media (prefers-reduced-motion:reduce){.cart__lines,.cart__top,.cart__wheel-stroke,.cart__wheel1,.cart__wheel2{animation:none}}@keyframes msg{0%{opacity:1;visibility:visible}99.9%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes cartLines{0%,to{opacity:0}8%,92%{opacity:1}}@keyframes cartTop{0%{stroke-dashoffset:-338}50%{stroke-dashoffset:0}to{stroke-dashoffset:338}}@keyframes cartWheel1{0%{transform:rotate(-90deg)}to{transform:rotate(990deg)}}@keyframes cartWheel2{0%{transform:rotate(90deg)}to{transform:rotate(1170deg)}}@keyframes cartWheelStroke{0%,to{stroke-dashoffset:81.68}50%{stroke-dashoffset:40.84}}