.js-stools{margin-bottom: 1.25rem}.js-stools .js-stools-container-bar .btn-toolbar{display: flex;flex-wrap: wrap;align-items: center;gap: .5rem;margin: 0}.js-stools .filter-search-bar{flex: 1 1 16rem;min-width: 0;margin: 0}.js-stools .filter-search-bar .input-group{width: 100%}.js-stools .filter-search-bar .form-control{min-width: 0}.js-stools .filter-search-bar__button{flex: none}.js-stools .filter-search-actions{margin: 0;gap: 0}.js-stools .js-stools-btn-filter,.js-stools .js-stools-btn-clear{background-color: transparent;border-color: var(--tpl-border-color);color: inherit}.js-stools .js-stools-btn-filter:hover,.js-stools .js-stools-btn-filter:focus,.js-stools .js-stools-btn-clear:hover,.js-stools .js-stools-btn-clear:focus{background-color: var(--tpl-surface-color);border-color: var(--tpl-border-color);color: inherit}.js-stools .js-stools-btn-filter{display: inline-flex;align-items: center;gap: .4rem}.js-stools .js-stools-btn-filter .icon-angle-down{transition: transform .15s ease-in-out}.js-stools .js-stools-btn-filter[aria-expanded="true"] .icon-angle-down{transform: rotate(180deg)}.js-stools .ordering-select{display: flex;flex-wrap: wrap;align-items: center;gap: .5rem;margin: 0}.js-stools .js-stools-field-list{margin: 0}.js-stools .js-stools-field-list .form-select,.js-stools .js-stools-field-list select,.js-stools .js-stools-field-selector .form-select{width: auto;min-width: 8rem;max-width: 100%}.js-stools .js-stools-container-filters{display: none;margin-top: .75rem}.js-stools .js-stools-container-filters-visible{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(14rem,100%),1fr));gap: .75rem;padding: .75rem;border: 1px solid var(--tpl-border-color);border-radius: var(--tpl-radius);background-color: var(--tpl-surface-color)}.js-stools .js-stools-field-filter{margin: 0;min-width: 0}.js-stools .js-stools-field-filter .form-select,.js-stools .js-stools-field-filter .form-control,.js-stools .js-stools-field-filter select{width: 100%}.js-stools .js-stools-container-selector{margin-bottom: .5rem}.js-stools-no-results,.js-stools + .alert{margin-top: .75rem}@media (max-width: 575px){.js-stools .js-stools-container-bar .btn-toolbar>*{flex: 1 1 100%}.js-stools .filter-search-actions,.js-stools .ordering-select{justify-content: stretch}.js-stools .filter-search-actions .btn{flex: 1 1 0}.js-stools .js-stools-field-list{flex: 1 1 0}.js-stools .js-stools-field-list .form-select,.js-stools .js-stools-field-list select{width: 100%}}