.calc-date-picker{width:100%;position:relative}.calc-date-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.calc-date-trigger:hover{border-color:var(--color-hairline-strong)}.calc-date-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calc-date-value.is-placeholder{color:var(--color-mute)}.calc-date-icon{width:19px;height:19px;color:var(--color-mute);flex:none;display:inline-flex}.calc-date-icon svg,.calc-date-nav svg{width:100%;height:100%}.calc-date-popover{z-index:80;border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:16px;width:min(100%,330px);padding:14px;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 18px 50px #00000024}.dark .calc-date-popover{box-shadow:0 18px 50px #0000006b}.calc-date-head{grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.calc-date-title-controls{justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.calc-date-select{min-height:34px;color:var(--color-ink);font:inherit;letter-spacing:-.015em;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:.92rem;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.calc-date-select:hover,.calc-date-select[aria-expanded=true]{background:var(--color-canvas-soft-2);color:var(--color-link)}.calc-date-select svg{flex:none;width:14px;height:14px}.calc-date-year-select{color:var(--color-mute);font-weight:650}.calc-date-year-select:hover,.calc-date-year-select[aria-expanded=true]{color:var(--color-link)}.calc-date-menu{z-index:3;border:1px solid var(--color-hairline);background:var(--color-canvas-soft);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:220px;margin:0 1px 10px;padding:5px;display:grid;position:relative;overflow-y:auto}.calc-date-year-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.calc-date-menu-item{min-height:34px;color:var(--color-body);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 5px;font-size:.75rem;font-weight:600;transition:background-color .12s,color .12s}.calc-date-menu-item:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.calc-date-menu-item.is-active{color:#fff;background:#1a85ff;font-weight:700}.calc-date-menu-item.is-active:hover{color:#fff;background:#1478e8}.calc-date-nav{width:36px;height:36px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:9px;transition:background-color .15s,color .15s;display:inline-flex}.calc-date-nav:hover{background:var(--color-canvas-soft-2);color:var(--color-link)}.calc-date-weekdays,.calc-date-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.calc-date-weekdays{margin-bottom:5px}.calc-date-weekdays span{text-align:center;color:var(--color-mute);font-size:.68rem;font-weight:700}.calc-date-day{aspect-ratio:1;width:100%;min-height:34px;color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:.78rem;transition:background-color .12s,color .12s,box-shadow .12s;display:inline-flex}.calc-date-day:hover{background:var(--color-canvas-soft-2)}.calc-date-day.is-muted{color:var(--color-mute);opacity:.55}.calc-date-day.is-today{box-shadow:inset 0 0 0 1px var(--color-link)}.calc-date-day.is-selected{color:#fff;box-shadow:none;background:#1a85ff;font-weight:700}.calc-date-day.is-selected:hover{background:#1478e8}.calc-date-actions{border-top:1px solid var(--color-hairline);justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;display:flex}.calc-date-action{min-height:34px;color:var(--color-body);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px;font-size:.75rem;font-weight:650}.calc-date-action:hover{background:var(--color-canvas-soft-2);color:var(--color-ink)}.calc-date-action-primary{color:var(--color-link)}.calc-date-action-primary:hover{color:var(--color-link-deep)}@media (width<=760px){.calc-date-popover{width:min(100%,320px)}.calc-date-day{min-height:32px}}