.spx-topbar .spx-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.spx-topbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}

.spx-vat-toggle{
  position:relative;
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  width:88px;
  height:28px;
  padding:2px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  cursor:pointer;
  color:#ffffff;
  font-family:"Poppins",sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1;
  vertical-align:middle;
}

.spx-vat-toggle-label{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  color:#ffffff;
}

.spx-vat-toggle-thumb{
  position:absolute;
  top:2px;
  left:2px;
  width:42px;
  height:24px;
  border-radius:999px;
  background:#99C336;
  box-shadow:0 1px 4px rgba(0,0,0,.22);
  transition:left .18s ease, background .18s ease;
}

.spx-vat-toggle[data-mode="incl"] .spx-vat-toggle-thumb{
  left:44px;
}

.spx-vat-toggle:focus-visible{
  outline:2px solid rgba(255,255,255,.65);
  outline-offset:2px;
}

body.light-theme .spx-vat-toggle{
  background:rgba(31,41,51,.10);
  box-shadow:inset 0 0 0 1px rgba(31,41,51,.10);
}

body.light-theme .spx-vat-toggle-label{
  color:#1f2933;
}

body.light-theme .spx-vat-toggle-thumb{
  background:#99C336;
}

@media (max-width: 767px){
  .spx-topbar-actions{
    gap:8px;
  }

  .spx-vat-toggle{
    width:80px;
    height:26px;
    font-size:10px;
  }

  .spx-vat-toggle-thumb{
    width:38px;
    height:22px;
  }

  .spx-vat-toggle[data-mode="incl"] .spx-vat-toggle-thumb{
    left:40px;
  }
}