.dd{grid-column:1/-1;gap:8px;width:100%;min-width:0;display:grid;position:relative}.dd-label{color:#3a1d1d;font-size:14px;font-weight:700}.dd-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.dd .dd-chip{color:#3a1d1d;width:100%;min-height:64px;font:inherit;cursor:pointer;background:#f4f0ee;border:1px solid #ece4e0;border-radius:12px;align-content:center;justify-items:center;gap:2px;padding:8px 6px;transition:background .15s,border-color .15s,transform .1s;display:grid}.dd .dd-chip span{font-size:14px}.dd .dd-chip strong{font-size:15px;font-weight:700}.dd .dd-chip:hover:not(:disabled){background:#fbf6f2;border-color:#c9a9a0}.dd .dd-chip:active:not(:disabled){transform:translateY(1px)}.dd .dd-chip[data-on=true]{color:#fff;background:#4c0000;border-color:#4c0000}.dd .dd-chip:disabled{opacity:.55;cursor:default}.dd .dd-chip:focus-visible,.dd .dd-day:focus-visible{outline-offset:2px;outline:2px solid #4c0000}.dd-calendar svg{color:#5b4a4f}.dd-popover{z-index:30;background:#fff;border:1px solid #efe2d9;border-radius:16px;width:min(320px,100%);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #4c000029}.dd-month{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dd-month strong{color:#3a1d1d;font-size:15px}.dd .dd-month button{color:#4c0000;cursor:pointer;background:#fff;border:1px solid #e3d2c5;border-radius:10px;width:34px;height:34px;min-height:0;padding:0;font-size:18px}.dd .dd-month button:disabled{opacity:.35;cursor:default}.dd-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dd-weekday{text-align:center;color:#7a6262;padding-bottom:2px;font-size:11px;font-weight:700}.dd .dd-day{color:#3a1d1d;height:36px;min-height:0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;font-size:14px}.dd .dd-day:hover:not(:disabled){background:#fbf3ef}.dd .dd-day[data-today=true]{font-weight:800;box-shadow:inset 0 0 0 1px #c9a9a0}.dd .dd-day[data-on=true]{color:#fff;background:#4c0000}.dd .dd-day:disabled{color:#c4b8b6;cursor:default}@media (max-width:420px){.dd .dd-chip span{font-size:12px}.dd .dd-chip strong{font-size:13px}}