.loyalty-animate{opacity:0;transform-origin:center;transition:all .3s}.zoom-in-fade-out-enter{opacity:0}.zoom-in-fade-out-enter-active,.zoom-in-fade-out-leave{opacity:1}.zoom-in-fade-out-leave-active{opacity:0}:root{--xgate-loading-spinner-size:40px;--xgate-loading-spinner-duration:0.8s;--xgate-loading-spinner-color:#c8c9cc}.xgate-loading__spinner--circular{animation-duration:2s}.xgate-loading__spinner{animation:xgate-rotate var(--xgate-loading-spinner-duration) linear infinite;display:inline-block;height:var(--xgate-loading-spinner-size);max-height:100%;max-width:100%;width:var(--xgate-loading-spinner-size)}.xgate-loading,.xgate-loading__spinner{position:relative;vertical-align:middle}.xgate-loading{color:var(--xgate-loading-spinner-color);font-size:0}.xgate-loading__circular{display:block;height:100%;width:100%}.xgate-loading__circular circle{stroke:currentColor;stroke-width:3;stroke-linecap:round;animation:xgate-circular 1.5s ease-in-out infinite}@keyframes xgate-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes xgate-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media only screen and (max-width:767px){.loyalty-for-mobile{border:none!important;border-radius:0!important;height:100%!important;left:0!important;pointer-events:auto!important;position:fixed!important;top:0!important;width:100%!important}}