.date-field-panel{padding:0;width:22.25rem}.date-field-calendar{padding:12px;font-variant-numeric:tabular-nums}.date-range-picker__grid,.date-range-picker__weekdays{display:grid;grid-template-columns:repeat(7,minmax(44px,1fr))}.date-range-picker__weekdays{color:var(--color-muted);font:600 12px/32px var(--font-body);text-align:center}.date-range-picker__day{position:relative;display:grid;place-items:center;isolation:isolate;min-width:44px;min-height:44px;aspect-ratio:1;color:var(--color-ink-2);font:500 14px/1 var(--font-body);border-radius:var(--radius-md)}.date-range-picker__number{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md)}.date-range-picker__day.is-band{background:var(--color-signal-soft);border-radius:0}.date-range-picker__day.is-range-start .date-range-picker__number{background:var(--color-signal-soft);color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink);font-weight:700}.date-range-picker__day.is-unavailable{color:var(--color-neutral);cursor:not-allowed}.date-range-picker__day[aria-current=date] .date-range-picker__number:after{content:"";position:absolute;bottom:7px;width:4px;height:4px;border-radius:var(--radius-pill);background:var(--color-ink)}@media (hover:hover) and (pointer:fine){.date-range-picker__day:hover:not(.is-unavailable):not(.is-range-start) .date-range-picker__number{background:var(--color-paper-2)}}@media (max-width:767px){.date-field-panel{width:100%}.date-field-calendar{padding:16px}}@media (max-width:339px){.date-field-calendar{padding-inline:6px}}.date-field-calendar>:last-child{position:sticky;bottom:0;background:var(--color-surface-raised)}