[data-feature-carousel] > [role='group'] {
  border-radius: 9999px;
  background-color: #fdfdfd;
}

[data-feature-carousel] > [role='group'] > button {
  border-radius: 9999px;
}

[data-feature-carousel] button[aria-pressed='true'] {
  background-color: #e7e7e7;
  color: #171717;
}

.dark [data-feature-carousel] > [role='group'] {
  background-color: #101010;
}

.dark [data-feature-carousel] button[aria-pressed='true'] {
  background-color: #464646;
  color: #fff;
}

@media (max-width: 639px) {
  [data-feature-carousel] > [role='group'] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  [data-feature-carousel] > [role='group']::-webkit-scrollbar {
    display: none;
  }

  [data-feature-carousel] > [role='group'] > button {
    flex: 0 0 auto;
    min-height: 44px;
    padding-inline: 12px;
    white-space: nowrap;
  }
}