.filter-component>dialog.modal.modal-middle{background:var(--color-primary)!important;padding:2rem}.filter-component>dialog.modal.modal-middle>.modal-box{overflow-y:unset}.filter-component>dialog.modal.modal-middle .dropdown-content{background:var(--color-base-300);border:2px solid var(--color-primary);padding:1rem;position:absolute;top:1.5rem}.filter-component>dialog.modal.modal-middle .dropdown-content>ul.menu{max-height:120px}.filter-component>dialog.modal.modal-middle .menu{font-weight:var(--font-weight-semibold)}.filter-component div:has(.form-control){width:100%}.filter-component div:has(.form-control)>div.max-w-xs{max-width:100%!important}.filter-component .input-bordered{padding-right:0!important;width:100%}.filter-component .input-bordered[aria-expanded=true]>button{border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0}.filter-component .form-control:has(.input.select):has(>.dropdown-content)>.dropdown-content{outline:none;position:absolute;z-index:1}.filter-component .form-control:has(.input.select):has(>.dropdown-content) .input.select{border-color:var(--color-primary);border:2px solid var(--color-primary);color:var(--color-primary);font-weight:600;outline:transparent;position:relative;z-index:2}.filter-component .form-control:has(.input.select):has(>.dropdown-content) .input.select[aria-expanded=true]{border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0}.filter-component .form-control.pointer-events-none>*,.filter-component .form-control:has(:disabled):not(.input-bordered)>*{border:2px solid var(--color-base-content);border-radius:var(--radius-md)}.filter-component .form-control.pointer-events-none button{background:var(--color-base-200)!important}div:has([id^=date-picker-][id$=-popup])>div:not(#date-picker-popup) .date-filter-input{border-bottom:0;border-radius:var(--radius-md) var(--radius-md) 0 0}[id^=date-picker-][id$=-popup]{background:var(--color-base-200);border:2px solid var(--color-primary);border-radius:var(--radius-md);margin-top:-2.5rem;padding:var(--spacing);padding-top:3rem;z-index:20}[id^=date-picker-][id$=-popup] button.btn.btn-primary.btn-wide{width:-moz-max-content;width:max-content}.filter-component [id^=date-picker-][id$=-popup]{min-width:100%!important}