.date-picker{align-items:center;gap:4px;width:100%;min-width:0;display:inline-flex;position:relative}.date-picker--icon{width:auto}.date-picker__input{font-variant-numeric:tabular-nums;min-width:0;color:var(--menu-field-text);-webkit-text-fill-color:var(--menu-field-text);appearance:none;box-sizing:border-box;background:0 0;border:none;border-bottom:1px solid #cfcfcf;border-radius:0;flex:1;padding:6px 0;font-family:inherit;font-size:13px;transition:border-color .16s,box-shadow .16s}.date-picker__input:hover{border-bottom-color:#a7adb6}.date-picker__input:focus,.date-picker__input:focus-visible{border-bottom-color:#a7adb6;outline:none;box-shadow:0 1px #a7adb6}.date-picker__input::placeholder{color:silver;opacity:1;-webkit-text-fill-color:silver}.date-picker__input:focus::placeholder{color:#0000;-webkit-text-fill-color:transparent}.date-picker.is-disabled{opacity:.6}.date-picker.is-invalid .date-picker__input{border-bottom-color:var(--menu-btn-danger-text,#b3261e)}.date-picker__input:disabled{cursor:default}.date-picker__toggle,.date-picker__icon-trigger{width:28px;height:28px;color:var(--menu-field-text);cursor:pointer;opacity:.6;touch-action:manipulation;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .12s,color .12s;display:inline-flex}.date-picker__toggle:hover,.date-picker__icon-trigger:hover{opacity:1;color:var(--ink)}.date-picker__toggle:disabled,.date-picker__icon-trigger:disabled{opacity:.4;cursor:default}.date-picker__glyph{width:16px;height:16px;display:block}.date-picker__popover{box-sizing:border-box;flex-direction:column;gap:8px;width:268px;max-width:calc(100vw - 16px);padding:10px;display:flex}.date-picker__head{justify-content:space-between;align-items:center;gap:4px;display:flex}.date-picker__nav{gap:2px;display:inline-flex}.date-picker__nav-btn{width:26px;height:26px;color:var(--menu-field-text);opacity:.7;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,color .12s;display:inline-flex}.date-picker__nav-btn:hover{opacity:1;color:var(--ink)}.date-picker__nav-btn svg{width:15px;height:15px;display:block}.date-picker__title{text-align:center;letter-spacing:.02em;color:var(--menu-field-text);text-transform:capitalize;flex:1;font-size:13px;font-weight:600}.date-picker__grid{flex-direction:column;gap:2px;display:flex}.date-picker__row{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker__weekday{text-transform:uppercase;height:22px;color:var(--menu-field-text);opacity:.55;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.date-picker__day{font-variant-numeric:tabular-nums;height:30px;color:var(--menu-field-text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:13px;transition:background .12s,color .12s;display:flex}.date-picker__day:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 10%, transparent)}.date-picker__day.is-outside{opacity:.32}.date-picker__day.is-today{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 38%, transparent)}.date-picker__day.is-selected,.date-picker__day.is-selected:hover:not(:disabled){background:var(--ink);color:var(--paper);opacity:1}.date-picker__day:disabled{opacity:.22;cursor:default}.date-picker__foot{justify-content:center;display:flex}.date-picker__today{color:var(--menu-field-text);opacity:.8;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;transition:opacity .12s,color .12s}.date-picker__today:hover:not(:disabled){opacity:1;color:var(--ink)}.date-picker__today:disabled{opacity:.3;cursor:default}