.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--loading-screen-background, #ffffff);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--loading-screen-fade-duration, .3s) ease-out}.loading-screen--active{opacity:1;pointer-events:all;transition:opacity var(--loading-screen-fade-duration, .3s) ease-out}.loading-screen__inner{text-align:center;position:relative;z-index:1}.loading-screen__spinner{width:48px;height:48px;margin:0 auto;position:relative}.loading-screen__spinner .spinner{width:100%;height:100%;animation:spinner-rotate 1.2s linear infinite}.loading-screen__spinner .path{stroke:var(--loading-screen-accent-color, currentColor);stroke-linecap:round;stroke-width:3;fill:none;stroke-dasharray:90 120;stroke-dashoffset:0;transform-origin:center;animation:spinner-dash 1.5s ease-in-out infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:5 120;stroke-dashoffset:0}50%{stroke-dasharray:90 120;stroke-dashoffset:-35}to{stroke-dasharray:5 120;stroke-dashoffset:-125}}.loading-screen__progress{width:200px;height:6px;background-color:rgba(currentColor,.2);border-radius:3px;overflow:hidden;margin:0 auto;position:relative}.loading-screen__progress-bar{position:absolute;top:0;left:0;height:100%;background-color:rgba(var(--loading-screen-accent-color, currentColor));width:0%;border-radius:3px;box-shadow:0 0 10px #0000001a;animation:progress-fill var(--loading-screen-progress-duration, .5s) ease-out forwards;transform:translateZ(0)}.loading-screen--active .loading-screen__progress-bar{animation-play-state:running}@keyframes progress-fill{0%{width:0%}30%{width:30%}40%{width:30%}to{width:100%}}.loading-screen__progress-bar.infinite{animation:progress-infinite calc(var(--loading-screen-progress-duration, .5s) * .8) ease-in-out infinite}@keyframes progress-infinite{0%{width:0%;left:0%}50%{width:40%;left:30%}to{width:0%;left:100%}}.loading-screen__image-wrapper{position:relative;display:inline-block;margin:0 auto}.loading-screen__image{display:block;width:100%;height:auto;opacity:0}.loading-screen__image--loaded{opacity:1}.loading-screen__image--pulse.loading-screen__image--loaded{animation:image-pulse var(--loading-screen-pulse-speed, 1.5s) ease-in-out infinite}.loading-screen__text{margin:0;font-size:2rem;font-weight:var(--font-heading-weight);color:var(--loading-screen-text-color, currentColor)}@keyframes image-pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-screen__custom-image{display:inline-block}.loading-screen__custom-image--pulse .loading-screen__image{transition:opacity .3s ease-out}.loading-screen__message{margin-top:2rem;font-size:1.2rem;color:var(--loading-screen-text-color, currentColor);animation:text-fade var(--loading-screen-text-pulse-speed, .8s) ease-in-out infinite}@keyframes text-fade{0%,to{opacity:.5}50%{opacity:1}}:root{--loading-screen-background: var(--color-background);--loading-screen-accent-color: var(--color-foreground);--loading-screen-text-color: var(--color-foreground);--loading-screen-fade-duration: .3s;--loading-screen-progress-duration: .5s;--loading-screen-pulse-speed: 1.5s}@media (prefers-color-scheme: dark){.loading-screen{background-color:var(--loading-screen-background, #000000)}}@media screen and (max-width: 749px){.loading-screen__spinner{width:40px;height:40px}.loading-screen__text{font-size:1.5rem}.loading-screen__message{font-size:1rem}.loading-screen__progress{width:150px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-loading-screen.css.map */