@layer components{.date-field-module_c8dBoq_field{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.date-field-module_c8dBoq_label{font-size:var(--text-sm);width:-moz-fit-content;width:fit-content;font-weight:500}.date-field-module_c8dBoq_hint{font-size:var(--text-sm);color:var(--text-muted)}.date-field-module_c8dBoq_error{color:var(--danger)}.date-field-module_c8dBoq_native{min-height:max(var(--tap-min), 2.25rem);padding:calc(var(--space-2) * var(--density)) calc(var(--space-3) * var(--density));background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-md)}.date-field-module_c8dBoq_native::-webkit-date-and-time-value{min-height:calc(var(--leading-normal) * 1em);text-align:start}@media (pointer:coarse){.date-field-module_c8dBoq_native{font-size:16px}}.date-field-module_c8dBoq_trigger{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:max(var(--tap-min), 2.25rem);padding:calc(var(--space-2) * var(--density)) calc(var(--space-3) * var(--density));background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-md);text-align:start;cursor:pointer;display:flex}.date-field-module_c8dBoq_trigger svg{color:var(--text-faint);flex:none}@media (any-hover:hover){.date-field-module_c8dBoq_trigger:hover{border-color:var(--text-faint)}}.date-field-module_c8dBoq_trigger:focus-visible{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:none}.date-field-module_c8dBoq_placeholder{color:var(--text-faint)}.date-field-module_c8dBoq_invalid,.date-field-module_c8dBoq_invalid:focus-visible{border-color:var(--danger)}.date-field-module_c8dBoq_popover{z-index:70;width:max-content;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--dur-fast) var(--ease), translate var(--dur-fast) var(--ease-out);translate:0 -4px}.date-field-module_c8dBoq_popover[data-enter]{opacity:1;translate:0}.date-field-module_c8dBoq_head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);display:flex}.date-field-module_c8dBoq_monthYear{font-size:var(--text-md);text-align:center;min-width:11ch}.date-field-module_c8dBoq_nav{width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;background:0 0;border:none;place-items:center;line-height:1;display:grid}@media (any-hover:hover){.date-field-module_c8dBoq_nav:hover{background:var(--hover-surface);color:var(--text)}}.date-field-module_c8dBoq_grid{flex-direction:column;display:flex}.date-field-module_c8dBoq_legend{gap:var(--space-1) var(--space-3);color:var(--text-muted);font-size:var(--text-xs);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.date-field-module_c8dBoq_legendItem{align-items:center;gap:var(--space-1);display:inline-flex}.date-field-module_c8dBoq_legendDot{border-radius:var(--radius-full);background:var(--success);width:6px;height:6px}.date-field-module_c8dBoq_legendDotFull{background:var(--danger)}@media (forced-colors:active){.date-field-module_c8dBoq_legendDot{forced-color-adjust:none;background:canvastext}.date-field-module_c8dBoq_legendDotFull{background:canvas;outline:1px solid canvastext}}.date-field-module_c8dBoq_footer{gap:var(--space-2);border-block-start:1px solid var(--border);margin-block-start:var(--space-3);padding-block-start:var(--space-3);display:flex}.date-field-module_c8dBoq_todayBtn{min-height:var(--tap-min);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;font-weight:600}@media (any-hover:hover){.date-field-module_c8dBoq_todayBtn:hover{background:var(--accent-soft)}}}