.exchange-wrapper{display:flex;border:1px solid var(--ko-line);border-radius:var(--ko-radius);overflow:hidden;height:70vh;background:rgb(0 0 0 / 22%)}.exchange-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--ko-line);background:rgb(0 0 0 / 28%);overflow-y:auto}.exchange-tab{display:flex;align-items:center;gap:.75rem;padding:.55rem .9rem;color:var(--ko-text);font-size:13.5px;background:0 0;border:none;border-left:2px solid transparent;outline:0;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.exchange-tab:hover{background:rgb(200 162 83 / 8%);border-left-color:var(--ko-gold-deep);color:var(--ko-gold-lt)}.exchange-tab.active{background:rgb(200 162 83 / 14%);border-left-color:var(--ko-gold);color:var(--ko-gold-lt);font-weight:600}.exchange-tab .ko-tooltip-item{--ko-icon-size:28px;flex-shrink:0}.exchange-content{flex:1;min-width:0;padding:1rem;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(240px,1fr));gap:.6rem}.exchange-item-card{display:flex;gap:.75rem;align-items:center;padding:.45rem;background:rgb(0 0 0 / 28%);border:1px solid var(--ko-line);border-radius:var(--ko-radius);transition:border-color .2s ease,background .2s ease}.exchange-item-card:hover{background:rgb(200 162 83 / 8%);border-color:var(--ko-gold)}.exchange-item-card .ko-tooltip-item{--ko-icon-size:33px;flex-shrink:0;border-radius:2px}.exchange-meta{overflow:hidden}.exchange-meta .name{font-weight:600;font-size:13px;color:var(--ko-text);text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;max-width:100%}.exchange-meta .rate{color:var(--ko-gold);font-size:11.5px}@media (max-width:992px){.exchange-wrapper{flex-direction:column;height:auto}.exchange-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--ko-line)}.exchange-tab{flex:1 1 calc(50% - 1rem);justify-content:center;border-left:none;border-bottom:2px solid transparent}.exchange-tab:hover{border-bottom-color:var(--ko-gold-deep)}.exchange-tab.active{border-bottom-color:var(--ko-gold)}}.exchange-content::-webkit-scrollbar-thumb,.exchange-sidebar::-webkit-scrollbar-thumb{transition:background-color .2s ease}.exchange-content:hover::-webkit-scrollbar-thumb,.exchange-sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--ko-gold-deep)}