.naraya-datepicker{position:relative;display:inline-block;width:100%}.naraya-datepicker__trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.5rem;font-family:inherit;font-size:.875rem;color:rgb(var(--text-main));text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__trigger:hover{border-color:rgb(var(--border-main))}.naraya-datepicker__trigger:focus-visible{outline:0;border-color:rgb(var(--ring-focus));box-shadow:0 0 0 3px rgb(var(--ring-focus)/.2)}.naraya-datepicker__trigger-icon{flex-shrink:0;width:1rem;height:1rem;color:rgb(var(--text-muted))}.naraya-datepicker__trigger-text{flex:1}.naraya-datepicker__placeholder{color:rgb(var(--text-muted))}.naraya-datepicker__panel{position:absolute;top:calc(100% + .375rem);left:0;z-index:50;padding:.875rem;background-color:rgb(var(--bg-surface));border:1px solid rgb(var(--border-subtle));border-radius:.75rem;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-smooth),transform var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.naraya-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.naraya-datepicker__title{font-size:.875rem;font-weight:600;color:rgb(var(--text-main))}.naraya-datepicker__nav{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:transparent;border:0;border-radius:.375rem;color:rgb(var(--text-muted));cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__nav:hover{background-color:rgb(var(--color-secondary));color:rgb(var(--text-main))}.naraya-datepicker__nav svg{width:.875rem;height:.875rem}.naraya-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,2rem);gap:.125rem;margin-bottom:.25rem}.naraya-datepicker__weekday{text-align:center;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--text-muted));padding:.25rem 0}.naraya-datepicker__grid{display:grid;grid-template-columns:repeat(7,2rem);gap:.125rem}.naraya-datepicker__day{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-family:inherit;font-size:.8125rem;background-color:transparent;border:0;border-radius:.375rem;color:rgb(var(--text-main));cursor:pointer;transition:background-color var(--duration-fast) var(--easing-smooth)}.naraya-datepicker__day:hover:not(:disabled){background-color:rgb(var(--color-secondary))}.naraya-datepicker__day:disabled{cursor:not-allowed}.naraya-datepicker__day--outside,.naraya-datepicker__day:disabled{color:rgb(var(--text-muted));opacity:.4}.naraya-datepicker__day--today{font-weight:700;color:rgb(var(--color-primary))}.naraya-datepicker__day--selected{background-color:rgb(var(--color-primary))!important;color:rgb(var(--color-primary-content))}.naraya-datepicker__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.625rem;padding-top:.625rem;border-top:1px solid rgb(var(--border-subtle))}.naraya-datepicker__action{font-family:inherit;font-size:.8125rem;font-weight:500;padding:.25rem .5rem;background:transparent;border:0;border-radius:.375rem;color:rgb(var(--color-primary));cursor:pointer}.naraya-datepicker__action:hover{background-color:rgb(var(--color-primary)/.1)}