filter-container .filter-form{padding-block:var(--spacing-50);padding-inline:var(--spacing-40)}filter-container .filter-field{position:relative;--input-padding-block: var(--spacing-20);--input-padding-inline: var(--spacing-20)}filter-container .filter-field input.is-invalid:not(:focus){--input-text-color: var(--error-text-color);--input-border-color: var(--error-border-color);--input-background-color: var(--error-background-color)}filter-container .filter-field:not([hidden]){display:flex;flex-flow:column;gap:var(--spacing-05)}filter-container output{--output-icon-height: 1.25em}filter-container output:not([hidden]){display:block}filter-container output svg{display:inline-block;width:auto;height:var(--output-icon-height);margin-inline-end:.25em;transform:translateY(calc(var(--output-icon-height) * 0.125))}filter-container output kbd{padding-block:.0625em;padding-inline:.125em;background-color:var(--color-white)}filter-container .results{width:max-content;max-width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi);--output-icon-height: 1em}filter-container .error{width:max-content;max-width:100%;color:var(--error-text-color);border-color:var(--error-border-color);background-color:var(--error-background-color);border-width:0;border-style:solid;border-inline-start-width:5px;padding:var(--spacing-20)}filter-container .empty{max-width:100%;color:var(--color-cajun-navy-base);border-color:var(--color-breeze-base);background-color:var(--color-breeze-100);border-width:0;border-style:solid;border-inline-start-width:5px}/*# sourceMappingURL=filter-container.css.map */