.date-field--wrapper{width:100%;position:relative}.date-field--display{align-items:center;gap:.25rem;width:auto;padding:.375rem .5rem;display:inline-flex;position:relative}.date-field--display.disabled{opacity:1;background-color:#e9ecef}.date-field-input{text-align:center;background:0 0;border:none;outline:none;flex:0 auto;width:4ch;min-width:2ch}.date-field-input-year{text-align:center;background:0 0;border:none;outline:none;flex:0 auto;width:5ch;min-width:4ch}.date-field-input-year::placeholder,.date-field-input::placeholder{color:#ccc;font-style:italic}.date-field--display.is-invalid{background-image:none!important;padding-right:0!important}.calendar-btn{cursor:pointer;background:0 0;border:none;flex:none;padding:0 .25rem;line-height:1}.calendar-btn:disabled{cursor:default}.date-field-btn{color:inherit;background:0 0;border:1px solid #ebeff1;border-radius:4px;padding:4px;font-weight:400}.date-field-btn.selected{color:#fff;background:#df591d;border-color:#df591d}.date-field-btn:not(.selected):hover{color:#fff;background:#b3b3b3}.date-field-btn:disabled{cursor:default;background:0 0;border:none}.date-field-grid{gap:6px;margin-top:16px;display:grid}.date-field-years-header{justify-content:space-between;align-items:center;font-weight:700;display:flex}.date-field-years-header .chevron-spacer{width:24px}.date-field-years-header svg{cursor:pointer}.date-field-popover-header{font-weight:700}.date-field-popover-subheader{color:#666;margin-bottom:6px;font-size:12px}.date-field-weekdays{text-align:center;color:#666;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:16px;margin-bottom:-10px;font-size:12px;font-weight:700;display:grid}.date-field--overlay{min-width:480px;max-width:none;padding:12px}.date-field-years-footer{justify-content:space-between;margin-top:18px;display:flex}.footer-link{color:#df591d;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.footer-link:hover{text-decoration:underline}