/* The discovery tabs are real modes: one focused control group at a time. */
.mode-tabs button.is-active{background:#31312f;color:#f3cf58}.mode-tabs button:focus-visible,.tag-row button:focus-visible,.category-row button:focus-visible{outline:2px solid #8ca1bd;outline-offset:2px}.tag-search input:focus-visible{outline:0}.discovery.mode-search .search{display:flex}.discovery.mode-search .tag-search,.discovery.mode-search .tag-row,.discovery.mode-search .category-row{display:none}.discovery.mode-tags .search{display:none}.discovery.mode-tags .tag-search,.discovery.mode-tags .tag-row,.discovery.mode-tags .category-row{display:flex}.discovery.mode-search{padding:12px 26px}.discovery.mode-tags{padding:12px 26px 11px}.tag-search{align-items:center;width:min(600px,100%);height:34px;margin:0 auto;background:#161616;border:1px solid #666}.tag-search:focus-within{border-color:#8ca1bd}.tag-search span{padding:0 7px;color:#a8b5c8;font:13px "DM Mono"}.tag-search input{min-width:0;width:100%;height:100%;border:0;background:transparent;color:#f1efe7;font:10px "DM Mono";outline:0}.tag-search input::placeholder{color:#8d8d8d}.tag-row button::first-letter{color:inherit!important}.tag-row button.active{background:#f3cf58;color:#171717;border-color:#f3cf58;font-weight:700}.tag-row .empty-tag{color:#aaa;font:9px "DM Mono"}@media(max-width:680px){.discovery.mode-search{padding:9px 10px}.discovery.mode-search .search{height:34px;margin:0}.discovery.mode-tags{padding:9px 10px}.discovery.mode-tags .tag-search{width:100%;height:34px}.discovery.mode-tags .tag-row,.discovery.mode-tags .category-row{display:flex}}