.french-date-input{vertical-align:middle;min-width:0;max-width:100%;display:inline-flex;position:relative}.french-date-input>input[type=text]{font-variant-numeric:tabular-nums;width:100%;min-width:0;padding-right:36px!important}.french-date-calendar{width:28px;height:28px;color:var(--muted);border-radius:4px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.french-date-calendar:focus-within{outline:2px solid var(--outline)}.french-date-calendar>svg{width:18px;height:18px;margin:5px;display:block}.french-date-input .french-date-calendar>input[type=date]{opacity:0;cursor:pointer;border:0;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.french-date-calendar>input::-webkit-calendar-picker-indicator{width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.french-date-input:has(input:disabled) .french-date-calendar{opacity:.45}