.swap{position:relative;background-color:var(--base-white)}html[data-device=pc] .swap{width:1200px;margin:40px auto 0;display:flex}html[data-device=mobile] .swap{width:100%;padding:0 16px;margin-bottom:40px}.swap>.swap__left{width:100%}html[data-device=mobile] .swap>.swap__left{position:absolute;top:0;left:16px;width:50%}html[data-device=pc] .swap>.swap__right{width:588px;min-width:588px;max-width:588px}html[data-device=mobile] .swap>.swap__right{width:100%}.swap>.swap__right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.swap>.swap__right .chart-refresh-controller{display:flex;align-items:center;height:32px;gap:12px}html[data-device=mobile] .swap>.swap__right .chart-refresh-controller{gap:8px}.swap>.swap__right .chart-refresh-controller>span{cursor:pointer;font-size:20px;padding:4px;color:var(--coolgray30)}html[data-device=mobile] .swap>.swap__right .chart-refresh-controller>span{color:var(--text-body)}.swap>.swap__right .chart-refresh-controller>span .chart-button>svg>path{fill:var(--coolgray30)}html[data-device=mobile] .swap>.swap__right .chart-refresh-controller>span .chart-button>svg>path{fill:var(--text-body)}.swap>.swap__right .chart-refresh-controller>span:last-child{position:relative}.swap>.swap__right .chart-refresh-controller>span:last-child>svg>path{stroke:var(--coolgray30)}html[data-device=mobile] .swap>.swap__right .chart-refresh-controller>span:last-child>svg>path{stroke:var(--text-body)}.swap>.swap__right .chart-refresh-controller>span:last-child>p{position:absolute;left:13.2px;top:8px;font-family:WEMIX Pretendard;font-size:10px;font-weight:700}.swap>.swap__right[data-selected-chart=true] .chart-button{padding:3px;border-radius:6px;border:1px solid var(--base-primary)}.swap>.swap__right[data-selected-chart=true] .chart-button>svg>path{fill:var(--base-primary)}.swap>.swap__right>.swap__right__submit{width:100%;margin-top:12px}