@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}html[data-device=mobile] .swap-chart-modal-container.ant-modal{max-width:100%!important;width:100%!important;margin:0;padding:0;top:auto;bottom:0!important}.swap-chart-modal-container .ant-modal-content{padding:24px 24px 16px}html[data-device=mobile] .swap-chart-modal-container .ant-modal-content{border-radius:12px 12px 0 0;animation:slideUp .3s ease-out}.swap-chart-modal-container .ant-modal-header{margin-bottom:0}html[data-device=mobile] .swap-chart-modal-container .ant-modal-mask{background:rgba(0,0,0,.45)}.swap-chart-modal-top-area{display:flex;justify-content:space-between;align-items:center}.swap-chart-modal-top-area>p{font-weight:600}html[data-device=pc] .swap-chart-modal-top-area>p{font-size:18px;line-height:26px}html[data-device=mobile] .swap-chart-modal-top-area>p{font-size:20px;line-height:30px}.swap-chart-modal-top-area>span{font-size:24px;font-weight:700;cursor:pointer}.swap-chart-modal-chart-area{margin-top:12px}html[data-device=pc] .swap-chart-modal-nomask{position:static;overflow:initial}html[data-device=pc] .swap-chart-modal-nomask>div[role=dialog]{z-index:10!important}.ExchangeRate_exchange-rate__OuLuW{display:flex;align-items:center;gap:4px}.ExchangeRate_exchange-rate__OuLuW>p{color:var(--text-sub);font-size:12px}.ExchangeRate_exchange-rate__OuLuW>p span{margin-left:4px}