@layer theme,base;@layer components{.auth-wl{justify-content:center;align-items:center;display:inline-flex;position:relative}.auth-wl:before{content:"";width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);background:#fff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px -30px #0a11288c}.auth-wl-i{height:auto;animation:7s cubic-bezier(.16,1,.3,1) infinite auth-wl-draw;display:block;position:relative;-webkit-mask-image:linear-gradient(105deg,#000 0 44%,#0000 56%);mask-image:linear-gradient(105deg,#000 0 44%,#0000 56%);-webkit-mask-size:320% 100%;mask-size:320% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.auth-wl-s{pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffffbf 50%,#0000 58%) 100% 0/320% 100% no-repeat;animation:7s ease-in-out infinite auth-wl-sheen;position:absolute;inset:0;-webkit-mask:url(/winmo-mark.png) 50%/contain no-repeat;mask:url(/winmo-mark.png) 50%/contain no-repeat}@media (prefers-reduced-motion:reduce){.auth-wl-i{animation:none}.auth-wl-s{display:none}}}@layer utilities;@keyframes auth-wl-draw{0%,66%{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}72%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}73%{opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0}94%,to{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes auth-wl-sheen{0%,3%{background-position:100% 0}20%,to{background-position:0 0}}
