.flyout{background:#fff;display:flex;flex-direction:column;height:100%;left:0;max-width:20rem;position:fixed;top:0;translate:-100% 0;width:85%;z-index:8500}@media(prefers-reduced-motion: no-preference){.flyout{transition:translate .3s ease}}@media(min-width: 768px){.flyout{display:none}}.flyout.is-active{translate:0 0}@media(max-width: 767px){.flyout__backdrop{background:rgba(0,0,0,.4);display:none;inset:0;position:fixed;z-index:8499}}@media(max-width: 767px){.flyout.is-active~.flyout__backdrop{display:block}}@supports(backdrop-filter: blur(10px)){.flyout.is-active~.flyout__backdrop{backdrop-filter:blur(0.625rem)}}.flyout__body{flex:1;overflow-y:auto}.flyout__foot{border-top:0.0625rem solid #dee0ed;display:flex;gap:0.5rem;justify-content:space-between;padding:1rem}.flyout__group{display:grid;gap:0.5rem;padding:1rem}.flyout__group+.flyout__group{border-top:0.0625rem solid #dee0ed}.flyout__head{align-items:center;border-bottom:0.0625rem solid #dee0ed;display:flex;justify-content:space-between;padding:1rem}.flyout__title{color:#00344d;font-size:1rem;font-weight:600}.flyout .btn--close{height:2rem;width:1.5rem}.flyout .filter-bar__options{padding:0}