.reservation-date-picker{z-index:11;border:1px solid var(--reservation-gray,#e6e6e6);background:#fff;border-radius:5px;width:308px;max-width:calc(100vw - 32px);padding:12px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0002}.reservation-date-picker header{border-bottom:1px solid var(--reservation-gray,#e6e6e6);justify-content:space-between;align-items:center;gap:8px;margin:0 -12px 6px;padding:0 12px 10px;display:flex}.reservation-picker-navigation{align-items:center;gap:12px;display:flex}.reservation-picker-navigation strong{font-size:14px}.reservation-date-picker header button{border:1px solid var(--reservation-gray,#e6e6e6);border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.reservation-date-picker header .reservation-picker-close{background:var(--reservation-gray,#e6e6e6);border:0}.reservation-date-picker header .reservation-icon{flex-basis:12px;width:12px;height:12px}.reservation-date-picker>div{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.reservation-date-picker small{color:#555;padding:6px 0;font-size:12px}.reservation-date-picker small.is-weekend{color:#cc4141}.reservation-date-picker>div button{border-radius:2px;justify-self:center;width:24px;height:24px;font-size:12px}.reservation-date-picker>div button.is-selected{background:var(--reservation-gold,#fba503);font-weight:700}.reservation-date-picker>div button:not(:disabled):not(.is-selected):hover{background:var(--reservation-gold-soft,#fff6e6)}.reservation-date-picker .is-outside{color:#aaa;opacity:.35}