.DateBasedFilterPopup-all-content-os{height:auto;width:100%;max-width:600px;margin:0 auto;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:block;padding:1rem;overflow:auto}.DateBasedFilterPopup-row-os{height:100%;background:#fff;border-radius:12px;display:flex;flex-direction:column}.DateBasedFilterPopup-col-1-os{background:#f9fafb;border-radius:12px 12px 0 0;padding:1.5rem}.DateBasedFilterPopup-heading-btn-os{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-bottom:1.5rem}.DateBasedFilterPopup-heading-btn-os button{display:flex;background-color:transparent;border-radius:10px}.DateBasedFilterPopup-heading-btn-os .alert-button-os{border:var(--primary-border);box-shadow:var(--primary-box-shadow);padding:12px}.DateBasedFilterPopup-heading-btn-os .popup-close-button-os{border:none}.DateBasedFilterPopup-col-2-os{padding:1.5rem}.DateBasedFilterPopup-search-bar-os span{display:flex}.DateBasedFilterPopup-search-bar-os input{width:100%;font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-500);border:none;color:#344054;background:transparent}.DateBasedFilterPopup-search-bar-os{display:flex;align-items:center;gap:12px;border-radius:var(--border-radius-md);border:var(--secondary-border);background:var(--background-color-white);box-shadow:var(--primary-box-shadow);padding:12px;margin-bottom:1.5rem}.DateBasedFilterPopup-checkboxes-row-os{max-height:150px;overflow:auto}.DateBasedFilterPopup-checkboxes-col-os{padding-bottom:16px;position:relative}.DateBasedFilterPopup-btns-row-os{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:1.5rem}.DateBasedFilterPopup-filter-btn-os>div button{width:100%;justify-content:center}.DateBasedFilterPopup-filter-btn-os>div{width:calc(50% - 8px)}.DateBasedFilterPopup-filter-btn-os{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1.5rem}.DateBasedFilterPopup-heading-col-2-os{display:flex;flex-direction:column;gap:4px}.DateBasedFilterPopup-heading-col-2-os h2 span{border-bottom:2px solid #101828}.DateBasedFilterPopup-heading-col-2-os h2{font-size:18px;line-height:28px;font-weight:var(--font-weight-600);color:#101828;display:flex;align-items:center;gap:8px}.DateBasedFilterPopup-datepicker-row-os{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.DateBasedFilterPopup-datepicker-col-os{width:calc(50% - 8px);display:flex;flex-direction:column}.DateBasedFilterPopup-datepicker-col-os label{color:#344054;font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-400);padding-bottom:8px}