.bdk-theme-picker {
  align-items: center;
  display: flex;
  height: 100%;
  margin-left: 0.25rem;
  position: relative;
}

.bdk-theme-picker__native {
  display: none !important;
}

.bdk-theme-picker__details {
  position: relative;
}

.bdk-theme-picker__details summary {
  list-style: none;
}

.bdk-theme-picker__details summary::-webkit-details-marker {
  display: none;
}

.bdk-theme-picker__toggle {
  align-items: center;
  background: transparent;
  border: 1px solid var(--bdk-border);
  border-radius: 0.1rem;
  color: var(--bdk-text);
  display: inline-flex;
  font-size: 0.58rem;
  gap: 0.3rem;
  height: 1.45rem;
  justify-content: flex-start;
  min-width: 6.5rem;
  padding: 0 0.35rem;
  width: auto;
}

.bdk-theme-picker__toggle:hover,
.bdk-theme-picker__toggle:focus-visible,
.bdk-theme-picker__details[open] .bdk-theme-picker__toggle {
  background: var(--bdk-active-bg);
  border-color: var(--bdk-panel-border-hover);
  color: var(--bdk-active-fg);
}

.bdk-theme-picker__terminal {
  color: var(--bdk-active-fg);
  font-size: 0.62rem;
  font-weight: 700;
}

.bdk-theme-picker__chevron {
  color: var(--bdk-muted);
  margin-left: auto;
  transition: transform 120ms ease;
}

.bdk-theme-picker__details[open] .bdk-theme-picker__chevron {
  transform: rotate(180deg);
}

.bdk-theme-picker__menu {
  background: var(--bdk-surface);
  border: 1px solid var(--bdk-border);
  box-shadow: none;
  inset-inline-end: 0;
  min-width: 10.5rem;
  padding: 0.25rem;
  position: absolute;
  top: calc(100% + 0.25rem);
  z-index: 20;
}

.bdk-theme-picker__option {
  align-items: center;
  border-radius: 0.1rem;
  color: var(--bdk-text);
  cursor: pointer;
  display: flex;
  font-size: 0.62rem;
  gap: 0.5rem;
  min-height: 1.65rem;
  padding: 0.25rem 0.4rem;
}

.bdk-theme-picker__option:hover,
.bdk-theme-picker__option:focus-within,
.bdk-theme-picker__option.is-active {
  background: var(--bdk-active-bg);
  color: var(--bdk-active-fg);
}

.bdk-theme-picker__option.is-active::after {
  color: var(--bdk-active-fg);
  content: "*";
  font-weight: 700;
  margin-left: auto;
}

.bdk-theme-swatch {
  background:
    linear-gradient(
      90deg,
      var(--theme-bg) 0 34%,
      var(--theme-primary) 34% 67%,
      var(--theme-accent) 67% 100%
    );
  border: 1px solid var(--bdk-panel-border-hover);
  display: inline-block;
  flex: 0 0 1.35rem;
  height: 0.72rem;
  width: 1.35rem;
}

@media screen and (max-width: 44.984375em) {
  .bdk-theme-picker {
    margin-left: 0;
  }

  .bdk-theme-picker__toggle {
    justify-content: center;
    min-width: 1.9rem;
    padding: 0;
    width: 1.9rem;
  }

  .bdk-theme-picker__toggle [data-bdk-theme-label],
  .bdk-theme-picker__chevron {
    display: none;
  }
}