.dp-root{--_dp-font: var(--dp-font, inherit);--_dp-bg: var(--dp-bg, oklch(.21 .006 285.89));--_dp-elevated: var(--dp-elevated, oklch(.274 .006 286.03));--_dp-text: var(--dp-text, oklch(.967 .001 286.38));--_dp-text-secondary: var(--dp-text-secondary, oklch(.788 .01 286.18));--_dp-text-muted: var(--dp-text-muted, oklch(.553 .016 285.94));--_dp-text-disabled: var(--dp-text-disabled, oklch(.366 .014 285.79));--_dp-border: var(--dp-border, oklch(.274 .006 286.03));--_dp-border-muted: var(--dp-border-muted, oklch(.366 .014 285.79));--_dp-primary: var(--dp-primary, oklch(.546 .245 262.88));--_dp-primary-fg: var(--dp-primary-fg, oklch(1 0 0));--_dp-primary-muted: var(--dp-primary-muted, oklch(.882 .059 254.13));--_dp-accent: var(--dp-accent, oklch(.623 .214 259.82));--_dp-ring: var(--dp-ring, oklch(.442 .017 285.79));--_dp-elevated-50: color-mix(in oklch, var(--_dp-elevated) 50%, transparent);--_dp-border-muted-50: color-mix(in oklch, var(--_dp-border-muted) 50%, transparent);--_dp-text-secondary-80: color-mix(in oklch, var(--_dp-text-secondary) 80%, transparent);--_dp-radius: .375rem;--_dp-radius-lg: .5rem;--_dp-transition: .15s ease;box-sizing:border-box;font-family:var(--_dp-font);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;*,*:before,*:after{box-sizing:inherit}}.dp-sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dp-container{inline-size:100%;min-inline-size:200px;padding:.75rem;border-radius:var(--_dp-radius-lg);border:1px solid var(--_dp-border);background:var(--_dp-bg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dp-input-wrapper{position:relative;margin-block-end:.75rem}.dp-input{display:block;inline-size:100%;padding-block:.375rem;padding-inline:.75rem;border-radius:var(--_dp-radius);border:1px solid var(--_dp-border-muted);background:var(--_dp-elevated);color:var(--_dp-text);font-family:inherit;font-size:.875rem;line-height:1.25rem;text-align:center;outline:none;transition:border-color var(--_dp-transition),box-shadow var(--_dp-transition);&::placeholder{color:var(--_dp-text-muted)}&:focus{border-color:var(--_dp-ring);box-shadow:0 0 0 1px var(--_dp-ring)}}.dp-clear-btn{position:absolute;inset-inline-end:.5rem;inset-block-start:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--_dp-text-muted);cursor:pointer;transition:color var(--_dp-transition);&:hover{color:var(--_dp-text-secondary)}}.dp-calendar-wrapper{margin-inline:auto;max-inline-size:340px;container-type:inline-size}.dp-calendar-inner{display:flex;flex-direction:column;font-size:clamp(10px,5cqi,14px)}.dp-weekday-row,.dp-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.14em}.dp-weekday-row{padding-block-end:.57em;border-block-end:1px solid var(--_dp-border)}.dp-weekday-label{font-size:.85em;font-weight:500;text-align:center;color:var(--_dp-text-muted)}.dp-scroll-wrapper{position:relative}.dp-scroll-area{block-size:18.2em;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.dp-week-row{inline-size:100%;&.dp-week-row--month-start{border-block-start:1px solid var(--_dp-border-muted-50)}}.dp-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;block-size:2.4em;inline-size:100%;padding:0;border:none;border-radius:.43em;background:transparent;font-family:inherit;font-size:inherit;outline:none;cursor:pointer;transition:opacity .2s,background-color var(--_dp-transition);&:is(.dp-cell--default,.dp-cell--today):hover{background:var(--_dp-elevated-50)}}.dp-cell--default{color:var(--_dp-text-secondary)}.dp-cell--today{color:var(--_dp-accent);font-weight:500}.dp-cell--selected{background:var(--_dp-primary);color:var(--_dp-primary-fg)}.dp-cell--disabled{color:var(--_dp-text-disabled);cursor:not-allowed}.dp-cell--dimmed{opacity:.4}.dp-cell-month{position:absolute;inset-block-start:.14em;font-size:.65em;line-height:1;transition:opacity .2s;&.dp-cell-month--visible{opacity:1}&.dp-cell-month--hidden{opacity:0}&.dp-cell-month--default{color:var(--_dp-text-muted)}&.dp-cell-month--selected{color:var(--_dp-primary-muted)}&.dp-cell-month--disabled{color:var(--_dp-text-disabled)}}.dp-cell-day{font-size:1em;line-height:1}.dp-month-overlay{position:absolute;inset-inline:0;inset-block-start:33%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .1s;&.dp-month-overlay--visible{opacity:1}}.dp-month-overlay-text{font-size:1.7em;font-weight:600;color:var(--_dp-text-secondary-80)}.dp-search-results{display:flex;flex-direction:column}.dp-search-empty{padding-block:2rem;font-size:.875rem;text-align:center;color:var(--_dp-text-muted)}.dp-search-item{display:flex;align-items:center;justify-content:space-between;padding-block:.5rem;padding-inline:.75rem;border:none;border-radius:var(--_dp-radius);background:transparent;font-family:inherit;font-size:.875rem;text-align:start;cursor:pointer;transition:background-color var(--_dp-transition),color var(--_dp-transition);&.dp-search-item--default{color:var(--_dp-text-secondary);&:hover{background:var(--_dp-elevated)}}&.dp-search-item--selected{background:var(--_dp-primary);color:var(--_dp-primary-fg)}&.dp-search-item--disabled{color:var(--_dp-text-disabled);cursor:not-allowed}}.dp-search-item-secondary{font-size:.75rem;&.dp-search-item-secondary--default{color:var(--_dp-text-muted)}&.dp-search-item-secondary--selected{color:var(--_dp-primary-muted)}&.dp-search-item-secondary--disabled{color:var(--_dp-text-disabled)}}.dp-clear-date-btn{display:block;inline-size:100%;margin-block-start:.75rem;padding-block:.25rem;padding-inline:.75rem;border:1px solid var(--_dp-border);border-radius:var(--_dp-radius);background:var(--_dp-elevated);color:var(--_dp-text-secondary);font-family:inherit;font-size:.875rem;cursor:pointer;transition:background-color var(--_dp-transition),color var(--_dp-transition);&:hover{background:var(--_dp-elevated-50);color:var(--_dp-text)}&:focus-visible{outline:none;border-color:var(--_dp-ring);box-shadow:0 0 0 1px var(--_dp-ring)}}