@layer component{.kPQVnW_Input{inline-size:100%;block-size:var(--size-control);padding-inline:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-raised);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--motion-fast);display:block}.kPQVnW_Input:hover{border-color:var(--color-border-strong)}.kPQVnW_Input:focus-visible{border-color:var(--color-text-secondary);outline:none}.kPQVnW_Input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.kPQVnW_dateField{display:block;position:relative;container-type:inline-size}.kPQVnW_dateDisplay{inset-block:0;inset-inline:1px calc(var(--space-3) + 1.5rem);color:var(--color-text-primary);font-size:var(--font-size-md);white-space:nowrap;pointer-events:none;align-items:center;padding-inline-start:calc(var(--space-3) - 1px);display:none;position:absolute;overflow:hidden}.kPQVnW_dateDisplay [data-length=long]{display:none}@container (width>=13rem){.kPQVnW_dateField[data-display]:not(:focus-within) .kPQVnW_Input{color:#0000}.kPQVnW_dateField[data-display]:not(:focus-within) .kPQVnW_dateDisplay{display:flex}}@container (width>=20rem){.kPQVnW_dateDisplay [data-length=long]{display:inline}.kPQVnW_dateDisplay [data-length=medium]{display:none}}}