.out-rect{margin-left:auto;margin-top:16px;display:flex;align-items:center;justify-content:center;width:100%;max-width:588px;height:64px;padding:1px;background:linear-gradient(-45deg,transparent 12px,#4d0011 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.in-rect{width:100%;height:100%;background:linear-gradient(-45deg,transparent 12px,#130004 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.disabled-out-rect{background:linear-gradient(-45deg,transparent 12px,#41476b 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.disabled-in-rect{background:linear-gradient(-45deg,transparent 12px,#0d0e15 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.done-out-rect{background:linear-gradient(-45deg,transparent 12px,#7be188 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}.done-in-rect{background:linear-gradient(-45deg,transparent 12px,#001407 0) 100% 0;background-size:100% 100%;background-repeat:no-repeat}