@scope([data-example]){:scope[data-example^=date-picker\/]{justify-content:flex-start;min-height:26rem}:scope:is([data-example=date-picker\/presets],[data-example=date-picker\/dismissible],[data-example=date-picker\/controller]){min-height:29rem}[data-slot=field]>[data-slot=date-picker]{align-self:stretch}[data-slot=field]>[data-slot=date-picker]>[data-slot=row]:has(>[data-slot=date-picker-input]){width:100%}[data-slot=stack]:has(>[data-slot=date-picker]){align-items:center}[data-slot=date-picker]{align-items:flex-start;gap:var(--space-2);flex-direction:column;max-width:100%;display:flex}[data-slot=date-picker]>[data-slot=row]:has(>[data-slot=date-picker-input]){gap:var(--space-1);box-sizing:border-box;width:12rem;max-width:100%;height:var(--size);border-radius:var(--radius-control);background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:nowrap;padding-inline:0 3px}[data-slot=date-picker]>[data-slot=row]:has(>[data-slot=date-picker-input]):hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 45%, var(--surface-1))}[data-slot=date-picker]>[data-slot=row]:has(>[data-slot=date-picker-input]):has(input:focus-visible){box-shadow:inset 0 0 0 1px var(--ink);outline:3px solid var(--halo);outline-offset:0}[data-slot=date-picker]>[data-slot=row]:has(>[data-slot=date-picker-input]~[data-slot=date-picker-input]){width:16rem}[data-slot=date-picker]:has([aria-invalid=true])>[data-slot=row]{box-shadow:inset 0 0 0 1px var(--danger)}[data-slot=date-picker][data-disabled]>[data-slot=row]{box-shadow:inset 0 0 0 1px var(--line-faint);color:var(--line-disabled)}[data-slot=date-picker][data-readonly]>[data-slot=row]{background:var(--tint)}[data-slot=date-picker-input]{min-width:0;height:100%;color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0;padding-inline-start:10px}[data-slot=date-picker-input]::placeholder{color:var(--muted)}[data-slot=date-picker-input][data-disabled]::placeholder{color:var(--line-disabled)}:is([data-slot=date-picker-trigger],[data-slot=date-picker-clear]){width:var(--size-sm);height:var(--size-sm);border-radius:var(--radius-row);color:var(--muted);padding:0}:is([data-slot=date-picker-trigger],[data-slot=date-picker-clear]):hover:not(:disabled,[data-disabled]){color:var(--ink)}[data-slot=date-picker-hint]{min-height:var(--leading);color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}[data-slot=date-picker-hint][data-placeholder]{font-size:var(--text-xs)}[data-slot=date-picker-clear][data-empty]{visibility:hidden}[data-slot=date-picker-content]{box-sizing:border-box;max-width:var(--available-width);max-height:var(--available-height);border-radius:var(--radius-popup);background:var(--surface-2);box-shadow:var(--shadow-2);font-size:var(--text-sm);transform-origin:var(--transform-origin);outline:none;flex-direction:column;gap:6px;padding:10px;display:flex;overflow-y:auto}[data-slot=date-picker-content]>[data-slot=row]:first-child{width:0;min-width:100%;padding-bottom:var(--space-1);flex-wrap:nowrap;justify-content:space-between}[data-slot=date-picker-content]>[data-slot=row]:has(>[data-slot=date-picker-preset]){gap:var(--space-1);border-top:1px solid var(--line-faint);padding-top:6px}[data-slot=date-picker-content]>[data-slot=hint]{width:0;min-width:100%;padding-top:var(--space-2);border-top:1px solid var(--line-faint);margin:0}[data-slot=date-picker-content] [data-slot=calendar]{box-shadow:none;background:0 0;padding:0}[data-slot=date-picker-preset]{height:var(--size-sm);border-radius:var(--radius-row);font-size:var(--text-sm);padding-inline:10px}[data-slot=date-picker-preset][data-selected]{background:var(--tint);box-shadow:inset 0 0 0 1px var(--ink)}}