.date-filter {
  position: relative;
  border-bottom: 1px solid var(--Second-grey);
  display: flex;
  flex-direction: column;
}
.date-filter__field {
  position: relative;
}
.date-filter__field:hover .date-filter__button:after {
  border-top-color: var(--Pink);
}
.date-filter__button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 0 2.5rem 0 0;
  border: none;
  background: none;
}
.date-filter__button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--Text);
  margin-top: -3px;
  transition: 0.2s;
}
.date-filter__label {
  color: var(--Second-dark);
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-filter__chip {
  display: none;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  min-width: 0;
  max-width: 60%;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--Background-secondary);
  font-size: 12px;
  color: var(--Text);
}
.date-filter__chip.active {
  display: flex;
}
.date-filter__chip-date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-filter__chip-clear {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.05713 5L11.185 11.0418' stroke='%23161922' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1851 5L5.05722 11.0418' stroke='%23161922' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100%;
  cursor: pointer;
}
.dark-theme .date-filter__chip-clear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5.05713 5L11.185 11.0418' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1851 5L5.05722 11.0418' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.date-filter__trigger {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.date-filter__dropdown {
  display: none;
  min-width: 0;
  gap: 24px;
  margin: 16px 0;
  padding: 20px 12px 12px;
  border: 1px solid var(--Background-secondary);
  border-radius: 8px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .date-filter__dropdown {
    margin: 16px auto;
  }
}
@media (max-width: 567px) {
  .date-filter__dropdown {
    flex-direction: column;
  }
}
.date-filter.open .date-filter__button:after {
  border-top-width: 5px;
  border-top-color: transparent;
  border-bottom-width: 6px;
  border-bottom-color: var(--Text);
  margin-top: -9px;
}
.date-filter.open .date-filter__dropdown {
  display: flex;
}
@media (max-width: 767px) {
  .date-filter.open .date-filter__dropdown {
    display: inline-flex;
  }
}
.dc-calendar {
  flex: 1;
}
.dc-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 16px;
}
.dc-title {
  color: var(--Second-dark);
  font-size: 14px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}
.dc-calendar:first-child .dc-title {
  margin-right: 20%;
}
.dc-calendar + .dc-calendar .dc-title {
  margin-left: 20%;
}
.dc-nav {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: 0.2s;
}
.dc-nav:hover {
  transform: scale(1.2);
}
.dc-nav--single-left {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.39648 11.1484L1.85352 6.38672L1.41211 6.00781L1.85254 5.62891L7.39648 0.852539L7.00293 0.53418L0.598633 6.00781L7.00293 11.4668L7.39648 11.1484Z' fill='%23161922' stroke='%23161922'/%3E%3C/svg%3E");
  background-size: 8px 12px;
}
.dc-nav--double-left {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3965 11.1484L8.85352 6.38672L8.41211 6.00781L8.85254 5.62891L14.3965 0.852539L14.0029 0.53418L7.59863 6.00781L14.0029 11.4668L14.3965 11.1484Z' fill='%23161922' stroke='%23161922'/%3E%3Cpath d='M7.39648 11.1484L1.85352 6.38672L1.41211 6.00781L1.85254 5.62891L7.39648 0.852539L7.00293 0.53418L0.598633 6.00781L7.00293 11.4668L7.39648 11.1484Z' fill='%23161922' stroke='%23161922'/%3E%3C/svg%3E");
  background-size: 15px 12px;
}
.dc-nav--single-right {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.603516 0.851562L6.14648 5.61328L6.58789 5.99219L6.14746 6.37109L0.603516 11.1475L0.99707 11.4658L7.40137 5.99219L0.99707 0.533203L0.603516 0.851562Z' fill='%23161922' stroke='%23161922'/%3E%3C/svg%3E");
  background-size: 8px 12px;
}
.dc-nav--double-right {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.603516 0.851562L6.14648 5.61328L6.58789 5.99219L6.14746 6.37109L0.603516 11.1475L0.99707 11.4658L7.40137 5.99219L0.99707 0.533203L0.603516 0.851562Z' fill='%23161922' stroke='%23161922'/%3E%3Cpath d='M7.60352 0.851562L13.1465 5.61328L13.5879 5.99219L13.1475 6.37109L7.60352 11.1475L7.99707 11.4658L14.4014 5.99219L7.99707 0.533203L7.60352 0.851562Z' fill='%23161922' stroke='%23161922'/%3E%3C/svg%3E");
  background-size: 15px 12px;
}
.dark-theme .dc-nav--single-left {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.39648 11.1484L1.85352 6.38672L1.41211 6.00781L1.85254 5.62891L7.39648 0.852539L7.00293 0.53418L0.598633 6.00781L7.00293 11.4668L7.39648 11.1484Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.dark-theme .dc-nav--double-left {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3965 11.1484L8.85352 6.38672L8.41211 6.00781L8.85254 5.62891L14.3965 0.852539L14.0029 0.53418L7.59863 6.00781L14.0029 11.4668L14.3965 11.1484Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3Cpath d='M7.39648 11.1484L1.85352 6.38672L1.41211 6.00781L1.85254 5.62891L7.39648 0.852539L7.00293 0.53418L0.598633 6.00781L7.00293 11.4668L7.39648 11.1484Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.dark-theme .dc-nav--single-right {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.603516 0.851562L6.14648 5.61328L6.58789 5.99219L6.14746 6.37109L0.603516 11.1475L0.99707 11.4658L7.40137 5.99219L0.99707 0.533203L0.603516 0.851562Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.dark-theme .dc-nav--double-right {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.603516 0.851562L6.14648 5.61328L6.58789 5.99219L6.14746 6.37109L0.603516 11.1475L0.99707 11.4658L7.40137 5.99219L0.99707 0.533203L0.603516 0.851562Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3Cpath d='M7.60352 0.851562L13.1465 5.61328L13.5879 5.99219L13.1475 6.37109L7.60352 11.1475L7.99707 11.4658L14.4014 5.99219L7.99707 0.533203L7.60352 0.851562Z' fill='%23ffffff' stroke='%23ffffff'/%3E%3C/svg%3E");
}
.dc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 32px);
  margin-bottom: 8px;
}
.dc-weekday {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  color: var(--Hover-text);
  font-size: 14px;
  text-transform: uppercase;
}
.dc-days {
  display: grid;
  grid-template-columns: repeat(7, 32px);
}
.dc-day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 36px;
  aspect-ratio: 1;
  margin: 0 auto;
  color: var(--Second-dark);
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s border-radius 0.4s;
  position: relative;
  border-radius: 50%;
}
.dc-day:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
}
.dc-day:hover {
  background-color: var(--Background-secondary);
}
.dc-day--other {
  color: var(--Hover-text);
  cursor: default;
}
.dc-day--other:hover {
  background-color: transparent;
}
.dc-day--hovered {
  background-color: var(--Background-secondary);
}
.dc-day--selected {
  background-color: var(--Second-dark);
  color: var(--Light);
}
.dc-day--selected:hover {
  background-color: var(--Second-dark);
}
.dc-day--in-range,
.dc-day--preview {
  background-color: var(--Background-secondary);
  border-radius: 0;
}
.dc-day--in-range:hover,
.dc-day--preview:hover {
  border-radius: 0;
}
.dc-day--range-start:before {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--Background-secondary);
}
.dc-day--range-end:before {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: var(--Background-secondary);
}