.calendar-input{position:relative;display:flex;align-items:center;width:100%}
.calendar-input>input[type="text"]{width:100%;padding-right:2.9rem}
.calendar-open-button{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:2.15rem;height:2.15rem;padding:.4rem;border:0;border-radius:.55rem;background:transparent;color:var(--accent,#c84b9b);cursor:pointer}
.calendar-open-button:hover,.calendar-open-button:focus-visible{background:color-mix(in srgb,var(--accent,#c84b9b) 14%,transparent);outline:2px solid transparent}
.calendar-open-button svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.calendar-native-date{position:absolute;right:.5rem;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}