label[z-date-input]{position:relative;height:-moz-max-content;height:max-content}:where(label[z-date-input],*[z-theme=light] label[z-date-input],label[z-date-input][z-theme=light]){--zi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M7.5 2c.28 0 .5.22.5.5V7a.5.5 0 0 1-1 0V2.5c0-.28.22-.5.5-.5m9 0c.28 0 .5.22.5.5V7a.5.5 0 0 1-1 0V2.5c0-.28.22-.5.5-.5M4 11v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-6zm16-1V8a3 3 0 0 0-2-2.83V4.13A4 4 0 0 1 21 8v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V8a4 4 0 0 1 3-3.87v1.04A3 3 0 0 0 4 8v2zm-4.5 5.5a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM9 4h6v1H9zm6.5 12.5h2v1h-2z'/%3E%3C/svg%3E");--zi-name: "calendar-end:line"}label[z-date-input]>input:is([type=date],[type=datetime-local],[type=month],[type=week]){min-width:12rem}label[z-date-input]:after,label[z-date-input]>input::-webkit-calendar-picker-indicator{top:var(--zs-75)!important;right:var(--zs-100)!important}label[z-date-input][z-date-input^=line]{--_color: var(--_color--line)}label[z-date-input][z-date-input^=line]:after,label[z-date-input][z-date-input^=line] input::-webkit-calendar-picker-indicator{position:absolute;right:var(--zs-50);margin:0;padding:0}label[z-date-input][z-date-input^=line]>input:is(:hover,:focus){box-shadow:var(--zd-2)}@supports not selector(::-webkit-calendar-picker-indicator){label[z-date-input]:before{margin-top:-.6rem;background-color:var(--z-input--bg--shaped);border-radius:0 var(--zs-200) var(--zs-200) 0}}@supports not selector(::-webkit-calendar-picker-indicator){label[z-date-input^=line]:before{content:"";display:block;width:var(--zs-200);background-color:var(--z-bg);height:calc(100% - 5px);z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}}