.switcher{cursor:pointer;background:linear-gradient(rgba(255,236,205,.15),rgba(255,225,175,.15)) padding-box padding-box;border:1px solid #ffcd3d;border-radius:32px;width:54px;height:32px;position:relative;overflow:hidden}.switcher--toggled{background:linear-gradient(rgba(232,255,236,.15),rgba(41,213,70,.15)) padding-box padding-box;border-color:#28e646}.switcher--toggled .switcher__circle{transform:translate(22px)}.switcher--toggled .switcher__bg--cash{transform:translate(-3px,3px)}.switcher--toggled .switcher__bg--coins{transform:translate(22px)}.switcher.switcher--white.switcher--toggled{background:linear-gradient(rgba(232,255,236,.5),rgba(41,213,70,.5)) padding-box padding-box}.switcher--white{background:linear-gradient(rgba(255,236,205,.5),rgba(255,225,175,.5)) padding-box padding-box}.switcher--small{width:38px;height:24px}.switcher--small .switcher__circle{width:18px;height:18px;top:2px}.switcher--small .switcher__bg--cash{transform:translate(-32px)}.switcher--small .switcher__bg--coins{top:2px;transform:translate(1px)}.switcher__bg{z-index:1;transition:transform .3s ease-in-out;position:absolute;top:1px}.switcher__bg--cash{left:0;transform:translate(-32px)}.switcher__bg--coins{right:0;transform:translate(-1px)}.switcher__circle{z-index:2;background-color:#dee5ea;border-radius:50%;width:26px;height:26px;transition:transform .3s ease-in-out;position:absolute;top:2px;left:2px;box-shadow:0 1px rgba(0,0,0,.5)}.switcher__circle:before{content:"";border-radius:100%;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 2px #fff}.switcher--toggled.switcher--small .switcher__circle{transform:translate(14px)}.switcher--toggled.switcher--small .switcher__bg--cash{top:2px;transform:translate(-6px)}.switcher--toggled.switcher--small .switcher__bg--coins{transform:translate(38px)}