.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"]{--ranges-count:3;min-width:213px;padding:4px;border-radius:64px;background-color:rgba(200,194,180,0.2)}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"]:has(.pnp-users-amount-switcher__radio:focus-visible),.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"]:has(.focus-visible){outline:3px solid #5580f7;outline-offset:2px}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"][data-ranges-count="4"]{--ranges-count:4}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__items{display:flex;align-items:center;position:relative}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__items:after{content:"";width:calc(100% / var(--ranges-count));height:38px;position:absolute;background:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,0.1);border-radius:20px;left:0;transform:translateX(0);z-index:2}
@media(prefers-reduced-motion:reduce){.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__items:after{transition:none}
}
@media(prefers-reduced-motion:no-preference){.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__items:after{transition:transform .3s ease-in-out}
}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__item{font-size:16px;display:flex;align-items:center;justify-content:center;width:calc(100% / var(--ranges-count));position:relative;z-index:3;height:38px;color:#2b2926}
@media(prefers-reduced-motion:reduce){.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__item{transition:none}
}
@media(prefers-reduced-motion:no-preference){.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__item{transition:color .3s .1s ease-in-out}
}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio{opacity:0;position:absolute;left:-9999px}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(1):checked ~ .pnp-users-amount-switcher__items .pnp-users-amount-switcher__item:nth-child(1),.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(2):checked ~ .pnp-users-amount-switcher__items .pnp-users-amount-switcher__item:nth-child(2),.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(3):checked ~ .pnp-users-amount-switcher__items .pnp-users-amount-switcher__item:nth-child(3),.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(4):checked ~ .pnp-users-amount-switcher__items .pnp-users-amount-switcher__item:nth-child(4){color:#2b2926;font-weight:500}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(2):checked ~ .pnp-users-amount-switcher__items:after{transform:translateX(100%)}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(3):checked ~ .pnp-users-amount-switcher__items:after{transform:translateX(200%)}
.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__radio:nth-child(4):checked ~ .pnp-users-amount-switcher__items:after{transform:translateX(300%)}
@media only screen and (max-width:1229px){.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__item,.pnp-users-amount-switcher__wrapper[data-appearance="sep-24"] .pnp-users-amount-switcher__items:after{width:calc(100%/var(--ranges-count))}
}