.ecommpaas-palette-switcher { display: flex; align-items: center; gap: 10px; margin: 0; }
.ecommpaas-palette-switcher__options { display: flex; align-items: center; gap: 2px; }
.ecommpaas-palette-switcher__option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  border-radius: 50%;
  color: var(--atl-text);
}
.ecommpaas-palette-switcher__option:focus-visible { outline: 2px solid var(--atl-accent); outline-offset: -4px; }
.ecommpaas-palette-switcher__option[aria-pressed="true"] .ecommpaas-palette-switcher__swatch {
  outline: 2px solid var(--atl-text);
  outline-offset: 2px;
}
.ecommpaas-palette-switcher__swatch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--atl-border);
  background: radial-gradient(circle at 50% 50%, var(--atl-swatch-accent) 0 55%, var(--atl-swatch-bg) 56% 100%);
}
.ecommpaas-palette-switcher__name {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.ecommpaas-palette-switcher__option[data-palette="ivory"] .ecommpaas-palette-switcher__swatch {
  --atl-swatch-bg: var(--atl-swatch-ivory-bg);
  --atl-swatch-accent: var(--atl-swatch-ivory-accent);
}
.ecommpaas-palette-switcher__option[data-palette="noir"] .ecommpaas-palette-switcher__swatch {
  --atl-swatch-bg: var(--atl-swatch-noir-bg);
  --atl-swatch-accent: var(--atl-swatch-noir-accent);
}
.ecommpaas-palette-switcher__option[data-palette="rose"] .ecommpaas-palette-switcher__swatch {
  --atl-swatch-bg: var(--atl-swatch-rose-bg);
  --atl-swatch-accent: var(--atl-swatch-rose-accent);
}
.ecommpaas-palette-switcher__option[data-palette="sage"] .ecommpaas-palette-switcher__swatch {
  --atl-swatch-bg: var(--atl-swatch-sage-bg);
  --atl-swatch-accent: var(--atl-swatch-sage-accent);
}
.ecommpaas-palette-switcher__option[data-palette="cobalt"] .ecommpaas-palette-switcher__swatch {
  --atl-swatch-bg: var(--atl-swatch-cobalt-bg);
  --atl-swatch-accent: var(--atl-swatch-cobalt-accent);
}
