.date-field{position:relative}
.date-field input{height:54px !important;padding-right:48px}
.date-field.error label:has(~ .date-field-wrapper>input:focus),.date-field label:has(~ .date-field-wrapper>input:focus),.date-field.error .label:has(~ .date-field-wrapper>input:focus) label,.date-field .label:has(~ .date-field-wrapper>input:focus) label{color:var(--text-focus)}
.calendar-button{background:0;border:0;position:absolute;z-index:11;bottom:8px;right:9px;cursor:pointer;width:38px;height:38px;border-radius:40px;padding:0}
.calendar-button icon-close,.calendar-button icon-calendar{position:absolute;right:9px;bottom:8px}
.calendar-button icon-close svg,.calendar-button icon-calendar svg{pointer-events:none}
.calendar-button icon-close{right:7px;bottom:7px}
.calendar-button:focus-visible{border-radius:1px;outline:2px solid var(--line-tabFocus);outline-offset:2px;border-radius:38px}
.datepicker{position:absolute !important;z-index:999;width:100%;bottom:-54px;min-height:54px}
.datepicker-dialog{position:absolute;background-color:var(--surface-elevation);top:7px;box-shadow:0 4px 6px 0 #00000040;border-radius:4px}
.datepicker-dialog::before{content:"";width:14px;height:14px;background-color:var(--surface-elevation);position:absolute;transform:rotate(45deg);top:-7px;left:12px}
.datepicker-dialog .header{display:flex;justify-content:space-between;padding:15px 14px calc(8px / 2)}
.datepicker-dialog .header button{border-style:none;background:transparent}
.datepicker-dialog .header h2{font-size:1rem;order:2}
.datepicker-dialog .header .prev-month,.datepicker-dialog .header .next-month{padding:4px;width:24px;height:24px;cursor:pointer}
.datepicker-dialog .header .prev-month icon-arrow-up,.datepicker-dialog .header .next-month icon-arrow-up{width:11px;height:14px;margin-top:-1px;margin-left:2px}
.datepicker-dialog .header .prev-month icon-arrow-up:hover,.datepicker-dialog .header .next-month icon-arrow-up:hover{background:0}
.datepicker-dialog .header .prev-month:focus-visible,.datepicker-dialog .header .next-month:focus-visible{border-radius:1px;outline:2px solid var(--line-tabFocus);outline-offset:2px;border-radius:24px}
.datepicker-dialog .header .prev-month{order:1}
.datepicker-dialog .header .prev-month svg{transform:rotate(90deg)}
.datepicker-dialog .header .prev-month:hover icon-arrow-up{margin-left:-2px}
.datepicker-dialog .header .next-month{order:3}
.datepicker-dialog .header .next-month svg{transform:rotate(-90deg)}
.datepicker-dialog .header .next-month:hover icon-arrow-up{margin-left:6px}
.datepicker-dialog table.dates{width:280px;border:0;border-collapse:separate;margin:0}
.datepicker-dialog table.dates tr:first-of-type td{padding-top:6px}
.datepicker-dialog table.dates tr.spacer td{padding-bottom:14px}
.datepicker-dialog table.dates th,.datepicker-dialog table.dates td{text-align:center;line-height:1.5rem;width:36px;height:36px;outline:0}
.datepicker-dialog table.dates th:first-child,.datepicker-dialog table.dates td:first-child{padding-left:14px}
.datepicker-dialog table.dates th:last-child,.datepicker-dialog table.dates td:last-child{padding-right:14px}
.datepicker-dialog table.dates th{font-weight:400;padding-top:2px;border-bottom:1px solid var(--line-regularMedium)}
.datepicker-dialog table.dates td.spacer{height:7px}
.datepicker-dialog table.dates td span{display:flex;justify-content:center;align-items:center;height:32px;width:32px;border-radius:50%;border:1px solid transparent}
.datepicker-dialog table.dates td span:focus-visible{border-radius:1px;outline:2px solid var(--line-tabFocus);outline-offset:2px;border-radius:38px}
.datepicker-dialog table.dates td.today:not([tabindex="0"]) span{border:1px dotted var(--line-default)}
.datepicker-dialog table.dates td.disabled{color:var(--text-disabled)}
.datepicker-dialog table.dates td:not(.disabled) span{cursor:pointer}
.datepicker-dialog table.dates td:not(.disabled) span:hover{background:var(--overlay-regularLow)}
.datepicker-dialog table.dates td:not(.disabled) span:active{background:var(--overlay-regularHigh)}
.datepicker-dialog table.dates td[tabindex="0"] span{background:var(--surface-discoveryStatic) !important;color:var(--text-whiteStatic)}