@scope(.date-selector){:scope{border:none;width:fit-content;padding:0;display:inline-block;position:relative}.container{background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);align-items:center;gap:.25rem;width:fit-content;padding:.25rem;display:inline-flex}.nav{width:1.5rem;height:1.5rem;color:var(--muted-foreground);cursor:pointer;border-radius:var(--small-radius);background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:grid}.nav .icon-component{font-size:.875rem;line-height:0;display:block}.nav:hover{color:var(--foreground);background:var(--accent);border-color:var(--border)}.nav:active{background:var(--secondary)}.nav:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card{width:7rem;font:inherit;color:var(--foreground);cursor:pointer;border-radius:var(--small-radius);background:0 0;border:1px solid #0000;grid-template-rows:1.5rem;grid-template-columns:1fr;place-items:center;padding:0 .5rem;transition:background .15s,border-color .15s;display:grid}.card:hover{background:var(--accent);border-color:var(--border)}.card:active{background:var(--secondary)}.card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.card-wrapper{position:relative}.card-text{pointer-events:none;flex:none;grid-area:1/1;justify-content:center;align-items:center;gap:.375rem;min-width:0;line-height:1.25;display:flex}.card-day,.card-ddmm,.card-year{text-align:center;white-space:nowrap;font-size:.75rem}.card-day{color:var(--muted-foreground)}.card-ddmm{color:var(--foreground);font-weight:600}.card-year{color:var(--muted-foreground)}}.ds-native-input{opacity:0;position:absolute;top:-9999px;left:-9999px}@media (max-width:768px){.ds-native-input{cursor:pointer;width:100%;height:100%;inset:0}}.ds-popup{z-index:50;background:var(--card);border:1px solid var(--border);border-radius:var(--medium-radius);transform-origin:100% 0;flex-direction:column;width:min(320px,100vw - 2rem);animation:.15s ease-out ds-popup-enter;display:flex;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@keyframes ds-popup-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ds-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.ds-header-selects{align-items:center;gap:.375rem;display:flex}.ds-header-select{color:var(--foreground);cursor:pointer;border-radius:var(--small-radius);background:0 0;border:1px solid #0000;padding:.25rem .375rem;font-size:.8125rem;font-weight:500;transition:all .15s}.ds-header-select:hover{background:var(--accent);border-color:var(--border)}.ds-header-select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ds-header-arrows{align-items:center;gap:.125rem;display:flex}.ds-header-arrow{width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;border-radius:var(--small-radius);background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:color .15s,background .15s,border-color .15s;display:grid}.ds-header-arrow:hover{color:var(--foreground);background:var(--accent);border-color:var(--border)}.ds-header-arrow:active{background:var(--secondary)}.ds-header-arrow:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ds-quick-pills{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;gap:.25rem;padding:.375rem .75rem;display:flex}.ds-quick-pill{color:var(--muted-foreground);white-space:nowrap;cursor:pointer;border:1px solid var(--border);border-radius:var(--small-radius);background:0 0;flex:1;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;transition:all .15s}.ds-quick-pill:hover{color:var(--foreground);background:var(--accent)}.ds-quick-pill-primary{color:var(--foreground);flex:1.5;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.ds-calendar{padding:.5rem .75rem .75rem}.ds-calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:.25rem;display:grid}.ds-calendar-weekday{color:var(--muted-foreground);text-align:center;text-transform:uppercase;letter-spacing:.03em;padding:.25rem 0;font-size:.6875rem;font-weight:600}.ds-calendar-grid{grid-template-columns:repeat(7,1fr);gap:.125rem;display:grid}.ds-calendar-day{aspect-ratio:1;width:100%;color:var(--foreground);cursor:pointer;border-radius:var(--small-radius);background:0 0;border:1px solid #0000;place-items:center;padding:0;font-size:.75rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:grid}.ds-calendar-day:hover{background:var(--accent);border-color:var(--border)}.ds-calendar-day-outside{color:var(--muted-foreground);opacity:.4}.ds-calendar-day-outside:hover{opacity:.7}.ds-calendar-day-today{border-color:var(--muted-foreground);border-style:dashed}.ds-calendar-day-selected{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary);font-weight:600}.ds-calendar-day-selected:hover{background:var(--primary);border-color:var(--primary)}.ds-calendar-day-selected.ds-calendar-day-today{border-style:solid}.date-selector-loading{pointer-events:none;opacity:.5;animation:1.5s ease-in-out infinite ds-pulse}@keyframes ds-pulse{0%,to{opacity:.5}50%{opacity:.7}}