.filter{position:relative;user-select:none}.filter--show .filter__dropdown{opacity:1;visibility:visible;transform:none}.filter--show .filter__value .icon{transform:rotate(-90deg)}.filter__dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:-1px;padding-top:.5em;padding-bottom:1em;border:1px solid #e5ecf3;border-top-color:transparent;transform:translateY(-1em);background-color:#fff;box-shadow:0 20px 30px -12px #0000630f;opacity:0;visibility:hidden;transition:all .3s ease;z-index:5}.filter__option{display:flex;align-items:center;padding:.7em 1.5em;font-weight:300;font-size:.8125em;color:#7a838e;transition:all .15s ease;cursor:pointer}.filter__option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter__option--selected{background-color:#00448a;color:#fff}.filter--multiple .filter__option--selected{background-color:transparent;color:#7a838e}.filter--multiple .filter__option--selected .icon{opacity:1;color:#fff;background-color:#00448a;border-color:#00448a}.filter__option:hover:not(.filter__option--selected),.filter__option:focus{background-color:#00448a0d}.filter__option .icon{margin-left:auto;flex-shrink:0;padding:.25em;border:1px solid;color:#00448a;opacity:.2}.filter__option svg{font-size:8px}.filter__value{display:flex;align-items:center;min-width:190px;padding:1em;border:1px solid #e5ecf3;background-color:transparent;color:#00448a;cursor:pointer}.filter__value:focus{background-color:#f6f9fb}.filter__value-count{opacity:.5}.filter__value .icon{margin-left:auto;font-size:12px;opacity:.3;transform:rotate(90deg)}.filter .icon{transition:all .3s ease}.filter--inline .filter__value{padding:0 .4em;min-width:auto;border:0;color:currentColor}.filter--inline .filter__value .icon{margin-left:1em}.filter--inline .filter__dropdown{width:170px;margin-top:1em;padding:0;box-shadow:0 20px 30px -12px #0003}