.date-range-picker-component{position:relative;width:100%}.date-range-picker-component .date-range-picker-button{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:13px 20px;text-align:left;background-color:#fff;border:1px solid #bebebe;color:#374151;cursor:pointer}.date-range-picker-component .date-range-picker-button:hover{background-color:transparent}.date-range-picker-component .date-range-picker-button:focus{outline:2px solid transparent;outline-offset:2px;-webkit-box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5;box-shadow:0 0 0 2px #fff,0 0 0 4px #4f46e5}.date-range-picker-component .picker-button-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.date-range-picker-component .picker-button-icon{width:1.25rem;height:1.25rem;color:#00284c;margin-right:.75rem}.date-range-picker-component .picker-button-chevron{width:1.25rem;height:1.25rem;color:#00284c;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-o-transform .2s ease-in-out}.date-range-picker-component .date-range-picker-button.open .picker-button-chevron{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.date-range-picker-component .calendar-popover{position:absolute;z-index:10;margin-top:.5rem;width:100%;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,.12),0 4px 6px -4px rgba(0,0,0,.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.12),0 4px 6px -4px rgba(0,0,0,.1);padding:1rem;right:0}.date-range-picker-component .calendar-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem}.date-range-picker-component .month-nav-button{padding:.5rem;border:none;background:none;cursor:pointer;border-radius:9999px}.date-range-picker-component .month-nav-button:hover{background-color:#f3f4f6}.date-range-picker-component .month-nav-icon{width:1.25rem;height:1.25rem;color:#4b5563}.date-range-picker-component .current-month-display{font-weight:600;color:#1f2937}.date-range-picker-component .weekdays-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;text-align:center;font-size:.875rem;line-height:1.25rem;color:#6b7280;margin-bottom:.5rem}.date-range-picker-component .days-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.date-range-picker-component .day-btn{width:2.5rem;height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:none;border-radius:9999px;-webkit-transition:background-color .15s,color .15s;-o-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s;cursor:pointer;color:#374151}.date-range-picker-component .day-btn:hover:not(.selected){background-color:#e0e7ff}.date-range-picker-component .day-btn.today{border:1px solid #4f46e5}.date-range-picker-component .day-btn.in-range{background-color:#e0e7ff;color:#1f2937;border-radius:0}.date-range-picker-component .day-btn.selected{background-color:#4f46e5;color:#fff;font-weight:600}.date-range-picker-component .day-btn.start-date{border-top-right-radius:0;border-bottom-right-radius:0}.date-range-picker-component .day-btn.end-date{border-top-left-radius:0;border-bottom-left-radius:0}.date-range-picker-component .day-btn.single-day{border-radius:9999px!important}.date-range-picker-component .calendar-footer{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.date-range-picker-component .reset-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#4b5563;background-color:transparent;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;-webkit-transition:background-color .15s,border-color .15s;-o-transition:background-color .15s,border-color .15s;transition:background-color .15s,border-color .15s}.date-range-picker-component .reset-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}@media (min-width:768px){.date-range-picker-component .calendar-popover{width:auto;right:auto;left:0}}.date-range-picker-component-hide-inputs{position:absolute;overflow:hidden;width:1px;opacity:0}