.k-dp{position:relative;font-family:var(--k-font);text-align:left}
.k-dp .wrap-in{position:relative}
.k-dp .cal-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:transparent;color:var(--k-ink-3);display:grid;place-items:center;cursor:pointer;border-radius:7px}
.k-dp .cal-btn:hover{background:var(--k-bg-soft);color:var(--k-ink)}
.k-dp-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:50;width:288px;background:var(--k-bg);border:1px solid var(--k-line);border-radius:14px;box-shadow:0 20px 44px -14px rgba(16,24,40,.22);padding:14px}
.k-dp-panel[hidden]{display:none}
.k-dp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.k-dp-h b{font-size:13.5px;font-weight:600;color:var(--k-ink)}
.k-dp-nav{width:29px;height:29px;border:1px solid var(--k-line);background:var(--k-bg);border-radius:8px;color:var(--k-ink-2);display:grid;place-items:center;cursor:pointer}
.k-dp-nav:hover{background:var(--k-bg-soft)}
.k-dp-wd{display:grid;grid-template-columns:repeat(7,1fr);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--k-ink-3);text-align:center;margin-bottom:5px}
.k-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.k-dp-day{height:34px;border:none;background:transparent;border-radius:9px;font:inherit;font-size:13px;color:var(--k-ink);cursor:pointer;position:relative;display:grid;place-items:center}
.k-dp-day:hover{background:var(--k-bg-soft)}
.k-dp-day.out{color:var(--k-ink-3);opacity:.45}
.k-dp-day.today::after{content:"";position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--k-core)}
.k-dp-day.sel{background:var(--k-ink);color:var(--k-bg);font-weight:600}
.k-dp-day:focus-visible{outline:2px solid var(--k-accent);outline-offset:-2px}