.tab-switch-component > .custom-bg-grey {
  z-index: -1;
}
.tab-switch-nav {
  display: flex;
  gap: 4px;
  margin: 0;
  list-style: none;
  overflow-x: auto;
  padding: var(--space-xs, 4px);
  width: 262px;
  background-color: var(--color-foreground-on-inverse-active, #FFFFFF);
  border: 1px solid var(--color-border-width-border-width-default, #DEDEE0);
  border-radius: var(--border-radius-border-radius-md, 8px);
}
.tab-switch-nav-item {
  flex: 1;
}
.tab-switch-btn {
  border: 0;
  font-size: var(--typography-font-size-footnote-lg, 14px);
  line-height: var(--typography-line-height-footnote-lg, 22px);
  font-weight: var(--font-weight-font-weight-regular, 400);
  padding: var(--space-sm, 8px) var(--space-md, 16px);
  border-radius: var(--border-radius-border-radius-md, 8px);
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  background-color: transparent;
  border-radius: var(--border-radius-border-radius-md, 8px);
  color: var(--color-foreground-default, #010414);
}
.tab-switch-btn.active {
  font-weight: var(--font-weight-font-weight-bold, 700);
  background-color: var(--color-foreground-interaction-active, #1975FF);
  color: var(--color-foreground-on-inverse-active, #FFFFFF);
}
.tab-switch-pane {
  display: none;
}
.tab-switch-pane.active {
  display: block;
}
.custom-filter-schedule input[type="search"] {
  border: 1px solid var(--astro-color-border-width-border-width-default, #DEDEE0);
  height: 44px;
  padding: 11px var(--space-md, 16px);
  color: var(--color-foreground-disabled, #ABABAD);
  font-weight: var(--font-weight-font-weight-medium, 500);
  border-radius: var(--border-radius-border-radius-md, 8px);
  flex: 1;
}
.tv-schedule-filter-wrap,
.tv-schedule-filter-wrap:hover {
  color: var(--color-surface-interaction-active, #1975FF);
  background-color: transparent;
  border: 0;
  padding: 11px var(--space-md, 16px);
  width: max-content;
}
.tv-schedule-filter-wrap .svg-icon,
.tv-schedule-filter-wrap:hover .svg-icon {
  background-color: var(--color-surface-interaction-active, #1975FF);
}
.tv-schedule-filter {
  margin-left: var(--space-xs, 4px);
  width: fit-content;
}
.custom-schedule-form {
  display: flex;
  width: 50%;
}
.custom-schedule-form form {
  flex: 1;
}
.custom-schedule-form form > div {
  margin-bottom: 0;
}
.tab-switch-nav-wrap {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
.custom-filter-schedule {
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 3;
  padding-top: var(--space-md, 16px);
}
.tab-switch-component .heading {
  padding-top: var(--space-md, 16px);
}
.custom-filter-schedule > .custom-bg-grey {
  z-index: -1;
}
.tab-switch-nav-wrap span {
  font-size: var(--typography-font-size-footnote-lg, 14px);
  line-height: var(--typography-line-height-footnote-lg, 22px);
  color: var(--color-foreground-strong, #606062);
}
@media only screen and (max-width: 960px) {
  .custom-filter-schedule {
    padding-top: var(--space-sm, 8px);
    flex-direction: column;
  }
  .custom-schedule-form {
    width: 100%;
  }
  .tab-switch-nav-wrap {
    width: 100%;
    justify-content: unset;
    margin-top: var(--space-sm, 8px);
  }
  .tab-switch-nav-wrap span {
    display: none;
  }
  .tab-switch-nav {
    width: 100%;
  }
  .tv-schedule-filter-wrap {
    font-size: 0;
  }
}