/* ========================================
   VAT Toggle
======================================== */

.vat-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #1c1c1c;
  font-size: 14px;
  line-height: 1;
}

.vat-toggle__switch {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}

.vat-toggle__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.vat-toggle__label {
  white-space: nowrap;
  opacity: .55;
  transition: opacity .2s ease;
}

.vat-toggle[data-current-vat-mode="excl"] .vat-toggle__label--excl,
.vat-toggle[data-current-vat-mode="incl"] .vat-toggle__label--incl {
  opacity: 1;
  font-weight: 600;
}

.vat-toggle__input:checked + .starel-toggle-ui {
  background: var(--starel-black, #1c1c1c);
}

.vat-toggle__input:checked + .starel-toggle-ui::after {
  transform: translateX(20px);
}

.vat-toggle-suffix {
  font-size: .72em;
  font-weight: 400;
  opacity: .72;
  margin-left: 3px;
  white-space: nowrap;
}