.fadeIn_01{transform:translateY(80px);opacity:0;transition:1s}.fadeIn_01.on{opacity:1;transform:translateY(0)}.fadeIn_02{transform:translateY(40px);opacity:0;transition:1.3s}.fadeIn_02.on{opacity:1;transform:translateY(0)}.pixel-spinner_wrap{position:fixed;top:0;right:0;z-index:9999;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.9);visibility:hidden;opacity:0;transition:.3s}.pixel-spinner_wrap.on{visibility:inherit;opacity:1}.pixel-spinner{height:70px;width:70px;display:flex;flex-direction:row;justify-content:center;align-items:center}.pixel-spinner .pixel-spinner-inner{width:calc(70px / 7);height:calc(70px / 7);background-color:#2899db;color:#2899db;box-shadow:15px 15px 0 0, -15px -15px 0 0, 15px -15px 0 0, -15px 15px 0 0, 0 15px 0 0, 15px 0 0 0, -15px 0 0 0, 0 -15px 0 0;animation:pixel-spinner-animation 2000ms linear infinite}@keyframes pixel-spinner-animation{50%{box-shadow:20px 20px 0px 0px, -20px -20px 0px 0px, 20px -20px 0px 0px, -20px 20px 0px 0px, 0px 10px 0px 0px, 10px 0px 0px 0px, -10px 0px 0px 0px, 0px -10px 0px 0px}75%{box-shadow:20px 20px 0px 0px, -20px -20px 0px 0px, 20px -20px 0px 0px, -20px 20px 0px 0px, 0px 10px 0px 0px, 10px 0px 0px 0px, -10px 0px 0px 0px, 0px -10px 0px 0px}100%{transform:rotate(360deg)}}#user_search .pixel-spinner_wrap{width:calc(100% - 320px)}@media (max-width: 1100px){#user_search .pixel-spinner_wrap{width:calc(100% - 280px)}}@media (max-width: 900px){#user_search .pixel-spinner_wrap{width:100%}}