.sf-daterangepicker .sf-calendar {
  border: none;
}
.sf-daterangepicker.sf-popup {
  background: rgba(var(--sf-color-surface));
  border: 1px solid rgba(var(--sf-color-outline-variant));
  border-radius: var(--sf-radius-8);
  box-shadow: rgba(var(--sf-elevation-2));
}
.sf-daterangepicker-header,
.sf-daterangepicker-tab {
  padding: var(--sf-spacing-16);
  color: rgba(var(--sf-color-on-surface));
  background: rgba(var(--sf-color-surface));
}
.sf-daterangepicker-tab {
  display: flex;
  justify-content: space-between;
}
.sf-daterange-selected-days {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: rgba(var(--sf-color-on-surface-variant));
  background: rgba(var(--sf-color-surface));
}
.sf-daterange-label {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--sf-spacing-12);
  text-align: center;
  line-height: var(--sf-letter-spacing-wide);
  font-weight: var(--sf-font-weight-medium);
}
.sf-date-range-container {
  float: inline-start;
}
.sf-daterangepicker-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--sf-spacing-12);
  padding: var(--sf-spacing-12) var(--sf-spacing-12);
  clear: both;
  background: rgba(var(--sf-color-surface));
}
.sf-picker-popup .sf-daterangepicker-footer {
  justify-content: space-between;
}
.sf-preset .sf-date-range-container {
  border-inline-end: 1px solid rgba(var(--sf-color-outline-variant));
}
.sf-preset .sf-daterangepicker-footer {
  border-top: 1px solid rgba(var(--sf-color-outline-variant));
}