.date-range-picker{flex-direction:column;gap:12px;width:100%;display:flex}.date-range-label{color:var(--color-inverse-primary);font-size:16px;font-weight:600}.date-range-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.date-input-group{flex-direction:column;gap:8px;display:flex}.date-label{color:var(--color-caption);font-size:14px;font-weight:500}.date-input{padding:var(--s3) 12px;border:1px solid var(--color-secondary-container);border-radius:var(--r-transient);color:var(--color-inverse-primary);background-color:var(--color-primary-container);font-size:14px;transition:border-color .2s}.date-input:hover:not(:disabled){border-color:var(--color-outline)}.date-input:focus{border-color:var(--svc-boarding);outline:none;box-shadow:0 0 0 3px #ff6f611a}.date-input:disabled{background-color:var(--color-primary-container);cursor:not-allowed;opacity:.6}.date-picker{flex-direction:column;gap:8px;width:100%;display:flex}.date-picker-label{color:var(--color-caption);font-size:14px;font-weight:500}.date-picker-input{padding:var(--s3) 12px;border:1px solid var(--color-secondary-container);border-radius:var(--r-transient);color:var(--color-inverse-primary);background-color:var(--color-primary-container);width:100%;font-size:14px;transition:border-color .2s}.date-picker-input:hover{border-color:var(--color-outline)}.date-picker-input:focus{border-color:var(--svc-boarding);outline:none;box-shadow:0 0 0 3px #ff6f611a}.time-selector{flex-direction:column;gap:16px;width:100%;display:flex}.time-selector-label{color:var(--color-inverse-primary);text-transform:capitalize;letter-spacing:.3px;margin:0;font-size:16px;font-weight:700}.time-selector-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.time-selector .form-group{gap:var(--s2);flex-direction:column;display:flex}.time-selector .form-label{color:var(--color-caption);text-transform:uppercase;letter-spacing:.4px}.time-selector .form-input{padding:var(--s3) var(--s4);padding-right:var(--s7);border:1.5px solid var(--color-secondary-container);border-radius:var(--r-transient);color:var(--color-inverse-primary);background:var(--color-secondary-container);transition:border-color var(--motion-short) var(--curve-out), box-shadow var(--motion-short) var(--curve-out);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.time-selector .form-input:hover:not(:disabled){border-color:var(--color-outline)}.time-selector .form-input:focus{border-color:var(--service-color,var(--cta));box-shadow:0 0 0 3px color-mix(in srgb, var(--service-color,var(--cta)) 20%, transparent);outline:none}.time-selector .form-input:disabled{background:var(--color-primary-container);border-color:var(--color-secondary-container);cursor:not-allowed;opacity:.65}.duration-display{padding:var(--s3) 16px;border-left:3px solid var(--accent-male);border-radius:var(--r-transient);text-align:left;width:-moz-fit-content;width:fit-content;color:var(--color-inverse-primary);letter-spacing:.2px;background:linear-gradient(135deg,#3b82f614 0%,#3b82f60a 100%);margin-top:12px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #3b82f60f}@media (max-width:640px){.date-range-inputs{grid-template-columns:minmax(0,1fr);gap:12px}.time-selector-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.time-selector{gap:var(--s4);margin-top:20px;padding-top:20px}}