.we-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#f0771c;color:#242424;display:grid;place-items:center;overflow:hidden;animation:wel-safety .3s 5s forwards;font-family:Arial,sans-serif}.wel-center{text-align:center}.wel-mark{position:relative;width:clamp(150px,19vw,245px);margin:auto;animation:wel-arrive .85s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.wel-mark svg{display:block;width:100%;height:auto}.wel-flash{position:absolute;top:36%;left:-70%;width:40%;height:24%;transform:skew(-25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);mix-blend-mode:screen;animation:wel-sweep .65s .65s both;pointer-events:none}.wel-name{font-weight:900;font-size:clamp(25px,3vw,38px);letter-spacing:.2em;margin:24px 0 22px;padding-left:.2em;animation:wel-type .7s .25s both}.wel-line{width:100px;height:2px;background:#2424242e;margin:auto;overflow:hidden}.wel-line i{display:block;width:100%;height:100%;background:#242424;transform-origin:left;animation:wel-progress 1.4s cubic-bezier(.2,.8,.2,1) both}.wel-skip{position:absolute;right:28px;bottom:25px;background:none;border:0;border-bottom:1px solid #242424;color:inherit;font:12px Arial;padding:10px 0;cursor:pointer}.wel-skip:focus-visible{outline:2px solid #242424;outline-offset:6px}.we-loader.is-leaving{pointer-events:none;animation:wel-exit .6s cubic-bezier(.76,0,.24,1) forwards}.we-loader.is-leaving .wel-center{transition:transform .5s,opacity .4s;transform:translateY(-35px) scale(.95);opacity:0}@keyframes wel-arrive{0%{opacity:0;transform:scale(1.45);filter:blur(15px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes wel-sweep{to{left:140%}}@keyframes wel-type{0%{opacity:0;letter-spacing:.5em;transform:translateY(12px)}to{opacity:1;letter-spacing:.2em;transform:none}}@keyframes wel-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wel-exit{to{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes wel-safety{to{opacity:0;visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){.wel-mark,.wel-name,.wel-line i{animation:none}.wel-flash{display:none}.we-loader.is-leaving{animation:wel-safety .1s forwards}.we-loader.is-leaving .wel-center{transition:none}}.we-loader{background:#fff;color:#2d2926}.wel-mark{width:clamp(210px,28vw,340px);overflow:hidden}.wel-mark img{display:block;width:100%;height:auto}.wel-flash{top:0;height:100%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);mix-blend-mode:normal;animation:wel-sweep .85s .45s both}.we-loader{background:#fff}.wel-mark{width:clamp(180px,19vw,250px);animation:wel-arrive .65s cubic-bezier(.16,1,.3,1) both}.wel-mark img{width:100%;height:auto;display:block}.wel-flash{top:35%;height:21%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);mix-blend-mode:screen;animation:wel-sweep .8s .55s both}@media(prefers-reduced-motion:reduce){.wel-mark{animation:none}.wel-flash{display:none}}.wel-mark{isolation:isolate}.wel-flash{right:0;bottom:0;width:100%;height:100%;transform:none;left:0;top:0;mix-blend-mode:normal;background:linear-gradient(110deg,transparent 33%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.35) 55%,transparent 68%);background-size:300% 100%;background-position:150% 0;-webkit-mask:url(wolfeyes-loader-wolf.svg) center/contain no-repeat;mask:url(wolfeyes-loader-wolf.svg) center/contain no-repeat;animation:wel-full-shine 1.2s .35s ease-in-out both}@keyframes wel-full-shine{0%{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.wel-flash{display:none}}.wel-flash{animation:none;opacity:0}.we-loader.is-ready .wel-flash{opacity:1;animation:wel-full-shine 1.25s .25s ease-in-out both}.we-loader.is-ready .wel-mark img{animation:wel-wolf-glow 1.5s .15s ease-in-out both}@keyframes wel-wolf-glow{0%,to{filter:brightness(1)}40%,55%{filter:brightness(2.3)}}@media(prefers-reduced-motion:reduce){.we-loader.is-ready .wel-mark img{animation:none}.wel-flash{display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/wolfeyes-loader.css.map */
