.school-desk-dp-field .react-datepicker-wrapper,.school-desk-dp-field .react-datepicker__input-container{width:100%}.school-desk-dp-field .react-datepicker__input-container input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='18' rx='3'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:2.5rem}.school-desk-dp-popper .react-datepicker{border:1px solid var(--border);background:var(--background);border-radius:18px;padding-bottom:4px;font-family:inherit;font-size:.875rem;overflow:hidden;box-shadow:0 22px 48px -20px #0f172a4d,0 6px 16px -8px #0f172a24}.school-desk-dp-popper .react-datepicker__triangle{display:none}.school-desk-dp-popper .react-datepicker__header{background:color-mix(in srgb, var(--primary) 6%, var(--background));border-bottom:1px solid var(--border);border-top-left-radius:18px;border-top-right-radius:18px;padding:14px 12px 8px}.school-desk-dp-popper .react-datepicker__current-month{color:var(--foreground);margin-bottom:8px;font-size:.95rem;font-weight:700}.school-desk-dp-popper .react-datepicker__header__dropdown{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.school-desk-dp-popper .react-datepicker__month-dropdown-container,.school-desk-dp-popper .react-datepicker__year-dropdown-container{margin:0}.school-desk-dp-popper .react-datepicker__header__dropdown select{appearance:auto;border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.school-desk-dp-popper .react-datepicker__header__dropdown select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent);outline:none}.school-desk-dp-popper .react-datepicker__navigation{border:1px solid var(--border);background:var(--background);border-radius:999px;width:30px;height:30px;top:12px}.school-desk-dp-popper .react-datepicker__navigation--previous{left:12px}.school-desk-dp-popper .react-datepicker__navigation--next{right:12px}.school-desk-dp-popper .react-datepicker__navigation:hover{border-color:var(--primary)}.school-desk-dp-popper .react-datepicker__navigation-icon{top:0}.school-desk-dp-popper .react-datepicker__navigation-icon:before{border-color:color-mix(in srgb, var(--foreground) 55%, transparent);border-width:2px 2px 0 0;width:7px;height:7px;top:10px}.school-desk-dp-popper .react-datepicker__navigation--previous .react-datepicker__navigation-icon:before{right:-3px}.school-desk-dp-popper .react-datepicker__navigation--next .react-datepicker__navigation-icon:before{left:-3px}.school-desk-dp-popper .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--primary)}.school-desk-dp-popper .react-datepicker__day-name{color:color-mix(in srgb, var(--foreground) 45%, transparent);letter-spacing:.06em;width:2.3rem;margin:.1rem;font-size:.65rem;font-weight:700;line-height:1.4rem}.school-desk-dp-popper .react-datepicker__month{margin:.4rem .5rem .5rem}.school-desk-dp-popper .react-datepicker__day{color:var(--foreground);border-radius:999px;width:2.3rem;margin:.1rem;line-height:2.3rem;transition:background-color .12s}.school-desk-dp-popper .react-datepicker__day:not([aria-disabled=true]):hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-radius:999px}.school-desk-dp-popper .react-datepicker__day--outside-month{color:color-mix(in srgb, var(--foreground) 30%, transparent)}.school-desk-dp-popper .react-datepicker__day--today{color:var(--primary);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--primary) 45%, transparent);font-weight:700}.school-desk-dp-popper .react-datepicker__day--keyboard-selected{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary)}.school-desk-dp-popper .react-datepicker__day--selected,.school-desk-dp-popper .react-datepicker__day--selected:not([aria-disabled=true]):hover{background:var(--primary);color:var(--primary-foreground,#fff);box-shadow:0 6px 14px -6px color-mix(in srgb, var(--primary) 70%, transparent);font-weight:700}.school-desk-dp-popper .react-datepicker__day--disabled{color:color-mix(in srgb, var(--foreground) 22%, transparent)}.school-desk-dp-popper .react-datepicker__time-container{border-left:1px solid var(--border)}.school-desk-dp-popper .react-datepicker__header--time{padding:14px 8px}.school-desk-dp-popper .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary)}.school-desk-dp-popper .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background:var(--primary);color:var(--primary-foreground,#fff);font-weight:700}