#preloader{--preloader-bg: var(--color-background, #ffffff);--preloader-text: var(--color-foreground, #333333);--preloader-accent: var(--color-accent, #334FB4)}.preloader-content{position:relative;max-width:400px;padding:20px}.spinner.enhanced{background:conic-gradient(transparent,var(--preloader-accent),transparent);border:none;border-radius:50%;animation:enhancedSpin 1.2s linear infinite}.spinner.enhanced:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--preloader-bg);border-radius:50%}.progress-bar.enhanced{background:linear-gradient(90deg,var(--preloader-accent) 0%,rgba(var(--preloader-accent),.6) 50%,var(--preloader-accent) 100%);background-size:200% 100%;animation:progressShine 1.5s linear infinite}.bouncing-dots.enhanced span{background:linear-gradient(45deg,var(--preloader-accent),#764ba2);box-shadow:0 2px 10px rgba(var(--preloader-accent),.3)}.preloader-overlay-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background-image:radial-gradient(circle,var(--preloader-accent) 1px,transparent 1px);background-size:20px 20px;animation:patternMove 20s linear infinite}.preloader-percentage{font-size:14px;font-weight:600;color:var(--preloader-text);margin-top:10px;opacity:0;animation:fadeIn .8s ease-out .8s forwards}@keyframes enhancedSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressShine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes patternMove{0%{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-20px)}50%{transform:translate(20px) translateY(-20px)}75%{transform:translate(-20px) translateY(20px)}to{transform:translate(0) translateY(0)}}.preloader-loading-text:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.shopify-design-mode #preloader{pointer-events:auto}.shopify-design-mode .preloader-content{cursor:pointer}#preloader *{will-change:transform,opacity}.preloader-animation{transform:translateZ(0);backface-visibility:hidden}@media (prefers-contrast: high){#preloader{background:#000}.preloader-title,.preloader-text{color:#fff;text-shadow:none}.spinner,.progress-bar,.bouncing-dots span,.scale-animation{border-color:#fff;background-color:#fff}}@media (prefers-reduced-motion: reduce){.preloader-content *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{#preloader{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-modern-preloader.css.map */
