.add-task-due-date-field{--add-task-due-date-panel-width:320px;--add-task-due-date-panel-gap:var(--space-xs);--add-task-due-date-panel-estimated-height:380px;position:relative;width:100%}.add-task-due-date-field--open{z-index:var(--z-overlay,900)}.add-task-due-date-field__input,.add-task-due-date-field__input input{cursor:pointer}.add-task-due-date-field__input ::v-deep .v-input__append-inner{margin-top:0;align-self:center;padding-left:var(--space-2xs,4px)}.add-task-due-date-field__calendar-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.add-task-due-date-field__calendar-icon{display:block;width:16px;height:16px;opacity:.55;filter:brightness(0)}.add-task-due-date-field__panel{background:var(--grey-white,#fff);border-radius:var(--radius-sm,8px);box-shadow:0 4px 16px rgba(5,5,6,.16);overflow:hidden}.add-task-due-date-field__panel--top{box-shadow:0 -4px 16px rgba(5,5,6,.16)}.add-task-due-date-field__header{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;padding:var(--space-sm,12px) var(--space-md,16px);background:var(--color-primary-base,#193541);color:var(--grey-white,#fff)}.add-task-due-date-field__header-title{font-size:var(--font-size-sm,16px);font-weight:var(--font-weight-semibold,600);line-height:var(--line-height-md,24px)}.add-task-due-date-field__header-nav{display:inline-flex;align-items:center;gap:var(--space-2xs,4px)}.add-task-due-date-field__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:var(--radius-sm,8px);background:transparent;cursor:pointer;color:var(--grey-white,#fff)}.add-task-due-date-field__nav-btn .v-icon{color:var(--grey-white,#fff)!important}.add-task-due-date-field__nav-btn .add-task-due-date-field__nav-icon.v-icon{font-size:var(--font-size-md)!important}.add-task-due-date-field__nav-btn:hover{background:hsla(0,0%,100%,.12)}.add-task-due-date-field__calendar{width:100%;box-shadow:none!important;border-radius:0!important}.add-task-due-date-field__calendar ::v-deep .v-picker__body{width:100%!important}.add-task-due-date-field__calendar ::v-deep .v-date-picker-table th{font-weight:var(--font-weight-semibold,600);color:var(--grey-700,#4b5563)}.add-task-due-date-field__calendar ::v-deep .v-date-picker-table--date .v-btn.v-btn--active{background-color:var(--color-primary-base,#193541)!important;border-color:var(--color-primary-base,#193541)!important;color:var(--grey-white,#fff)!important}.add-task-due-date-field__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs,8px);padding:var(--space-sm,12px) var(--space-md,16px);border-top:1px solid var(--grey-200,#e5e5e5);background:var(--grey-white,#fff)}.add-task-due-date-field__cancel-btn{text-transform:none!important}.add-task-due-date-field__save-btn{text-transform:none!important;background-color:var(--color-primary-base,#193541)!important;color:var(--grey-white,#fff)!important}.add-task-due-date-field .v-input__append-inner{margin:auto!important;align-self:center}