.df{flex-direction:column;gap:.25rem;width:100%;display:inline-flex}.df__field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);width:100%;font-size:var(--text-md);color:var(--fg);box-sizing:border-box;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.df__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-2)}.df__input{min-height:var(--tap,36px);flex:1;align-items:center;padding:0 0 0 .75rem;display:inline-flex}.df__seg{border-radius:var(--radius-2xs);font-variant-numeric:tabular-nums;outline:none;padding:.1rem .15rem}.df__seg:focus{background:rgba(var(--accent-rgb,59, 195, 110), .15)}.df__seg[aria-valuetext=Empty]{color:var(--placeholder)}.df__seg--lit{color:var(--muted);padding:0 .05rem}.df__trigger{min-height:var(--tap,36px);border:none;border-left:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0 .6rem;transition:background .15s,color .15s;display:flex}.df__trigger:hover{background:var(--bg-hover);color:var(--accent)}.df__trigger:disabled{opacity:.5;cursor:not-allowed}.df__popover{z-index:2000}.df__cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(var(--shadow-color), .35);padding:1rem}.df__cal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.df__cal-heading{font-size:var(--text-base);font-weight:600}.df__cal-nav{border-radius:var(--radius-xs);width:1.75rem;height:1.75rem;color:var(--fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.df__cal-nav:hover{background:var(--bg)}.df__grid{border-collapse:collapse}.df__grid-row{display:flex}.df__head-cell{text-align:center;width:2.25rem;font-size:var(--text-xs);color:var(--muted);padding-bottom:.4rem;font-weight:500}.df__cell{text-align:center;width:2.25rem;height:2.25rem;padding:0;position:relative}.df__day{border-radius:var(--radius-xs);width:2.25rem;height:2.25rem;color:var(--fg);font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;outline:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:inline-flex}.df__day:hover{background:var(--bg)}.df__day:focus-visible{border-color:var(--accent)}.df__day[data-outside-month]{color:var(--muted);opacity:.4;pointer-events:none}.df__day[data-disabled]{color:var(--muted);opacity:.3;pointer-events:none}.df__day[data-today]:not([data-selected]){border-color:var(--accent)}.df__day[data-selected]{background:var(--accent);color:var(--fg-on-accent);font-weight:500}