.datepicker[data-v-871130bb]{display:flex;flex-direction:column;font-size:14px;font-weight:700;margin:12px 16px 16px;min-height:250px;text-align:center}@media (max-width:768px){.datepicker[data-v-871130bb]{margin:6px 8px 8px}}.datepicker .header[data-v-871130bb]{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:0 8px 8px}.datepicker .header .btn[data-v-871130bb]{height:32px;min-height:32px}.datepicker .header .btn.next[data-v-871130bb],.datepicker .header .btn.prev[data-v-871130bb]{color:var(--color-gray-600);min-width:32px;width:32px}.datepicker .header .btn.next .icon[data-v-871130bb]{transform:rotate(180deg)}.datepicker .header .action-btn[data-v-871130bb]{color:var(--color-blue-500);padding:8px 6px;text-decoration:underline;text-decoration-color:rgba(var(--color-blue-500-rgb),.5);text-decoration-thickness:1px;text-transform:capitalize;text-underline-offset:2px}.datepicker .header .action-btn[data-v-871130bb]:hover{background-color:var(--color-blue-100);color:var(--color-blue-700)}.datepicker .header .action-btn.active[data-v-871130bb]{background-color:var(--color-gray-100);color:var(--color-blue-500)}.datepicker .grid[data-v-871130bb]{align-content:center;align-items:center;display:grid;flex:1;min-height:180px;min-width:250px}.datepicker .grid.day-grid[data-v-871130bb]{align-content:center;gap:4px;grid-template-columns:repeat(7,32px);justify-content:center;margin:auto;place-content:center;width:-moz-fit-content;width:fit-content}.datepicker .grid.day-grid[data-v-871130bb]>*{height:32px;line-height:14px}.datepicker .grid.day-grid .days-header[data-v-871130bb]{align-items:center;aspect-ratio:1;color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);font-weight:400;height:32px;justify-content:center;line-height:14px;text-transform:capitalize}.datepicker .grid.additional-grid[data-v-871130bb]{align-content:center;gap:4px;grid-template-columns:repeat(4,48px);justify-content:center;margin:auto;place-content:center;width:-moz-fit-content;width:fit-content}.datepicker .grid.additional-grid button[data-v-871130bb]{color:var(--color-gray-800);font-size:var(--font-size-sm);height:48px;max-height:48px;max-width:48px;padding:0;text-transform:capitalize;width:48px}.datepicker .grid.additional-grid button[data-v-871130bb]:focus,.datepicker .grid.additional-grid button[data-v-871130bb]:hover:not([disabled]){background-color:var(--color-gray-100);color:var(--color-blue-500)!important}.datepicker .grid.additional-grid button:focus span[data-v-871130bb],.datepicker .grid.additional-grid button:hover:not([disabled]) span[data-v-871130bb]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.datepicker button[data-v-871130bb]{align-items:center;-webkit-appearance:button;-moz-appearance:button;appearance:button;aspect-ratio:1;background-color:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:700;justify-content:center;line-height:1;outline:none;outline-style:none;position:relative}.datepicker button.leading[data-v-871130bb],.datepicker button.trailing[data-v-871130bb]{color:var(--color-gray-400);font-weight:400}.datepicker button.today[data-v-871130bb]{color:var(--color-blue-500)}.datepicker button[data-v-871130bb]:focus,.datepicker button[data-v-871130bb]:hover:not([disabled]){background-color:var(--color-gray-100);color:var(--color-blue-500)}.datepicker button:focus span[data-v-871130bb],.datepicker button:hover:not([disabled]) span[data-v-871130bb]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.datepicker button[data-v-871130bb]:focus-visible:not([disabled]){background-color:var(--color-gray-100);color:var(--color-blue-500);outline:2px solid var(--color-blue-200);outline-offset:-2px}.datepicker button:focus-visible:not([disabled]) span[data-v-871130bb]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.datepicker button.selected[data-v-871130bb]{background-color:var(--color-blue-500);color:var(--color-white)!important}.datepicker button[disabled][data-v-871130bb]{background-color:var(--color-blue-50);color:var(--color-gray-400);cursor:not-allowed}.date-picker-menu{border:1px solid var(--color-gray-200)}.date-field[data-v-11b66b52]{min-width:130px}.date-field .btn[data-v-11b66b52]{color:var(--color-blue-500);cursor:pointer;display:flex;opacity:1}.no-pointer[data-v-11b66b52]{pointer-events:none}