@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Arial,sans-serif;font-weight:normal}body{background:#fff;color:#111}.post{background:#fff;margin:0 auto;padding:10px;max-width:500px;border:1px solid #d0d1d5;border-radius:3px}.hero-image{display:block;width:100%;max-width:500px;height:auto;max-height:230px;object-fit:cover;object-position:center;margin:0 auto;background:#fbc606}marquee{display:block;max-width:500px;margin:0 auto;padding:5px 0}.welcome{font-size:15px}.amount,#getname{color:#098105}.done{text-align:center;color:#27ae60;font-size:48px}.tip{font-size:14px}.title{text-align:center}.error{display:none;text-align:center;font-size:14px;color:#e74c3c}button{display:block;width:200px;height:50px;color:#fff;border:none;outline:none;font-size:24px;cursor:pointer;border-radius:5px;padding:0 10px;margin:10px auto;background:rgb(251,198,6);transition:background .3s ease}button:hover{background:#098105}.phone{max-width:400px;margin:10px auto}.phone input{width:100%;height:56px;padding:10px;outline:none;border:2px solid #cecece;font-size:18px}.phone center{max-width:330px;margin:auto}select{width:330px;max-width:100%;height:56px;font-size:16px;padding:0 10px}#confirm{width:200px;margin:10px auto;border-radius:0}#loader{text-align:center}.spin{width:50px;height:50px;background:transparent;border:solid 8px rgb(207,27,28);border-right-color:transparent;border-radius:50%;margin:10px auto;animation:spin .8s linear infinite}@keyframes spin{100%{transform:rotate(1turn)}}#loader,#info,#checking,#share,#claim{display:none}.center{display:flex;align-items:center;justify-content:center}.barr{direction:ltr;max-width:400px;margin:10px auto}.fill{position:relative;display:inline-block;width:calc(100% - 100px);height:35px;padding:2px;border:2px solid #098105}.fill>div{background:#098105;width:0;height:100%;transition:width .4s}.percentage{width:100px;float:right;height:35px;font-size:16px;border:2px solid #098105}.full-activate{display:flex;align-items:center;justify-content:center;margin:0;width:100%}.counter{color:#7f7f7f;font-size:12px;text-align:right;padding:10px 0 10px 2px;border-bottom:1px solid #e1e2e3}.reactions{display:inline-flex;align-items:center;float:left}.reaction-bubble{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:-4px;background:#fff;font-size:12px}.bar{display:table;width:100%;border-bottom:1px solid #e1e2e3}.bar .react{display:table-cell;width:33.33%;font-size:12px;color:#7f7f7f;text-align:center;padding:10px 0;cursor:pointer}.comments{direction:ltr}.comment{padding:6px 0;margin-top:5px}.avatar{float:left;width:32px;height:32px;border-radius:18px;background:#d8dde7;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.reply{margin-left:37px}.single-container{margin-left:37px;background:#f1f2f6;padding:10px;border-radius:15px;font-size:12px}.single-container .user{display:inline-block;cursor:pointer;color:#365899;margin-bottom:5px;font-weight:700}.single-container .text{display:block}.buttons{font-size:12px;font-weight:bold;margin:10px 0 0 47px;color:#90949c}.action{cursor:pointer}.input{padding:6px 12px 12px}.input input{width:100%;background:#f1f2f6;padding:10px;border-radius:15px;border:0;outline:none}@media(max-width:520px){.post{border-left:0;border-right:0}.hero-image{max-height:190px}}