.ord-datepicker-wrap{position:relative;display:inline-block;width:100%}.ord-datepicker-input-group{display:flex;align-items:center;gap:0}.ord-datepicker-input{flex:1 1 0;min-width:0;border:1px solid var(--color-base-300);border-radius:.375rem 0 0 .375rem;padding:.375rem .5rem;font-size:.875rem;line-height:1.4;background:var(--color-base-100);color:var(--color-base-content);cursor:text}.ord-datepicker-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.ord-datepicker-time{flex:0 0 5.5rem;width:5.5rem;border:1px solid var(--color-base-300);border-left:0;padding:.375rem .5rem;font-size:.875rem;line-height:1.4;background:var(--color-base-100);color:var(--color-base-content)}.ord-datepicker-time:focus{outline:none;border-color:var(--color-primary)}.ord-datepicker-btn{flex:0 0 auto;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-base-300);border-left:0;border-radius:0 .375rem .375rem 0;padding:.375rem .5rem;background:var(--color-base-100);color:var(--color-base-content);opacity:.5;cursor:pointer;transition:color .15s,opacity .15s}.ord-datepicker-btn:hover{color:var(--color-primary);opacity:1}.ord-datepicker-btn .material-symbols-outlined{font-size:18px}.ord-datepicker-popover{position:absolute;top:100%;left:0;z-index:1060;margin-top:4px;border-radius:.375rem;box-shadow:0 4px 24px #0000001f;border:1px solid var(--color-base-300);background:var(--color-base-100);padding:.5rem}.ord-datepicker-popover:popover-open{position:fixed;inset:auto;margin:0;width:auto;height:auto;max-width:none;max-height:none;overflow:visible;border:1px solid var(--color-base-300);padding:.5rem;color:var(--color-base-content);background:var(--color-base-100)}calendar-date,calendar-range{--cally-primary: var(--color-primary);--cally-primary-text: var(--color-primary-content);display:block;background:var(--color-base-100);color:var(--color-base-content)}calendar-month{display:block}calendar-date::part(button),calendar-range::part(button){border:none;background:transparent;border-radius:.25rem;cursor:pointer;color:var(--color-base-content);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:background .15s}calendar-date::part(button):hover,calendar-range::part(button):hover{background:var(--color-base-200)}calendar-date::part(heading),calendar-range::part(heading){font-weight:600;font-size:.875rem;color:var(--color-base-content)}.ord-fg-date-field{position:relative}.ord-fg-date-field .ord-datepicker-wrap{width:100%}.ord-fg-date-field .ord-datepicker-input{font-size:.8125rem;padding:.25rem .4rem}.ord-fg-date-field .ord-datepicker-btn{padding:.25rem .4rem}.ord-fg-date-field .ord-datepicker-btn .material-symbols-outlined{font-size:16px}input[data-ord-datepicker]{font-size:.8125rem;padding:.3rem .5rem;line-height:1.4}@media(prefers-reduced-motion:reduce){.ord-datepicker-popover{animation:none!important;transition:none!important}}