.TransactionsChartCompact{width:100%}.TransactionsChartCompact__Header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.TransactionsChartCompact__Title{font-family:var(--chakra-fonts-heading);font-style:italic;font-weight:800;font-size:.8125rem;text-transform:uppercase;letter-spacing:.02em;color:var(--chakra-colors-brand-normal);white-space:nowrap}.TransactionsChartCompact__Timeframes{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:10px;background:rgba(var(--chakra-colors-gray-800-rgb),.6);border:1px solid var(--chakra-colors-gray-700);flex-wrap:wrap}.TransactionsChartCompact__Pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--chakra-colors-gray-250);font-family:var(--chakra-fonts-mono);font-size:.6875rem;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:calc(10px - 2px);cursor:pointer;transition:background .15s ease,color .15s ease}.TransactionsChartCompact__Pill:hover{color:#fff}.TransactionsChartCompact__Pill--Active{background:var(--chakra-colors-brand-normal);color:#fff}.TransactionsChartCompact__Chart{position:relative;width:100%;height:150px}.TransactionsChartCompact__Loader{width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative}@keyframes LoadingLine{0%{left:-100%;width:100%}50%{left:100%;width:100%}to{left:100%;width:100%}}.TransactionsChartCompact__Loader:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--chakra-colors-gray-900);border-radius:5px;opacity:1}.TransactionsChartCompact__Loader:after{content:"";position:absolute;z-index:2;top:0;left:-50%;width:40%;height:100%;background:linear-gradient(90deg,#0e75b5,#165278);border-radius:100px;opacity:.1;animation:LoadingLine 3s linear infinite}Tr .TransactionsChartCompact__Loader:before{background-color:var(--chakra-colors-gray-800);opacity:.2}.TransactionsChartCompact__Loader:nth-child(1n):after,Tr:nth-child(1n) .TransactionsChartCompact__Loader:after{animation-delay:-.5s}.TransactionsChartCompact__Loader:nth-child(2n):after,Tr:nth-child(2n) .TransactionsChartCompact__Loader:after{animation-delay:0s}.TransactionsChartCompact__Loader:nth-child(3n):after,Tr:nth-child(3n) .TransactionsChartCompact__Loader:after{animation-delay:.5s}.TransactionsChartCompact__Loader:nth-child(4n):after,Tr:nth-child(4n) .TransactionsChartCompact__Loader:after{animation-delay:1s}.TransactionsChartCompact__Loader:nth-child(5n):after,Tr:nth-child(5n) .TransactionsChartCompact__Loader:after{animation-delay:1.5s}.TransactionsChartCompact__Loader:nth-child(6n):after,Tr:nth-child(6n) .TransactionsChartCompact__Loader:after{animation-delay:2s}.TransactionsChartCompact__Loader:nth-child(7n):after,Tr:nth-child(7n) .TransactionsChartCompact__Loader:after{animation-delay:2.5s}.TransactionsChartCompact__Loader:nth-child(8n):after,Tr:nth-child(8n) .TransactionsChartCompact__Loader:after{animation-delay:3s}.TransactionsChartCompact__Loader:nth-child(9n):after,Tr:nth-child(9n) .TransactionsChartCompact__Loader:after{animation-delay:3.5s}.TransactionsChartCompact__Loader:nth-child(10n):after,Tr:nth-child(10n) .TransactionsChartCompact__Loader:after{animation-delay:4s}.TransactionsChartCompact__Empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--chakra-colors-gray-500);font-size:.75rem}@media screen and (max-width:48em){.TransactionsChartCompact__Chart{height:130px}}.Transactions__Controls{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin:.75rem 0 1.5rem;flex-wrap:wrap}.Transactions__Title{flex-shrink:0;margin-right:.5rem}.Transactions__Filters{width:auto;flex-shrink:0;margin-left:auto}.Transactions__Chart{margin:0 0 1.5rem}.Transactions__Stats{flex:1 1 auto;min-width:0}@media screen and (max-width:48em){.Transactions__Controls{flex-direction:column;align-items:flex-start;gap:1rem}.Transactions__Filters{margin-left:0}}