#better-dex-controls[hidden] { display: none !important; }
#better-dex-controls { flex: 1 1 100%; width: 100%; display: flex; flex-wrap: wrap; align-items: end; gap: .5rem; padding: .5rem; color: var(--light2); }
#better-dex-controls label { flex: 1 1 12rem; display: grid; gap: .35rem; min-width: 0; }
#better-dex-controls :is(select,input) { margin: 0; width: 100%; min-width: 0; min-height: 44px; padding: .4rem; font: inherit; border: 1px solid var(--light1); border-radius: .35rem; background: var(--dark2); color: var(--light2); }
#better-dex-controls p { flex: 1 1 100%; margin: 0; font-size: .875rem; }
html[data-theme="vanta"] #better-dex-controls { color: var(--vanta-text); }
html[data-theme="vanta"] #better-dex-controls :is(select,input) { background: var(--vanta-raised); color: var(--vanta-text); border-color: var(--vanta-border); }