.cycle-history-content,.cycle-detail-content{width:min(100% - 40px,680px);margin:0 auto;padding:22px 0 118px}.history-demo-note{margin:0 0 18px;color:#b7c3c4;font-size:13px}.cycle-history-list{display:grid;gap:0}.cycle-history-entry{position:relative;width:100%;display:grid;gap:14px;padding:20px 4px;text-align:left;color:#f4f7f7;background:transparent;border:0;border-top:1px solid #455355;cursor:pointer}.cycle-history-entry:last-child{border-bottom:1px solid #455355}.history-entry-heading{display:flex;align-items:center;gap:12px}.history-entry-heading>strong{font-size:24px}.history-status{display:inline-flex;width:max-content;align-items:center;padding:5px 11px;border:1px solid #435457;color:#d0dbdc;font-size:13px}.history-status.success{border-color:#159c91;color:#46e1d4}.history-status.partial{border-color:#727b7c;color:#d1d6d7}.history-arrow{margin-left:auto;color:#2de5e3;font-size:28px;line-height:1}.history-core{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;color:#b7c3c4}.history-core strong{color:#2de5e3;font-size:24px}.history-pieces{display:flex;gap:7px}.history-pieces i{width:13px;height:13px;border-radius:50%;background:#414a4c}.history-pieces i.earned{background:#2de5e3;box-shadow:0 0 7px #2de5e377}.history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.history-stats>span{display:grid;gap:5px;color:#b7c3c4;font-size:13px}.history-stats>span+span{border-left:1px solid #455355;padding-left:16px}.history-stats strong{color:#f4f7f7;font-size:22px}.history-wallet-note{margin:22px 0 0;padding-top:16px;border-top:1px solid #455355;color:#aeb9ba;font-size:13px;line-height:1.55}.cycle-detail-content>.history-status{margin:0 auto 24px}.cycle-detail-core{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center;width:min(100%,420px);margin:24px auto 12px}.detail-piece{display:block;aspect-ratio:1;background:#333b3d;border:1px solid #657072;clip-path:polygon(50% 0,100% 30%,92% 80%,50% 100%,8% 80%,0 30%)}.detail-piece.earned{background:linear-gradient(145deg,#5ffff6,#13cfc9 56%,#087a80);border-color:#acfffa;filter:drop-shadow(0 0 7px #22e4df8c)}.cycle-detail-core strong{position:absolute;top:calc(100% + 8px);left:0;width:100%;text-align:center;color:#2de5e3;font-size:15px}.cycle-detail-stats{display:grid;gap:0;margin-top:44px;border-top:1px solid #455355}.cycle-detail-stats>div{display:flex;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid #455355}.cycle-detail-stats span{color:#b7c3c4;font-size:14px}.cycle-detail-stats strong{font-size:20px}.history-link-mark{color:#2de5e3;border-color:#287c79;background:#243536}
@media(max-width:420px){.cycle-history-content,.cycle-detail-content{width:calc(100% - 32px)}.history-entry-heading>strong{font-size:21px}.history-core{gap:7px}.history-pieces{font-size:14px;letter-spacing:0}.history-stats>span+span{padding-left:10px}}