.date-picker-component-container{position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}.date-picker-component-container .date-input-wrapper{position:relative}.date-picker-component-container .date-input{box-sizing:border-box;width:100%;height:56px;padding:8px 2.5rem 10px 13px;border:1px solid #c4c4c4;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:border-color .2s,box-shadow .2s;cursor:pointer;background-color:#fff;font-size:1rem;color:#2d3748}.date-picker-component-container .date-input:hover{outline:none;border-color:#161616}.date-picker-component-container .date-input:focus{outline:none;border:2px solid #1974cf}.date-picker-component-container .date-input-label{position:absolute;left:13px;top:16px;font-size:1rem;color:#2b2b2b;pointer-events:none;transition:all .2s ease-out;background-color:#fff;padding:0 4px;transform-origin:top left}.date-picker-component-container .date-input-wrapper.has-value .date-input-label,.date-picker-component-container .date-input:focus+.date-input-label{padding:0 4px;transform:translateY(-25px) scale(.75);z-index:1;color:#1974cf}.date-picker-component-container .date-input-wrapper.has-value .date-input-label{color:#666}.date-picker-component-container .date-input-wrapper.is-active .date-input-label,.date-picker-component-container .date-input:focus+.date-input-label{color:#1974cf}.date-picker-component-container .date-input-icon{position:absolute;top:2px;bottom:0;right:.75rem;display:flex;align-items:center;pointer-events:none;z-index:12;background:#fff;border:2px transparent;height:calc(100% - 4px)}.date-picker-component-container .icon-sm{height:1.25rem;width:1.25rem;color:#a0aec0}.date-picker-component-container .calendar-popup{position:absolute;top:100%;margin-top:.5rem;min-width:21rem;background-color:#fff;border:1px solid #edf2f7;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:10;padding:1rem;box-sizing:border-box;text-align:center}.date-picker-component-container .calendar-popup.opens-top{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}.date-picker-component-container .calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.date-picker-component-container .calendar-nav-button{background:none;border:none;padding:.5rem;border-radius:9999px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.date-picker-component-container .calendar-nav-button:hover{background-color:#f7fafc}.date-picker-component-container .calendar-nav-button:disabled{cursor:not-allowed;opacity:.5}.date-picker-component-container .icon-md{height:1.5rem;width:1.5rem;color:#374151}.date-picker-component-container .calendar-month-year{font-size:1.125rem;font-weight:600;color:#2d3748}.date-picker-component-container .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.25rem;gap:.25rem;text-align:center}.date-picker-component-container .day-of-week{font-size:.75rem;font-weight:500;color:#a0aec0;padding:.5rem 0}.date-picker-component-container .day-button{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:background-color .2s,color .2s;border:none;cursor:pointer;background-color:transparent;margin:auto;color:#374151}.date-picker-component-container .day-button.is-disabled{color:#cbd5e0;cursor:not-allowed;background-color:transparent}.date-picker-component-container .day-button.is-disabled:hover{background-color:transparent}.date-picker-component-container .day-button:hover{background-color:#dbeafe}.date-picker-component-container .day-button.is-today{color:#2563eb;font-weight:700}.date-picker-component-container .day-button.in-range{background-color:#dbeafe;border-radius:0;color:#374151}.date-picker-component-container .day-button.is-end,.date-picker-component-container .day-button.is-start{background-color:#2563eb;color:#fff;font-weight:700}.date-picker-component-container .day-button.is-start.is-end{border-radius:9999px}.date-picker-component-container .day-button.is-start:not(.is-end){border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-top-right-radius:0;border-bottom-right-radius:0}.date-picker-component-container .day-button.is-end:not(.is-start){border-top-right-radius:9999px;border-bottom-right-radius:9999px;border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width:400px){.date-picker-component-container .calendar-popup{min-width:0;width:calc(100vw - 48px);padding:.75rem}.date-picker-component-container .day-button{width:2.25rem;height:2.25rem;font-size:.875rem}}