.date-control{width:100%;min-width:0;position:relative}.date-control .date-input{appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-align:left;width:100%;min-width:0;max-width:100%;padding-left:var(--date-text-inset,12px);padding-right:32px;display:block}.date-input::-webkit-date-and-time-value{text-align:left;min-height:1.5em}.date-input::-webkit-datetime-edit{padding:0}.date-input::-webkit-calendar-picker-indicator{display:none}.date-control[data-empty=true] .date-input:not(:focus-visible){color:#0000;-webkit-text-fill-color:transparent}.date-field-placeholder{left:calc(var(--date-text-inset,12px) + 1px);color:var(--muted);white-space:nowrap;pointer-events:none;font-size:15px;line-height:1.3;position:absolute;top:50%;right:38px;transform:translateY(-50%)}.date-input:focus-visible~.date-field-placeholder{visibility:hidden}.date-picker-trigger{background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:100%;min-height:44px;padding:0;display:grid;position:absolute;top:0;right:0}.date-picker-trigger:hover{background:color-mix(in oklch,var(--accent) 7%,transparent)}.dock-date .date-field-placeholder{font-size:14px;top:calc(50% + 8px)}.dock-date .date-picker-trigger{padding-top:10px}.date-picker-dialog{overscroll-behavior:contain;border:1px solid var(--line);background:var(--paper);width:380px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:24px;margin:auto;padding:22px;position:fixed;inset:0;overflow:auto;box-shadow:0 20px 80px #13161b33;box-shadow:0 20px 80px lab(7.19015% -.368543 -3.62587/.2)}.date-picker-dialog::backdrop{background:#0f121675;background:lab(5.23796% -.285208 -3.0582/.46)}.date-picker-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.date-picker-heading h2{letter-spacing:-.035em;margin:0;font-size:23px;line-height:1.2}.date-picker-close{background:var(--paper-deep);border:0;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.date-picker-close:hover{background:var(--blue-mist)}.date-picker-loading{min-height:300px;color:var(--muted);place-items:center;margin:0;font-size:16px;display:grid}@media (max-width:600px){.date-picker-dialog{width:100%;max-width:100%;max-height:calc(100dvh - 12px);padding:16px 20px max(20px,env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;margin:0;inset:auto 0 0}}@media (max-width:350px){.date-picker-dialog{padding-inline:5px}.date-picker-heading{padding-inline:10px}}@media (min-width:480px) and (max-width:600px) and (max-height:500px){.dock-date .date-control{--date-text-inset:8px}.dock-date .date-picker-trigger{display:none}.dock-date .date-control .date-input{padding-inline:var(--date-text-inset)}.dock-date .date-field-placeholder{right:8px}}