.prs-date {} .prs-cal { width: var(--prs-cal-width); background-color: var(--prs-c-white); box-shadow: inset 0 0 0 1px var(--prs-c-gray-300), 0 1px 3px rgb(0 0 0 / 0.2); border-radius: var(--prs-cal-radius); } .prs-cal calendar-month { padding: 0 0.5rem 0.5rem; gap: 0; } .prs-cal-header { padding: 0.5rem; display: flex; align-items: center; justify-content: space-between; } .prs-cal::part(container) { gap: 0; } .prs-cal::part(header) { padding: 0.5rem 0.5rem 0; } .prs-cal::part(heading) { font-weight: normal; font-size: 16px; } .prs-cal-prev,.prs-cal-next,.prs-cal::part(previous),.prs-cal::part(next) { padding: 0; border: 0 none; width: 2.125rem; height: 2.125rem; background: transparent; flex-shrink: 0; flex-grow: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: calc(var(--prs-cal-radius) * 2); transition-property: var(--prs-transition-property); transition-timing-function: var(--prs-transition-timing); transition-duration: var(--prs-transition-duration); } .prs-cal-prev:hover,.prs-cal-next:hover, .prs-cal::part(previous):hover,.prs-cal::part(next):hover { background-color: var(--prs-c-gray-100); color: var(--prs-c-gray-900); } .prs-cal-next { order: 3; } .prs-cal-week { display: flex; } .prs-cal ::part(heading) { color: var(--prs-c-gray-600); text-align: center; font-size: 0.875rem; } .prs-cal-week > span,.prs-cal ::part(th) { width: 2.125rem; height: 2.125rem; color: var(--prs-c-gray-600) !important; text-align: center; font-weight: normal; font-size: 0.75rem !important; line-height: 1rem !important; user-select: none; pointer-events: none; } .prs-cal-days { padding: 0.5rem; display: flex; flex-wrap: wrap; justify-content: start; } .prs-cal-day,.prs-cal ::part(day) { --cal-bdr: transparent; --cal-shd: transparent; appearance: none; border: 1px solid var(--cal-bdr); width: 2.125rem; height: 2.125rem; color: var(--prs-c-primary); font-size: 0.9375rem; font-family: var(--prs-ff-sans); font-variant-numeric: tabular-nums; line-height: normal; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; border-radius: calc(var(--prs-cal-radius) * 2); box-shadow: inset 0 0 0 1px var(--cal-shd); transition-property: var(--prs-transition-property); transition-timing-function: var(--prs-transition-timing); transition-duration: var(--prs-transition-duration); } .prs-cal ::part(day) { display: table-cell; } .prs-cal-day:hover,.prs-cal-day_hover,.prs-cal ::part(day):hover { background-color: var(--prs-c-primary-100); } .prs-cal-day:focus-visible,.prs-cal-day_focus,.prs-cal ::part(day):focus-visible { --cal-bdr: currentColor; background: transparent; outline: none; } .prs-cal-day_selected,.prs-cal ::part(selected) { --cal-bdr: var(--prs-c-white); --cal-shd: var(--prs-c-white); background-color: var(--prs-c-primary); color: var(--prs-c-white); } .prs-cal-day_selected:hover,.prs-cal ::part(selected):hover { --cal-bdr: var(--prs-c-primary-100); --cal-shd: var(--prs-c-primary-100); background-color: var(--prs-c-primary-600); } .prs-cal-day_selected:focus,.prs-cal ::part(selected):focus-visible { --cal-bdr: var(--prs-c-primary); --cal-shd: var(--prs-c-white); background-color: var(--prs-c-primary); } .prs-cal-day_today:after,.prs-cal ::part(today):after { width: 0.1875rem; height: 0.1875rem; background-color: currentColor; border-radius: var(--prs-radius-badge); position: absolute; left: 50%; bottom: 0.1875rem; transform: translateX(-50%); content: ''; } .prs-cal-day_disabled { color: var(--prs-c-gray); }