.mi-switch-block{display:table-row}.mi-switch{width:var(--switch-width);height:var(--switch-height);position:relative;overflow:hidden;border-radius:var(--switch-height)}.mi-switch-lane{box-sizing:border-box;z-index:1000;display:inline-block;width:var(--switch-width);height:var(--switch-height);text-align:center;line-height:var(--switch-height)}.mi-switch-lane.yes{padding-left:0;padding-right:calc(var(--switch-height)/ 2);background-color:#90ee90}.mi-switch-lane.yes:after{content:"Yes"}.mi-switch-lane.no{padding-left:calc(var(--switch-height)/ 2);padding-right:0;background-color:#d3d3d3}.mi-switch-lane.no:after{content:"No"}.mi-switch-pointer{z-index:1001;display:inline-block;position:absolute;width:var(--switch-height);height:var(--switch-height);border-radius:var(--switch-height);background-color:orange;transition:.4s}.mi-switch-pointer.yes{left:calc(var(--switch-width) - var(--switch-height)/ 2)}.mi-switch-pointer.no{left:calc(0px - var(--switch-height)/ 2)}.mi-switch-text-wrapper{display:table-cell;width:100%}.mi-switch-text{border:1px solid silver;border-radius:4px;margin-left:25px;padding:8px 16px}