.progress-container{width:100%;overflow:hidden;position:relative;height:20px;border-radius:16px;border:1px solid var(--Linear,#d69c47);background:var(--Color-3,#3b0057);margin-top:2px}.progress-bar{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;transition:width .4s ease;border-radius:16px;background:var(--Linear,linear-gradient(181deg,#d69c47 -133.12%,#8c5e1c -114.55%,#9d6c26 -95.98%,#ca9240 -61.16%,#d69c47 -51.88%,#ae7a2f -35.63%,#8c5e1c -24.02%,#966923 -19.38%,#b18736 -12.42%,#deb754 -.81%,#fedb6b 6.15%,#fedf7a 10.79%,#feea9a 24.72%,#fef1b1 36.33%,#fef6c0 47.93%,#fff8c5 59.54%,#ab7927 99%))}.progress-text{position:absolute;width:100%;left:50%;transform:translate(-50%);color:#a4a4a4;text-align:center;font-size:14px;font-weight:500}.custom-progress-container{position:relative;width:100%;background-color:#e0e0e0;border-radius:10px;height:40px;margin-top:20px}.custom-progress-bar{position:relative;height:100%;background-image:url(https://fs.cdnxn.com/philippine/images/tab-bg.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;border-radius:10px}.custom-progress-fill{position:absolute;top:9px;left:4%;height:50%;background:var(--Linear,linear-gradient(327deg,#df620a -137.86%,#ff7800 239.52%));border-radius:0 10px 0 5px;transition:width .3s ease;z-index:1}.custom-step{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:2}.custom-step-labels{position:relative;top:50px;width:100%;display:flex;justify-content:space-between}.custom-step-label{position:absolute;top:-100px;transform:translateX(-50%) translateY(0);font-size:14px;color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;font-size:16px;font-weight:700}.custom-icon{background-image:url(https://fs.cdnxn.com/philippine/images/Gift.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;width:30px;height:30px}.custom-icon.active-icon{background-image:url(https://fs.cdnxn.com/philippine/images/Gift-ac.png)}.group-ProgressBar{display:flex;justify-content:center;align-items:flex-start;margin-top:10px;gap:15px}.ProgressBar-content{width:100%;padding:15px;border-radius:12px;border:3px solid #d69c47;background:#1c1320;box-shadow:0 0 6.3px 5px rgba(0,0,0,.5);margin:auto}.group-icon-Progress{display:flex;align-items:center;gap:30px;color:var(--Color,#ffd89e);text-align:center;font-size:14px;font-weight:500}img.icon-Progress{width:25px;height:25px;margin-right:5px}span.text-ProgressBar{color:var(--Color,#ffd89e);text-align:center;font-size:18px;font-weight:700}button.btn-go{background-image:url(https://fs.cdnxn.com/philippine/images/btn-go.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;width:63.997px;height:31.992px;border:none;background-color:rgba(255,0,0,0);display:flex;justify-content:center}button.btn-go.btn-active{background-image:url(https://fs.cdnxn.com/philippine/images/btn-done.png)}.ProgressBar-group-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:16px}span.title-time{width:100%;display:flex;justify-content:center}span.title-Rewards,span.title-time{color:var(--moeung,#5200ff);font-size:18px;font-weight:800}.box-Daily-number{height:132px;width:120px;position:relative}.bg-box-num{background-image:url(https://fs.cdnxn.com/philippine/images/bg-box-num.svg);width:120px;height:114px;margin-top:10px;font-size:18px}.bg-box-name,.bg-box-num{background-size:100% 100%;background-position:50%;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;color:var(--Color,#ffd89e);text-align:center;font-weight:700}.bg-box-name{background-image:url(https://fs.cdnxn.com/philippine/images/bg-box-name.svg);width:130px;height:46px;position:absolute;bottom:0;left:0;font-size:14px}.Progress-group{display:flex;align-items:flex-end;gap:38px;margin-bottom:24px}.History-Bar-bg{display:flex;justify-content:space-around;align-items:center;position:relative;border-radius:12px;border:2px solid transparent;background-image:linear-gradient(#1c1320,#1c1320),linear-gradient(131.23deg,#d69c47 1.5%,#8c5e1c 9.12%,#9d6c26 16.74%,#ca9240 31.03%,#d69c47 34.84%,#ae7a2f 41.51%,#8c5e1c 46.27%,#966923 48.17%,#b18736 51.03%,#deb754 55.79%,#fedb6b 58.65%,#fedf7a 60.56%,#feea9a 66.27%,#fef1b1 71.04%,#fef6c0 75.8%,#fff8c5 80.56%,#ab7927 96.76%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 6.3px 5px rgba(0,0,0,.5);height:56px;padding:10px}.History-Bar-icon{width:122px;height:37px;display:flex;justify-content:center;align-items:center;border-radius:8px;background:#4f3753;color:#837386;font-size:16px;font-weight:700}.History-Bar-icon:hover{border:1px solid var(--Linear,#d69c47);background:var(--Linear,linear-gradient(181deg,#d69c47 -133.12%,#8c5e1c -114.55%,#9d6c26 -95.98%,#ca9240 -61.16%,#d69c47 -51.88%,#ae7a2f -35.63%,#8c5e1c -24.02%,#966923 -19.38%,#b18736 -12.42%,#deb754 -.81%,#fedb6b 6.15%,#fedf7a 10.79%,#feea9a 24.72%,#fef1b1 36.33%,#fef6c0 47.93%,#fff8c5 59.54%,#ab7927 99%));box-shadow:inset 0 0 8.5px 4px rgba(0,0,0,.6);color:var(--Color-3,#3b0057)}.History-Table table{width:100%}.History-Table{width:100%;background:#1c1320;box-shadow:0 0 6.3px 5px rgba(0,0,0,.5);position:relative;padding:0;border-radius:12px;border:2px solid transparent;background-image:linear-gradient(#1c1320,#1c1320),linear-gradient(131.23deg,#d69c47 1.5%,#8c5e1c 9.12%,#9d6c26 16.74%,#ca9240 31.03%,#d69c47 34.84%,#ae7a2f 41.51%,#8c5e1c 46.27%,#966923 48.17%,#b18736 51.03%,#deb754 55.79%,#fedb6b 58.65%,#fedf7a 60.56%,#feea9a 66.27%,#fef1b1 71.04%,#fef6c0 75.8%,#fff8c5 80.56%,#ab7927 96.76%);background-origin:border-box;background-clip:padding-box,border-box;color:#fff;text-align:center;margin-top:15px}tr.Table-head{height:63px;border-bottom:1px solid var(--moeung,#d69c47);background:rgba(42,0,62,.7)}tr.Table{height:50px;border-top:1px solid var(--moeung,#5200ff);border-bottom:1px solid var(--moeung,#5200ff);font-weight:100}button.pagination-button{width:32px;height:32px;padding:4px;border-radius:4px;color:var(--Color,#ffd89e);text-align:center;font-size:14px;font-weight:700}button.pagination-button.number{border:1px solid #8500c3;background:var(--Color-3,#3b0057)}button.pagination-button.number.active,button.pagination-button.number:hover{border-radius:4px;border:1px solid var(--moeung,#5200ff);background:var(--Linear,linear-gradient(180deg,#ff7 0,#ffffc9 20%,#fbe056 38%,#fbf98d 61%,#e67820 87%,#f1a200 100%));color:#3b0057}button:not(:disabled).pagination-button.Previous,button:not(:disabled).pagination-button.next{border:1px solid #d69c47;background:#391a00;opacity:1}button.pagination-button.Previous,button.pagination-button.next{border:1px solid #d69c47;background:#391a00;opacity:.5}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.History-mb{display:none}table{width:100%}@media only screen and (max-width:976px){.History-mb{display:block}.History-pc{display:none}.Progress-group{flex-direction:column;align-items:center}.ProgressBar-group-content{grid-template-columns:1fr}span.title-Rewards{font-size:12px}span.title-time{font-size:14px;border-radius:9px;background:#ffbec0;height:36px;margin:auto;display:flex;justify-content:center;align-items:center}.Table-head-mb,.Table-mb{width:100%}.Table-mb div{padding-left:10px;justify-content:flex-start;font-size:12px}.Table-head-mb div,.Table-mb div{border-bottom:.913px solid #3b3b3b;height:60px;display:flex;align-items:center}.Table-head-mb div{border-right:.913px solid #3b3b3b;padding:0 10px;justify-content:flex-end;text-align:end;font-size:14px;font-weight:700}.History-Table-mb{border-radius:10.951px;border:2.738px solid #d69c47;background:#1c1320;box-shadow:0 0 5.749px 4.563px rgba(0,0,0,.5);color:#fff;display:grid;justify-content:center;grid-template-columns:1fr 5fr;margin-top:20px}#select-box{width:100%;border-radius:8px;border:1px solid var(--Bow-Color-N550,#4a4b56);background:var(--Bow-Color-N800,#1c1c20);height:40px;padding:4px 16px;color:var(--Bow-Color-N400,#9394a3);font-size:16px}.History-mb span{color:var(--moeung,#5200ff);font-size:12px;font-weight:700}.box-content-detail{padding:0 10px;width:100%}.Daily-Mission-content,.History-content{background-image:url(https://fs.cdnxn.com/philippine/images/bg-mb-mission.png);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;padding:1.5rem}.custom-progress-container{height:20px}.custom-icon{width:25px;height:25px}.custom-progress-fill{top:5px}.custom-step-label{top:-90px;font-size:10px}img.icon-Progress{width:15px;height:15px;margin-right:0}span.text-ProgressBar{font-size:16px}}