:root{--hue:223;--bgb:hsl(var(--hue),10%,90%);--fgb:hsl(var(--hue),10%,10%);--main:hsl(var(--hue),0%,0%);--trans-dur:0.3s}.preloader{text-align:center;max-width:20em;width:100%}.preloader__text{position:relative;height:1.5em}.preloader__msg{animation:msg .3s linear 13.7s forwards;position:absolute;width:100%}.preloader__msg--last{animation-direction:reverse;animation-delay:14s;visibility:hidden}.cart{display:block;margin:0 auto 1.5em;width:4em;height:4em}.cart__lines,.cart__top,.cart__wheel-stroke,.cart__wheel1,.cart__wheel2{animation:cartLines 2s ease-in-out infinite}.cart__lines{stroke:var(--main)}.cart__top{animation-name:cartTop}.cart__wheel1{animation-name:cartWheel1;transform:rotate(-90deg);transform-origin:43px 111px}.cart__wheel2{animation-name:cartWheel2;transform:rotate(90deg);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{--bgb:hsl(var(--hue),10%,10%);--fgb:hsl(var(--hue),10%,90%)}.cart__track{stroke:hsla(var(--hue),10%,90%,.1)}}@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}}