.mwd-nl-date-picker{position:relative;width:100%}
.mwd-nl-date-picker>input{width:100%;padding-right:54px}
.mwd-nl-date-picker__button{position:absolute;right:12px;top:50%;width:36px;height:36px;border:0;border-radius:999px;background:transparent;cursor:pointer;transform:translateY(-50%);font-size:18px}
.mwd-nl-date-picker__panel{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(320px,calc(100vw - 32px));padding:16px;border:1px solid rgba(44,38,32,.14);border-radius:18px;background:#fffaf0;box-shadow:0 18px 50px rgba(44,38,32,.16)}
.mwd-nl-date-picker__head,.mwd-nl-date-picker__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mwd-nl-date-picker__head strong{font-size:.98rem;color:#2c2620;text-transform:capitalize}
.mwd-nl-date-picker__head button,.mwd-nl-date-picker__foot button,.mwd-nl-date-picker__days button{border:0;border-radius:999px;background:transparent;color:#2c2620;cursor:pointer;font:inherit}
.mwd-nl-date-picker__head button{width:34px;height:34px;font-size:24px}
.mwd-nl-date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0;text-align:center}
.mwd-nl-date-picker__days span,.mwd-nl-date-picker__days button{min-width:32px;height:32px;display:grid;place-items:center;font-size:.86rem}
.mwd-nl-date-picker__days span{color:#8f7f71}
.mwd-nl-date-picker__days button:hover,.mwd-nl-date-picker__days button:focus-visible{background:#f1e9d4;outline:none}
.mwd-nl-date-picker__days button.is-active{background:#b5623e;color:#fff}
.mwd-nl-date-picker__foot{justify-content:flex-end}
.mwd-nl-date-picker__foot button{padding:8px 12px;background:#f1e9d4;font-size:.86rem}