.wrapper{transform-style:preserve-3d;transition:all .3s ease-in-out}.content,.qrcode{inset:0;height:100%;width:100%;backface-visibility:hidden}.qrcode,.wrapper.active{transform:rotateY(180deg)}@media (any-hover:hover){.wrapper:hover{transform:rotateY(180deg)}}.circle_process{position:relative;margin-top:8px;height:20px;width:20px;border-radius:9999px}.circle_process:after{content:"";position:absolute;z-index:1;box-sizing:border-box;height:100%;width:100%;border-radius:9999px;border:3px solid #dfe4f0}.circle_process .wrapper{position:absolute;top:0;height:20px;width:10px;overflow:hidden}.circle_process .right{right:0}.circle_process .left{left:0}.circle_process .circle{position:absolute;top:0;z-index:2;height:20px;width:20px;border-radius:9999px;border:3px solid transparent;transform:rotate(-135deg)}.circle_process .rightcircle{border-top:3px solid #004afc;border-right:3px solid #004afc;right:0;animation:circle_right 3s linear forwards}.circle_process .leftcircle{border-bottom:3px solid #004afc;border-left:3px solid #004afc;left:0;animation:circle_left 3s linear forwards}@keyframes circle_right{0%{transform:rotate(-135deg)}50%,to{transform:rotate(45deg)}}@keyframes circle_left{0%,50%{transform:rotate(-135deg)}to{transform:rotate(45deg)}}