.cal{--cal-cell-size:2.75rem;--cal-day-radius:.375rem;--cal-range-height:2rem;--cal-panel-radius:.75rem;background:var(--color-white);border-radius:var(--cal-panel-radius);padding:var(--spacing-xl);font-family:var(--font-primary);-webkit-user-select:none;user-select:none;flex-direction:column;display:inline-flex;box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000d}.cal__header{justify-content:space-between;align-items:center;display:flex}.cal__nav-btn{cursor:pointer;color:var(--color-primary);padding:var(--spacing-xs);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:background .15s;display:flex}.cal__nav-btn:hover{background:var(--color-neutral-90)}.cal__nav-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cal__title-btn{cursor:pointer;color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);background:0 0;border:none;border-radius:.25rem;transition:background .15s}.cal__title-btn:hover{background:var(--color-neutral-90)}.cal__title-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cal__weekdays{grid-template-columns:repeat(7, var(--cal-cell-size));display:grid}.cal__weekday{text-align:center;color:var(--color-neutral-40)}.cal__divider{background:var(--color-neutral-90);height:.0625rem;margin-bottom:var(--spacing-xs)}.cal__grid{grid-template-columns:repeat(7, var(--cal-cell-size));display:grid}.cal__day-cell{height:var(--cal-cell-size);justify-content:center;align-items:center;display:flex;position:relative}.cal__day-cell:before{content:"";height:var(--cal-range-height);pointer-events:none;z-index:0;background:0 0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.cal__day-cell--in-range:before{background:var(--color-neutral-90)}.cal__day-cell--range-start:before{background:var(--color-neutral-90);left:50%}.cal__day-cell--range-end:before{background:var(--color-neutral-90);right:50%}.cal__day-cell--range-start.cal__day-cell--range-end:before{background:0 0}.cal__day-btn{z-index:1;width:calc(var(--cal-cell-size) - .25rem);height:calc(var(--cal-cell-size) - .25rem);border-radius:var(--cal-day-radius);color:var(--color-neutral-10);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex;position:relative}.cal__day-btn:hover{background:var(--color-neutral-90)}.cal__day-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cal__day-cell--other .cal__day-btn{color:var(--color-neutral-60)}.cal__day-cell--today .cal__day-btn{font-weight:700}.cal__day-cell--selected .cal__day-btn{background:var(--color-primary);color:var(--color-white);font-weight:700}.cal__day-cell--selected .cal__day-btn:hover{background:var(--color-primary-black-20)}.cal__day-cell--range-start .cal__day-btn,.cal__day-cell--range-end .cal__day-btn{background:var(--color-primary);color:var(--color-white);font-weight:700}.cal__day-cell--range-start .cal__day-btn:hover,.cal__day-cell--range-end .cal__day-btn:hover{background:var(--color-primary-black-20)}.cal__day-cell--in-range .cal__day-btn{color:var(--color-neutral-10);background:0 0}.cal__day-cell--in-range .cal__day-btn:hover{background:var(--color-neutral-80)}.cal__pick-grid{gap:var(--spacing-sm);padding-top:var(--spacing-md);min-width:calc(var(--cal-cell-size) * 7);grid-template-columns:repeat(4,1fr);display:grid}.cal__pick-btn{padding:var(--spacing-md) var(--spacing-sm);color:var(--color-neutral-10);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:.375rem;transition:background .1s}.cal__pick-btn:hover{background:var(--color-neutral-90)}.cal__pick-btn--selected{background:var(--color-primary);color:var(--color-white);font-weight:700}.cal__pick-btn--selected:hover{background:var(--color-primary-black-20)}.cal__pick-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.date-picker{--dp-height:3rem;--dp-radius:.375rem;--dp-border-width:1px;--dp-border-focus:2px;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex;position:relative}.date-picker__label-row{align-items:center;gap:var(--spacing-xs);display:flex}.date-picker__label{cursor:default}.date-picker__required{color:var(--color-neutral-10)}.date-picker__tooltip-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s;display:inline-flex}.date-picker__tooltip-btn:hover{color:var(--color-primary-40)}.date-picker__tooltip-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:.125rem}.date-picker__trigger{width:100%;height:var(--dp-height);padding:0 var(--spacing-lg);background:var(--color-white);border-radius:var(--dp-radius);box-shadow:0 0 0 var(--dp-border-width) var(--color-neutral-80);color:var(--color-neutral-10);justify-content:space-between;align-items:center;gap:var(--spacing-sm);cursor:pointer;box-sizing:border-box;text-align:left;border:none;outline:none;transition:box-shadow .15s,background .15s;display:flex}.date-picker__trigger:hover:not(:disabled),.date-picker__trigger:focus-visible,.date-picker--open .date-picker__trigger{box-shadow:0 0 0 var(--dp-border-focus) var(--color-neutral-10)}.date-picker__value{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:1;overflow:hidden}.date-picker__value--placeholder{color:var(--color-neutral-50)}.date-picker__icon{color:var(--color-accent-green);flex-shrink:0;align-items:center;transition:color .15s;display:flex}.date-picker__trigger:hover:not(:disabled) .date-picker__icon,.date-picker--open .date-picker__icon{color:var(--color-primary)}.date-picker--disabled .date-picker__trigger{background:var(--color-neutral-90);box-shadow:none;cursor:not-allowed;color:var(--color-neutral-50)}.date-picker--disabled .date-picker__icon{color:var(--color-neutral-60)}.date-picker--error .date-picker__trigger{box-shadow:0 0 0 var(--dp-border-width) var(--color-feedback-red)}.date-picker--error .date-picker__trigger:hover:not(:disabled){box-shadow:0 0 0 var(--dp-border-focus) var(--color-neutral-10)}.date-picker__dropdown{z-index:9999;position:fixed}.date-picker__helper{color:var(--color-neutral-50)}.date-picker__error{color:var(--color-feedback-red)}
