/* Card 10500831703 round 5 (Nathan's Loom): the site forms' date picker (js/sites/datepicker.js) and the sent state.
   Linked by the form partials themselves, so Sunburst and Centennial both get it. */
.sb-form .date-wrap{position:relative}
.sb-form .date-wrap.is-open{z-index:40}
.sb-cal{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:296px;max-width:calc(100vw - 32px);background:#fff;color:var(--ink,#1d2433);border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.18);padding:12px;font-size:15px;line-height:1.2;text-align:center}
.sb-cal[hidden]{display:none}
.sb-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sb-cal-title{font-weight:600;font-size:16px;letter-spacing:0;text-transform:none}
.sb-cal button{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;font:inherit;color:inherit;cursor:pointer;box-shadow:none;min-width:0;min-height:0;letter-spacing:0;text-transform:none}
.sb-cal .sb-cal-nav{width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
/* Beats the field's own icon rule (body.p-check-availability .date-wrap svg / .sb-form .date-wrap svg: absolute, right). */
body .sb-form .date-wrap .sb-cal .sb-cal-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;position:static;right:auto;top:auto;transform:none;pointer-events:none}
.sb-cal .sb-cal-nav:hover:not([disabled]){background:var(--tint,#eef2f7)}
.sb-cal .sb-cal-nav[disabled]{opacity:.3;cursor:default}
.sb-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.sb-cal-dow{font-size:12px;font-weight:600;opacity:.6;padding:4px 0}
.sb-cal .sb-cal-day{height:36px;padding:0;border-radius:6px}
.sb-cal .sb-cal-day:hover:not([disabled]),.sb-cal .sb-cal-day:focus-visible{background:var(--tint,#eef2f7);outline:none}
.sb-cal .sb-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--primary,#1f4e8c)}
.sb-cal .sb-cal-day.is-chosen{background:var(--primary,#1f4e8c);color:#fff}
.sb-cal .sb-cal-day[disabled]{opacity:.3;cursor:default}
/* The sent state: the form is gone, the thank-you message is all that is left (and is focused, so no focus ring). */
.sb-form.is-sent .site-flash{margin-bottom:0}
.sb-form .site-flash:focus{outline:none}