.FilterComponent{--tw-translate-y:1.5rem;--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));background-color:rgb(236 248 231/var(--tw-bg-opacity));border-radius:10px;display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);height:-moz-fit-content;height:fit-content;margin-left:auto;margin-right:auto;padding:20px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}@media (min-width:768px){.FilterComponent{width:-moz-fit-content;width:fit-content}}.FilterComponent form{display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:100%}@media (min-width:768px){.FilterComponent form{align-items:flex-end;flex-direction:row;width:-moz-fit-content;width:fit-content}}.FilterComponent form .filter{display:flex;flex-direction:column;gap:20px;min-width:-moz-fit-content;min-width:fit-content}@media (min-width:992px){.FilterComponent form .filter{width:25vw}}.FilterComponent form .filter .filter-title{--tw-text-opacity:1;color:rgb(0 150 64/var(--tw-text-opacity));font-family:var(--font-header),sans-serif;font-size:20px}@media not all and (min-width:768px){.FilterComponent form .filter .filter-title{text-align:center}}.FilterComponent form .filter .filter-title{line-height:1.5}.FilterComponent form .filter .filter-item-wrapper{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(229 229 229/var(--tw-border-opacity));border-radius:4px;border-width:1px;position:relative;width:100%}.FilterComponent form .filter .filter-item-wrapper .filter-item{background-color:transparent;cursor:pointer;outline:2px solid transparent;outline-offset:2px;padding:15px 40px 15px 60px;position:relative;text-align:center;width:100%;z-index:2}.FilterComponent form .filter .filter-item-wrapper .filter-item.filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.FilterComponent form .filter .filter-item-wrapper .filter-item.filter-select::-ms-expand{display:none}.FilterComponent form .filter .filter-item-wrapper:before{color:rgb(209 213 219/var(--tw-text-opacity));content:var(--fa-icon);font-size:30px;height:30px;left:20px;width:-moz-fit-content;width:fit-content}.FilterComponent form .filter .filter-item-wrapper:after,.FilterComponent form .filter .filter-item-wrapper:before{--tw-translate-y:-50%;--tw-text-opacity:1;display:flex;font-family:Font Awesome\ 7 Pro;line-height:1;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:0}.FilterComponent form .filter .filter-item-wrapper:after{color:rgb(82 174 50/var(--tw-text-opacity));content:"\f078";font-size:20px;height:20px;right:10px;width:20px}.FilterComponent form .filter .filter-item-wrapper.filter-multi-input .filter-multi-input--toggle{cursor:pointer;height:100%;inset:0;position:absolute;width:100%;z-index:2}.FilterComponent form .filter .filter-item-wrapper.filter-multi-input .filter-multi-input--menu{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:4px;display:none;flex-direction:column;gap:20px;left:0;padding:8px;position:absolute;top:calc(100% + 4px);width:100%;z-index:999}.FilterComponent form .filter .filter-item-wrapper.filter-multi-input .filter-multi-input--menu.active{display:flex}.FilterComponent form .filter .filter-item-wrapper.filter-multi-input .filter-multi-input--menu .menu-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.FilterComponent form .filter .filter-item-wrapper.filter-multi-input .filter-multi-input--menu .menu-item label{height:-moz-fit-content;height:fit-content;line-height:1}.FilterComponent form .filter-submit{padding:13px 20px}@media not all and (min-width:768px){.FilterComponent form .filter-submit{width:100%}}