.exchange-wrapper{display:flex;background:#14171f;border:1px solid #2b313e;border-radius:8px;overflow:hidden;height:70vh}.exchange-sidebar{width:260px;background:#1f2430;display:flex;flex-direction:column;border-right:1px solid #2b313e;overflow-y:auto}.exchange-tab{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:#d4d4d4;font-size:.95rem;background:0 0;border:none;outline:0;text-align:left;cursor:pointer;transition:background .2s ease}.exchange-tab:hover{background:#2b313e}.exchange-tab.active{background:#3b4252;color:#fff}.exchange-tab .ko-tooltip-item{width:28px;height:28px;background-size:40px 40px;background-repeat:no-repeat;background-position:top left}.exchange-content{flex:1;padding:1rem;background:#1a1f29;overflow-y:auto}.exchange-tab-content{display:none}.exchange-tab-content.active{display:block}.exchange-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.exchange-item-card{background:#242a38;border:1px solid #2e3543;border-radius:8px;padding:.4rem;display:flex;gap:.75rem;align-items:center;transition:border .2s ease}.exchange-item-card:hover{border-color:#c0a661}.exchange-item-card .ko-tooltip-item{width:33px;height:33px;background-repeat:no-repeat;background-position:top left;border-radius:4px}.exchange-meta{overflow:hidden}.exchange-meta .name{font-weight:600;font-size:.85rem;color:#e4e4e4;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;max-width:100%}.exchange-meta .rate{color:#c0a661;font-size:.75rem}@media (max-width:992px){.exchange-wrapper{flex-direction:column}.exchange-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #2b313e}.exchange-tab{flex:1 1 calc(50% - 1rem);justify-content:center}}.exchange-content:hover::-webkit-scrollbar-thumb,.exchange-sidebar:hover::-webkit-scrollbar-thumb{background-color:#3a4358}.exchange-content::-webkit-scrollbar-thumb,.exchange-sidebar::-webkit-scrollbar-thumb{transition:background-color .2s ease}