.history{display:flex;flex-direction:column;align-items:center;padding:124px 20px 100px;min-height:100vh;box-sizing:border-box;font-family:Montserrat;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.history,.history .title{font-size:36px;font-weight:500;line-height:1.44;color:var(--text-color)}.history .title{width:432px;margin-bottom:12px}.history p{width:432px;font-size:14px;font-weight:500;line-height:1.43;color:var(--secondary-text-color);margin-bottom:20px}.history .scroll{gap:12px}.history .scroll,.orderBox{display:flex;flex-direction:column}.orderBox{width:432px;height:125px;padding:16px 0 4px;border-radius:20px;box-shadow:0 8px 10px 0 rgba(0,0,0,.06);background-color:var(--panel-background);position:relative;overflow:hidden;cursor:pointer;flex-shrink:0}.orderContent{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:98px;padding:0 20px}.tokenInfo{display:flex;flex-direction:column;align-items:center;gap:8px}.tokenLogos{position:relative}.tokenLogos,.tokenLogos .coin{width:44px;height:44px;flex-shrink:0}.tokenLogos .coin{border-radius:50%}.tokenLogos .chain{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;padding:2px;border-radius:4px;background-color:var(--panel-background);flex-shrink:0}.arrowContainer{display:flex;justify-content:center;align-items:center;padding:0 20px}.value{font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;text-align:center;color:var(--text-color)}.value .symbol{color:var(--secondary-text-color);margin-left:4px}.time{font-family:Montserrat,sans-serif;color:var(--secondary-text-color);border-top:1px solid var(--background-color);padding-top:4px}.statusBadge,.time{font-size:12px;font-weight:500;text-align:center}.statusBadge{position:absolute;top:16px;right:-30px;padding:5px 30px;text-transform:uppercase;transform:rotate(45deg);font-family:Montserrat;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;background-color:#ffc30030;color:var(--warning-yellow)}.statusBadge.success{background-color:#0fc65930;color:var(--primary-green)}.statusBadge.pending{background-color:#2fbdf430;color:var(--light-blue)}.statusBadge.refunded{background-color:#ffc30030;color:var(--warning-yellow)}.statusBadge.failed{background-color:#ff190030;color:var(--error-red)}.mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--mask-background);z-index:1100;display:flex;align-items:center;justify-content:center}.chainDialog{width:448px;height:734px;flex-grow:0;padding:0;border-radius:16px;background-color:var(--background-color)}.chainDialog .titleBar{display:flex;align-items:center;justify-content:space-between;padding:22px 16px 0 24px;height:64px}.chainDialog .titleBar h1{font-family:Montserrat;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color)}.chainDialog .titleBar .circleButton{width:32px;height:32px;padding:7px;cursor:pointer}.chainDialog .content,.chainDialog .titleBar .circleButton{flex-grow:0;background-color:var(--panel-background);border-radius:16px}.chainDialog .content{width:448px;height:664px;margin:12px 0 0;padding:16px 6px 12px 8px;overflow:hidden;overflow:scroll}.chainDialog h2{flex-grow:0;font-family:Montserrat;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color)}.chainDialog .chainGroup{margin-bottom:22px}.chainDialog .chainGroup,.chainList{display:flex;justify-content:start;flex-wrap:wrap;gap:8px;margin-left:16px}.chainItem{position:relative;width:400px;height:48px;flex-grow:0;margin:0 0 4px;border-radius:8px;background-color:var(--panel-background);cursor:pointer;display:flex;justify-content:start;align-items:center;gap:8px;padding:8px}.chainName{width:200px}.chainItem:hover{background-color:var(--background-color)}.chainIcon{width:32px;height:32px;flex-shrink:0}.chainDialog .search{width:400px;height:52px;flex-grow:0;margin:8px 2px 8px 16px;border-radius:12px;padding-left:22px;background-color:var(--third-background);display:flex;align-items:center;gap:8px}.chainDialog .search input{font-family:Montserrat;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:left;color:var(--secondary-text-color);background-color:var(--third-background);width:300px}.chainDialog .search input:focus{outline:none}.crossChainButton{width:384px;height:48px;margin:16px 0;border-radius:12px;background-color:var(--light-green);flex-grow:0;font-family:Montserrat;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--primary-green);display:flex;align-items:center;justify-content:center;cursor:pointer}.forbidden{cursor:not-allowed}.processingDialog{width:432px;height:auto;border-radius:20px;padding:20px 24px;box-shadow:0 8px 10px 0 rgba(0,0,0,.06);background-color:var(--panel-background);display:flex;flex-direction:column;gap:8px}.processingDialog .circleButton{width:32px;height:32px;flex-grow:0;padding:7px;background-color:var(--panel-background);border-radius:16px;border:1px solid var(--light-gray);cursor:pointer}.processingDialog h1{font-family:Montserrat;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color);margin-bottom:4px}.processingDialog h1.success{color:var(--primary-green)}.processingDialog .statusBar{width:384px;height:72px;padding:12px 10px 10px 12px;border-radius:16px;background-color:var(--success-color);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:Montserrat;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:var(--primary-green)}.processingDialog .statusBar.success{color:var(--primary-green)}.processingDialog .statusBar.pending,.processingDialog .statusBar.undefined{background-image:url(/loading2.png);background-repeat:no-repeat;background-size:cover;background-position:50%;color:var(--text-color)}.processingDialog .statusBar.failed{color:var(--text-color);background-color:var(--error-color)}.statusBar .greenLine{width:80px;min-width:10px;margin:10px;height:1.1px;background-color:var(--primary-green);flex-shrink:2}.processingDialog .coin{width:48px;min-width:48px;height:48px;border-radius:21px}.processingDialog .chain{position:relative;margin:-20px 0 0 28px;width:20px;height:20px;flex-grow:0;padding:2px;border-radius:4px;background-color:var(--panel-background)}.portfolio{width:432px;height:658px;padding:20px 24px 24px;border-radius:20px;border:1px solid var(--border-gray);background-color:var(--background-color);display:flex;flex-direction:column;gap:12px;position:relative;overflow:scroll}.pt-title{font-size:24px;line-height:1.5;color:var(--text-color)}.pt-desc,.pt-title{font-family:Montserrat;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.pt-desc{font-size:14px;line-height:1.43;color:var(--secondary-text-color);display:flex;flex-direction:column;gap:12px}.pt-desc-btn button{width:180px;height:48px;background-color:var(--primary-blue);text-align:center!important}.pt-desc-btn button:hover{background-color:var(--primary-blue);color:var(--panel-background)}.pt-chain-assets{width:384px;height:56px;padding:12px;border-radius:16px;background-color:var(--panel-background);font-family:Montserrat;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:var(--text-color);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.group:hover .group-hover\:opacity-100{opacity:1}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.pt-line-text{font-family:Montserrat;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:left;color:var(--text-color)}.pt-detail-panel{width:384px;min-height:30px;margin:-20px 0 8px;border-radius:16px;background-color:var(--third-background);padding:34px 12px 12px;display:flex;flex-direction:column;gap:16px;z-index:-1}.pt-select-btn{width:100px;height:28px;border-radius:16px;background-color:var(--panel-background)}.pt-select-btn:hover{background-color:var(--primary-blue);color:var(--panel-background)}.pt-select-btn:disabled{background-color:var(--third-background);color:var(--secondary-text-color)}