.switcher-main{display:flex;width:100%;justify-content:center;min-height:10px;white-space:nowrap}
.switcher-wrapper{display:inline-flex}
.switcher-item-clickfield{position:relative;cursor:pointer}
.switcher-item-clickfield:after{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;background:transparent;z-index:100000000000}
.switcher-item-clickfield:not(:last-child) .switcher-item{border-right:1px solid black}
.switcher-item{position:relative;display:block;padding:0 30px 0 50px;color:gray;font-size:16px !important}
.switcher-item:before{position:absolute;content:" ";left:25px;height:18px;width:18px;border:2px solid gray;border-radius:20px}
.switcher-item:after{position:absolute;content:" ";top:5px;left:30px;height:8px;width:8px;background-color:gray;border-radius:20px}
@media(max-width:768px){.switcher-wrapper{flex-wrap:wrap;justify-content:center}
.switcher-item{padding:0 14px 0 40px}
.switcher-item:before{left:15px}
.switcher-item:after{left:20px}
}
.switcher-item-active{color:orange;font-weight:700}
.switcher-item-active:before{border-color:orange}
.switcher-item-active:after{background-color:orange}
.active-switch-container{display:block}
.unactive-switch-container{display:none}