.date-range{background:var(--white);-webkit-user-select:none;user-select:none;border:1px solid #dde4ee;border-radius:14px;align-items:center;padding:12px 16px 12px 46px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 1px 3px #0f17240a}.date-range:hover{border-color:var(--blue);box-shadow:0 4px 12px #0096ff1a}.date-range .cal-icon{color:var(--blue);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.date-range .arrow{color:var(--blue);flex-shrink:0;padding:0 16px;font-size:1.1rem}.date-range .date-field-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:0;font-family:inherit;display:flex}.date-range .date-field-btn:focus,.date-range .date-field-btn:focus-visible{box-shadow:none;outline:none}.date-range .date-field-btn:hover .date-field-value,.date-range .date-field-btn.is-editing .date-field-label{color:var(--blue)}.date-range .date-field-label{letter-spacing:.08em;text-transform:uppercase;color:#9a9a9a;font-size:.62rem}.date-range .date-field-value{color:var(--text-dark);white-space:nowrap;font-size:.9rem;transition:color .15s}.date-range .date-field-value.empty{color:#9a9a9a}