.swap-chart-tabs .tabs-container{margin-top:20px}.swap-chart-tabs .tabs-container .tabs-list{position:relative;display:flex;gap:24px}.swap-chart-tabs .tabs-container .tabs-list .tab{position:relative;height:42px;padding:8px 0;cursor:pointer;align-items:center;transition:opacity .2s ease}.swap-chart-tabs .tabs-container .tabs-list .tab>div{font-family:WEMIX Pretendard;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.18px;color:var(--text-body);transition:color .2s ease}.swap-chart-tabs .tabs-container .tabs-list .tab[data-current=true]>div{color:var(--text-highlight)}.swap-chart-tabs .tabs-container .tabs-list .tab:hover{opacity:.8}.swap-chart-tabs .tabs-container .bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--text-highlight);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);will-change:transform,width}html[data-device=mobile] .swap-chart-tabs .tabs-container{margin-top:8px}html[data-device=mobile] .swap-chart-tabs .tabs-container .tabs-list{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line-list)}html[data-device=mobile] .swap-chart-tabs .tabs-container .tabs-list .tab{text-align:center;padding-top:11px;padding-bottom:10px}html[data-device=mobile] .swap-chart-tabs .tabs-container .tabs-list .tab>div{color:var(--text-sub);font-weight:400;line-height:20px}html[data-device=mobile] .swap-chart-tabs .tabs-container .tabs-list .tab[data-current=true]>div{color:var(--text-highlight);font-weight:600}.swap-chart-tabs .token-tabs{position:relative;border-bottom:1px solid var(--coolgray90)}.swap-chart-tabs .token-tabs .tabs-container{margin-top:12px}.swap-chart-tabs .token-tabs .tabs-container .tabs-list{display:grid;grid-template-columns:1fr 1fr}html[data-device=mobile] .swap-chart-tabs .token-tabs .tabs-container .tabs-list{gap:0}.swap-chart-tabs .token-tabs .tabs-container .tabs-list .tab{height:auto}html[data-device=pc] .swap-chart-tabs .token-tabs .tabs-container .tabs-list .tab{padding:12px 0}html[data-device=mobile] .swap-chart-tabs .token-tabs .tabs-container .tabs-list .tab{padding-top:2px;padding-bottom:10px}.swap-chart-tabs .token-tabs .tabs-container .tabs-list .tab[data-current=true]>div{color:var(--gray00)!important}.swap-chart-tabs .token-tabs .tabs-container .tabs-list .tab>div{font-size:16px;line-height:26px}.swap-chart-tabs .token-tabs .tabs-container .tabs-list .tab>div>div{display:flex;align-items:center;justify-content:center;gap:6px}.swap-chart-tabs .token-tabs .tabs-container .tabs-list .bar{background-color:var(--gray00)}.swap-chart-tabs .type-tabs{position:relative;border-bottom:1px solid var(--coolgray90)}html[data-device=pc] .swap-chart-tabs .type-tabs .tabs-container{margin-top:16px}html[data-device=mobile] .swap-chart-tabs .type-tabs .tabs-container{margin-top:4px}html[data-device=pc] .swap-chart-tabs .type-tabs .tabs-container .tabs-list{gap:32px}html[data-device=mobile] .swap-chart-tabs .type-tabs .tabs-container .tabs-list{grid-template-columns:min-content min-content min-content;gap:16px}.swap-chart-tabs .type-tabs .tabs-container .tabs-list .tab{height:auto}.swap-chart-tabs .type-tabs .tabs-container .tabs-list .tab[data-current=true]>div{color:var(--gray00)!important}html[data-device=pc] .swap-chart-tabs .type-tabs .tabs-container .tabs-list .tab{padding:12px 0}html[data-device=mobile] .swap-chart-tabs .type-tabs .tabs-container .tabs-list .tab{padding:8px 0}.swap-chart-tabs .type-tabs .tabs-container .tabs-list .tab>div{font-size:16px;line-height:26px}html[data-device=mobile] .swap-chart-tabs .type-tabs .tabs-container .tabs-list .bar,html[data-device=pc] .swap-chart-tabs .type-tabs .tabs-container .tabs-list .bar{background-color:var(--gray00)}