.date-entry { position: relative; display: block; min-width: 0; }
.date-entry > input.date-entry-native { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; pointer-events: none; }
.date-entry > input[type="text"] { width: 100%; box-sizing: border-box; padding-inline-end: 2.75rem; }
.date-entry-picker { position: absolute; right: .25rem; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 0; border-radius: .375rem; background: transparent; color: inherit; cursor: pointer; }
.date-entry-picker:hover:not(:disabled) { background: color-mix(in srgb, currentColor 8%, transparent); }
.date-entry-picker:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.date-entry-picker:disabled { opacity: .45; cursor: default; }
.cp-capture-page .date-entry > input[type="text"] { padding-inline-end: 3.25rem; }
.cp-capture-page .date-entry-picker { right: 0; width: 44px; height: 44px; }