.date-input__wrapper{align-items:center;width:100%;display:flex;position:relative}@media screen and (width>=768px){.date-input__wrapper{max-width:var(--input-width)}}.date-input__wrapper--error .date-input__native{border-color:var(--color-red)}.date-input__native{background-color:var(--color-white);border:.0625rem solid var(--color-green-dark);height:3.5rem;padding:var(--spacing);width:100%;font-size:inherit;color:inherit;align-items:center;font-family:inherit;display:flex}.date-input__native:focus{box-shadow:inset 0 0 0 .125rem var(--color-green-dark);outline:none}.date-input__native::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.date-input__native::-webkit-calendar-picker-indicator:hover{opacity:1}