.switcher{cursor:pointer;background:linear-gradient(#ffeccd26,#ffe1af26) padding-box padding-box;border:1px solid #ffcd3d;border-radius:32px;width:54px;height:32px;position:relative;overflow:hidden}.switcher--toggled{background:linear-gradient(#e8ffec26,#29d54626) 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(#e8ffec80,#29d54680) padding-box padding-box}.switcher--white{background:linear-gradient(#ffeccd80,#ffe1af80) 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 #00000080}.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)}