.wl-vault-rows { display: grid; gap: .75rem; max-width: 100%; }
.wl-vault-rows__badge, .wl-vault-rows__tag { display: inline-block; padding: 0 .4rem; border: 1px solid currentColor; border-radius: .3rem; font-size: .85em; font-weight: 700; }
.wl-vault-rows__source--error { color: #ffb4a8; }
.wl-vault-rows__controls { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.wl-vault-rows input, .wl-vault-rows select, .wl-vault-rows button { font: inherit; min-height: 44px; padding: .4rem .7rem; color: inherit; background: #242b26; border: 1px solid #a3afa5; border-radius: .35rem; }

.wl-vault-rows select { width: auto; min-width: max-content; max-width: 100%; white-space: normal; text-overflow: clip; field-sizing: content; }
.wl-vault-rows__scroll { overflow-x: auto; }
.wl-vault-rows table { border-collapse: collapse; min-width: 100%; }
.wl-vault-rows th, .wl-vault-rows td { padding: .35rem .6rem; text-align: left; border-bottom: 1px solid #3a433c; }
.wl-vault-rows__figure { margin: 0; display: grid; gap: .5rem; }
.wl-vault-rows__chart { width: 100%; max-width: 32rem; height: auto; }
.wl-vault-rows__ranges, .wl-vault-rows__buttons { display: flex; flex-wrap: wrap; gap: .5rem; }
.wl-vault-rows button[aria-pressed="true"] { outline: 2px solid currentColor; }
@media (max-width: 34rem) { .wl-vault-rows__controls { grid-template-columns: minmax(0, 1fr); } }

@media (max-width: 34rem) { .wl-vault-rows select { min-width: 0; } }