@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.bundle.scp.css';

/* _content/pharmacie-meeting-reservation/Components/DateSelector.razor.rz.scp.css */
.hours-title[b-yavhghlc2m] {
  padding: var(--spacingVerticalS) var(--spacingHorizontalS);
  font-weight: 600;
  width: 100%;
  height: calc(var(--calendar-cell-size) + 4 * var(--calendar-gap));
  text-align: center;
}

.hours[b-yavhghlc2m] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}

[b-yavhghlc2m] fluent-option[selected] {
  color: var(--calendar-selected-color);
  border: var(--calendar-selected-border);
  border-radius: var(--calendar-selected-border-radius);
  background: var(--calendar-selected-background);
}