.ui-date-input{position:relative;width:100%}.ui-date-input__control{display:flex;align-items:center;gap:var(--space-10);opacity:0;transition:height var(--duration-fast) var(--ease-standard),opacity 80ms var(--ease-standard)}.ui-date-input__control--range{min-width:0}.ui-date-input[data-focused] .ui-date-input__control,.ui-date-input:not([data-empty]) .ui-date-input__control{opacity:1}.ui-date-input[data-value-overflow=clip] .ui-date-input__control{max-width:100%;overflow:hidden}.ui-date-input__subcontrol{display:flex;min-width:0;align-items:center;flex-wrap:nowrap;gap:0;overflow:hidden}.ui-date-input__subcontrol--range{flex:0 0 auto}.ui-date-input[data-value-overflow=clip] .ui-date-input__subcontrol--range{flex:0 1 auto}.ui-date-input__segment{font-family:var(--font-main);font-size:var(--font-size-m);font-weight:400;line-height:var(--line-height-tight);color:var(--color-foreground)}.ui-date-input__segment--literal{padding:0}.ui-date-input__segment--editable{border-radius:var(--radius-field);padding-inline:1px;outline:0;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.ui-date-input__segment--editable[aria-valuetext=Empty]{color:var(--color-foreground-40)}.ui-date-input__segment--editable[data-invalid]{color:var(--color-destructive)}.ui-date-input__segment--editable[data-disabled]{pointer-events:none;opacity:.35}@media(hover:hover){.ui-date-input__segment--editable:not([data-disabled]):hover{background-color:var(--color-accent)}}.ui-date-input__segment--editable:focus,.ui-date-input__segment--editable:focus-visible{background-color:var(--color-accent)}.ui-date-input__trigger{display:inline-flex;height:var(--control-size-s);width:var(--control-size-s);flex-shrink:0;cursor:pointer;align-items:center;justify-content:center;border:0;border-radius:var(--radius-field);background:transparent;padding:0;color:var(--color-foreground);outline-offset:2px;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}@media(hover:hover){.ui-date-input__trigger:hover{background-color:var(--color-accent)}}.ui-date-input__trigger:focus-visible{outline:2px solid var(--color-ring)}.ui-date-input__trigger:disabled{cursor:not-allowed;opacity:.5}.ui-date-input__separator,.ui-date-input__trigger-icon{display:inline-flex;align-items:center;justify-content:center;min-width:0;flex-shrink:0;color:var(--color-foreground)}.ui-date-input__separator{align-self:center}.ui-date-input__popover{width:min(300px,100vw - 1rem);min-width:min(300px,100vw - 1rem);max-width:min(300px,100vw - 1rem)}.ui-date-input__popover--wide{width:min(560px,100vw - 1rem);min-width:min(560px,100vw - 1rem);max-width:min(560px,100vw - 1rem)}.ui-date-input__panel{display:grid;gap:var(--space-10)}.ui-date-input__calendar{justify-self:start}.ui-date-input__apply-button{width:100%;max-width:none}