.date-picker{position:relative;width:100%}.date-picker:focus-within .date-picker__icon-wrapper{color:var(--color-primary)}.date-picker__icon-wrapper{pointer-events:none;position:absolute;bottom:0;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:.75rem;color:var(--color-dark-grey);-webkit-transition:color .2s ease;transition:color .2s ease}.date-picker--icon-right .date-picker__icon-wrapper{left:auto;right:0;padding-left:0;padding-right:.75rem}.date-picker__icon{height:1.15rem;width:1.15rem}.date-picker__trigger{-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--color-border);cursor:pointer;padding:12px 2rem 12px 24px;text-align:left;-webkit-transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease;-webkit-appearance:none;height:2.8rem}.date-picker--icon-right .date-picker__trigger{padding-left:.875rem;padding-right:2.75rem}.date-picker__trigger.input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.date-picker__value{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}.date-picker__trigger.focus-visible.js-focus-visible,.date-picker__trigger:focus,.js-focus-visible .date-picker__trigger.focus-visible{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 1px var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.date-picker__trigger:focus,.date-picker__trigger:focus-visible{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 1px var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.date-picker__trigger[data-has-value=false] .date-picker__value{color:rgba(0,0,0,.8)}.date-picker__trigger[data-has-value=true] .date-picker__value{color:var(--color-black)}.date-picker__trigger:hover{border-color:rgba(138,24,34,.35)}.date-picker__content{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;-webkit-box-shadow:0 12px 36px rgba(0,0,0,.18);box-shadow:0 12px 36px rgba(0,0,0,.18);padding:.5rem;z-index:50}.date-picker__calendar{border:0;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.25rem;width:280px}.date-picker__calendar-months{width:100%}.date-picker__calendar-caption{color:var(--color-black);font-family:var(--font-body-bold);font-size:var(--font-size-sm);min-height:2.75rem;padding:0 2.25rem;position:relative}.date-picker__calendar-caption,.date-picker__calendar-dropdowns{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date-picker__calendar-dropdowns{gap:.375rem;width:100%}.date-picker__calendar-caption-label{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.date-picker__calendar-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);background-image:linear-gradient(45deg,transparent 50%,var(--color-dark-grey) 50%),linear-gradient(135deg,var(--color-dark-grey) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-black);font-family:var(--font-body);font-size:var(--font-size-xs);height:2rem;line-height:1.2;min-width:0;padding:0 1.7rem 0 .625rem;-webkit-transition:border-color .2s ease,background-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,background-color .2s ease,-webkit-box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,-webkit-box-shadow .2s ease}.date-picker__calendar-dropdown:hover{border-color:var(--color-dark-grey)}.date-picker__calendar-dropdown.focus-visible.js-focus-visible,.date-picker__calendar-dropdown:focus,.js-focus-visible .date-picker__calendar-dropdown.focus-visible{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 1px var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.date-picker__calendar-dropdown:focus,.date-picker__calendar-dropdown:focus-visible{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 1px var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.date-picker__calendar-months-dropdown{-webkit-box-flex:1;-ms-flex:1 1 58%;flex:1 1 58%}.date-picker__calendar-years-dropdown{-webkit-box-flex:1;-ms-flex:1 1 42%;flex:1 1 42%}.date-picker__calendar-nav{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.date-picker__calendar-nav-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;border-radius:9999px;color:var(--color-dark-grey);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;pointer-events:auto;position:absolute;top:.375rem;-webkit-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;width:2rem}.date-picker__calendar-nav-button--next{left:auto;right:0}.date-picker__calendar-nav-button:hover{background:var(--color-off-white);color:var(--color-black)}.date-picker__calendar-nav-button.focus-visible.js-focus-visible,.js-focus-visible .date-picker__calendar-nav-button.focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.date-picker__calendar-nav-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.date-picker__calendar-grid,.date-picker__calendar-weeks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.125rem}.date-picker__calendar-week,.date-picker__calendar-weekdays{display:-webkit-box;display:-ms-flexbox;display:flex}.date-picker__calendar-weekday{color:var(--color-dark-grey);font-family:var(--font-body-bold);font-size:var(--font-size-xxs);height:2rem;text-transform:uppercase;width:2.25rem}.date-picker__calendar-day,.date-picker__calendar-weekday{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date-picker__calendar-day{height:2.1rem;width:2.1rem}.date-picker__calendar-day-button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0;border-radius:9999px;color:var(--color-black);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--font-body);font-size:var(--font-size-xs);height:1.95rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease;width:1.95rem}.date-picker__calendar-day-button:hover{background:var(--color-off-white)}.date-picker__calendar-day-button.focus-visible.js-focus-visible,.js-focus-visible .date-picker__calendar-day-button.focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.date-picker__calendar-day-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.date-picker__calendar-day[data-selected=true] .date-picker__calendar-day-button{background:var(--color-primary);color:var(--color-white);font-family:var(--font-body-bold)}.date-picker__calendar-day--disabled .date-picker__calendar-day-button,.date-picker__calendar-day--outside .date-picker__calendar-day-button{color:var(--color-light-grey)}.date-picker__content[data-state=open]{-webkit-animation:in .15s ease-out;animation:in .15s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.date-picker__content[data-state=closed]{-webkit-animation:out .15s ease-in;animation:out .15s ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes in{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes in{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}