[data-rates-comparator] .main{overflow:hidden!important;background:var(--ect-canvas)!important}
[data-rates-comparator] .rates-desk{height:calc(100vh - 56px)!important;min-height:720px;display:grid!important;grid-template-rows:auto 60px 44px minmax(0,1fr)!important;gap:18px!important;padding:28px 52px 34px!important;background:var(--ect-canvas)!important;overflow:hidden}
[data-rates-comparator] .rates-desk *{box-sizing:border-box}
[data-rates-comparator] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

[data-rates-comparator] .rates-page-head{min-height:68px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
[data-rates-comparator] .rates-page-head h1{margin:6px 0 0;font:700 32px/1.18 Manrope,Inter,sans-serif}
[data-rates-comparator] .rates-page-head p{margin:7px 0 0;color:var(--ect-muted);font:400 14px/1.5 Inter,sans-serif}
[data-rates-comparator] .system-label{color:var(--ect-blue);font:700 11px/1 Inter,sans-serif;text-transform:uppercase}
[data-rates-comparator] .snapshot{display:flex;align-items:center;gap:9px;padding-bottom:5px;color:var(--ect-muted);font:500 12px/1.3 Inter,sans-serif;white-space:nowrap}
[data-rates-comparator] .snapshot::before{content:"";width:7px;height:7px;border-radius:50%;background:#8d98a1}

[data-rates-comparator] .market-toolbar{display:grid;grid-template-columns:minmax(320px,520px) 180px auto 1fr;align-items:center;gap:14px;padding:9px 12px;border:1px solid var(--ect-line);border-radius:8px;background:#fff}
[data-rates-comparator] .market-search{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #d5dce2;border-radius:6px;background:#fff}
[data-rates-comparator] .market-search:focus-within{border-color:var(--ect-blue);box-shadow:0 0 0 2px #3045ff12}
[data-rates-comparator] .market-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ect-ink);font:500 13px Inter,sans-serif}
[data-rates-comparator] .market-search input::placeholder{color:#98a2aa}
[data-rates-comparator] .search-icon{width:14px;height:14px;border:1.6px solid #7d8992;border-radius:50%;position:relative;flex:0 0 auto}
[data-rates-comparator] .search-icon::after{content:"";position:absolute;width:6px;height:1.5px;right:-5px;bottom:-2px;background:#7d8992;transform:rotate(45deg);transform-origin:left center}
[data-rates-comparator] .compact-select{height:40px;display:flex;align-items:center;gap:9px;padding:0 9px 0 12px;border:1px solid #d5dce2;border-radius:6px;background:#fff}
[data-rates-comparator] .compact-select span{color:#8a959d;font:600 10px Inter,sans-serif;text-transform:uppercase}
[data-rates-comparator] .compact-select select{height:100%;min-width:80px;border:0;outline:0;background:transparent;color:var(--ect-ink);font:600 13px Inter,sans-serif}
[data-rates-comparator] .period-control{height:40px;display:flex;align-items:center;padding:3px;border:1px solid var(--ect-line);border-radius:6px;background:#f5f7f9}
[data-rates-comparator] .period-control button{min-width:58px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--ect-muted);font:600 12px Inter,sans-serif;cursor:pointer}
[data-rates-comparator] .period-control button.active{background:#fff;color:var(--ect-blue);box-shadow:0 1px 4px #1e293b14}

[data-rates-comparator] .market-filters{display:flex;align-items:flex-end;gap:28px;border-bottom:1px solid var(--ect-line)}
[data-rates-comparator] .market-filters button{height:44px;position:relative;border:0;background:transparent;color:#65727c;font:600 13px Inter,sans-serif;cursor:pointer}
[data-rates-comparator] .market-filters button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
[data-rates-comparator] .market-filters button.active{color:var(--ect-blue)}
[data-rates-comparator] .market-filters button.active::after{background:var(--ect-blue)}
[data-rates-comparator] .market-filters button span{display:inline-grid;min-width:19px;height:19px;margin-left:6px;place-items:center;border-radius:9px;background:#eef1f4;color:#6b7780;font-size:10px}

[data-rates-comparator] .market-table-panel{min-height:0;display:grid;grid-template-rows:58px minmax(0,1fr);border:1px solid var(--ect-line);border-radius:8px;background:#fff;overflow:hidden}
[data-rates-comparator] .table-head{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--ect-line)}
[data-rates-comparator] .table-head>div{display:flex;align-items:center;gap:12px}
[data-rates-comparator] .table-head strong{font:600 19px/1.2 Manrope,Inter,sans-serif}
[data-rates-comparator] .table-head span{color:var(--ect-muted);font:500 11px/1.2 Inter,sans-serif}
[data-rates-comparator] .table-head>div span{height:24px;display:inline-flex;align-items:center;padding:0 8px;border-radius:4px;background:#f1f3f6}
[data-rates-comparator] .rates-table-wrap{min-height:0;position:relative;overflow:auto}
[data-rates-comparator] .rates-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
[data-rates-comparator] .rates-table th{height:40px;position:sticky;top:0;z-index:2;padding:0 18px;border-bottom:1px solid var(--ect-line);background:#fafbfc;color:#85919a;font:600 10px/1 Inter,sans-serif;text-align:right;text-transform:uppercase}
[data-rates-comparator] .rates-table th:nth-child(1){width:48px}
[data-rates-comparator] .rates-table th:nth-child(2){width:24%;text-align:left}
[data-rates-comparator] .rates-table th:nth-child(3){width:14%}
[data-rates-comparator] .rates-table th:nth-child(4),[data-rates-comparator] .rates-table th:nth-child(5),[data-rates-comparator] .rates-table th:nth-child(6){width:8%}
[data-rates-comparator] .rates-table th:nth-child(7),[data-rates-comparator] .rates-table th:nth-child(8){width:13%}
[data-rates-comparator] .rates-table th:nth-child(9){width:13%;text-align:center}
[data-rates-comparator] .rates-table th button{border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}
[data-rates-comparator] .rates-table tbody tr{height:60px;cursor:pointer;outline:0;transition:background-color .13s ease}
[data-rates-comparator] .rates-table tbody tr:hover,[data-rates-comparator] .rates-table tbody tr:focus{background:#f7f9ff}
[data-rates-comparator] .rates-table td{padding:0 18px;border-bottom:1px solid #edf0f3;color:#44515a;font:500 13px/1.2 Inter,sans-serif;text-align:right;white-space:nowrap}
[data-rates-comparator] .rates-table tbody tr:last-child td{border-bottom:0}
[data-rates-comparator] .rates-table td:first-child{padding:0;text-align:center}
[data-rates-comparator] .rates-table td:nth-child(2){text-align:left}
[data-rates-comparator] .rates-table td:last-child{text-align:center}
[data-rates-comparator] .number.strong{color:var(--ect-ink);font-weight:650}
[data-rates-comparator] .asset-cell{display:flex;align-items:center;gap:11px}
[data-rates-comparator] .asset-rank{width:22px;color:#98a2aa;font:500 11px Inter,sans-serif;text-align:right}
[data-rates-comparator] .asset-mark{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--coin) 14%,white);color:var(--coin);font:700 12px Inter,sans-serif}
[data-rates-comparator] .asset-cell strong{display:block;color:var(--ect-ink);font:600 13px/1.2 Inter,sans-serif}
[data-rates-comparator] .asset-cell small{display:block;margin-top:3px;color:#8b969e;font:500 10px/1 Inter,sans-serif}
[data-rates-comparator] .change{font-weight:600}
[data-rates-comparator] .change.positive{color:#138264}
[data-rates-comparator] .change.negative{color:#cf4356}
[data-rates-comparator] .favorite-button{width:30px;height:30px;border:0;background:transparent;color:#c3cad0;font-size:16px;cursor:pointer}
[data-rates-comparator] .favorite-button:hover,[data-rates-comparator] .favorite-button.active{color:#f2b01e}
[data-rates-comparator] .sparkline{width:112px;height:36px;display:block;margin:auto;overflow:visible}
[data-rates-comparator] .sparkline polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-rates-comparator] .sparkline.positive polyline{stroke:#138264}
[data-rates-comparator] .sparkline.negative polyline{stroke:#cf4356}
[data-rates-comparator] .empty-rates{position:absolute;inset:40px 0 0;display:grid;place-content:center;text-align:center;background:#fff}
[data-rates-comparator] .empty-rates[hidden]{display:none}
[data-rates-comparator] .empty-rates strong{font:600 18px Manrope,Inter,sans-serif}
[data-rates-comparator] .empty-rates span{margin-top:8px;color:var(--ect-muted);font:400 12px Inter,sans-serif}

[data-rates-comparator] .drawer-backdrop{position:fixed;inset:56px 0 0;z-index:40;background:#11182730;opacity:0;pointer-events:none;transition:opacity .22s ease}
[data-rates-comparator] .drawer-backdrop.visible{opacity:1;pointer-events:auto}
[data-rates-comparator] .market-drawer{position:fixed;z-index:41;top:56px;right:0;bottom:0;width:min(780px,calc(100vw - 220px));display:grid;grid-template-rows:78px minmax(0,1fr);background:#fff;border-left:1px solid var(--ect-line);box-shadow:-18px 0 48px #17203318;transform:translateX(102%);transition:transform .26s cubic-bezier(.22,.75,.18,1)}
[data-rates-comparator] .market-drawer[aria-hidden="false"]{transform:translateX(0)}
[data-rates-comparator] .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--ect-line)}
[data-rates-comparator] .drawer-head strong{display:block;margin-top:7px;font:650 23px/1 Manrope,Inter,sans-serif}
[data-rates-comparator] .drawer-head button{width:36px;height:36px;border:1px solid var(--ect-line);border-radius:50%;background:#fff;color:#5f6b74;font:400 24px/1 Inter,sans-serif;cursor:pointer}
[data-rates-comparator] .drawer-head button:hover{background:#f5f7f9;color:var(--ect-ink)}
[data-rates-comparator] .drawer-body{min-height:0;overflow:auto;padding:26px 28px 34px}
[data-rates-comparator] .asset-summary{display:grid;grid-template-columns:1fr auto;grid-template-areas:"identity price" "stats stats";align-items:center;gap:20px 24px;padding-bottom:24px;border-bottom:1px solid var(--ect-line)}
[data-rates-comparator] .asset-identity{grid-area:identity;display:flex;align-items:center;gap:13px}
[data-rates-comparator] .asset-mark.large{width:44px;height:44px;font-size:17px}
[data-rates-comparator] .asset-identity strong{display:block;font:650 19px Manrope,Inter,sans-serif}
[data-rates-comparator] .asset-identity span:not(.asset-mark){display:block;margin-top:5px;color:var(--ect-muted);font:500 11px Inter,sans-serif}
[data-rates-comparator] .asset-price{grid-area:price;text-align:right}
[data-rates-comparator] .asset-price>strong{display:block;margin-bottom:5px;font:700 24px Manrope,Inter,sans-serif}
[data-rates-comparator] .asset-summary dl{grid-area:stats;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0;margin:0;border:1px solid var(--ect-line);border-radius:6px}
[data-rates-comparator] .asset-summary dl div{min-height:60px;display:grid;align-content:center;gap:7px;padding:0 16px;border-right:1px solid var(--ect-line)}
[data-rates-comparator] .asset-summary dl div:last-child{border-right:0}
[data-rates-comparator] .asset-summary dt{color:var(--ect-muted);font:600 10px Inter,sans-serif;text-transform:uppercase}
[data-rates-comparator] .asset-summary dd{margin:0;color:var(--ect-ink);font:600 12px Inter,sans-serif;font-variant-numeric:tabular-nums}
[data-rates-comparator] .asset-chart{margin-top:24px;padding-bottom:26px;border-bottom:1px solid var(--ect-line)}
[data-rates-comparator] .asset-chart>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
[data-rates-comparator] .asset-chart>header>strong{font:600 16px Manrope,Inter,sans-serif}
[data-rates-comparator] .period-control.compact{height:34px}
[data-rates-comparator] .period-control.compact button{min-width:48px;height:26px;font-size:10px}
[data-rates-comparator] [data-asset-chart]{width:100%;height:220px;display:block;overflow:visible}
[data-rates-comparator] .chart-grid{stroke:#edf0f3;stroke-width:1}
[data-rates-comparator] .asset-line{fill:none;stroke:var(--chart-tone);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
[data-rates-comparator] .asset-area{fill:color-mix(in srgb,var(--chart-tone) 8%,transparent);stroke:none}
[data-rates-comparator] .chart-label{fill:#8a959d;font:10px Inter,sans-serif}
[data-rates-comparator] .exchange-markets{margin-top:24px}
[data-rates-comparator] .exchange-markets>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
[data-rates-comparator] .exchange-markets>header strong{display:block;font:600 17px Manrope,Inter,sans-serif}
[data-rates-comparator] .exchange-markets>header span{display:block;margin-top:5px;color:var(--ect-muted);font:500 10px Inter,sans-serif;text-transform:uppercase}
[data-rates-comparator] .exchange-table-wrap{overflow:auto;border:1px solid var(--ect-line);border-radius:6px}
[data-rates-comparator] .exchange-markets table{width:100%;min-width:700px;border-collapse:collapse;font-variant-numeric:tabular-nums}
[data-rates-comparator] .exchange-markets th{height:38px;padding:0 12px;border-bottom:1px solid var(--ect-line);background:#fafbfc;color:#87929a;font:600 9px Inter,sans-serif;text-align:right;text-transform:uppercase;white-space:nowrap}
[data-rates-comparator] .exchange-markets th:first-child,[data-rates-comparator] .exchange-markets td:first-child{text-align:left}
[data-rates-comparator] .exchange-markets td{height:52px;padding:0 12px;border-bottom:1px solid #edf0f3;color:#34414a;font:500 11px Inter,sans-serif;text-align:right;white-space:nowrap}
[data-rates-comparator] .exchange-markets tbody tr:last-child td{border-bottom:0}
[data-rates-comparator] .exchange-markets td strong{display:block;color:var(--ect-ink);font-weight:600}
[data-rates-comparator] .exchange-markets td small{display:block;margin-top:3px;color:#929ca4;font-size:9px}

@media(max-width:1800px){
  [data-rates-comparator] .rates-desk{padding-inline:32px}
  [data-rates-comparator] .rates-table th,[data-rates-comparator] .rates-table td{padding-inline:12px}
}
@media(max-width:1200px){
  [data-rates-comparator] .rates-desk{height:auto!important;min-height:calc(100vh - 56px);overflow:visible;padding-inline:24px}
  [data-rates-comparator] .main{overflow:auto!important}
  [data-rates-comparator] .market-toolbar{grid-template-columns:minmax(260px,1fr) 160px auto}
  [data-rates-comparator] .rates-table{min-width:1080px}
  [data-rates-comparator] .market-drawer{width:calc(100vw - 184px)}
}